1. XenForo 1.5.14 中文版——支持中文搜索!现已发布!查看详情
  2. Xenforo 爱好者讨论群:215909318 XenForo专区

Peeling Stickers Social Media Widget For Blogger

本帖由 漂亮的石头2013-01-13 发布。版面名称:便携软件

  1. 漂亮的石头

    漂亮的石头 版主 管理成员

    注册:
    2012-02-10
    帖子:
    486,020
    赞:
    46
    Peeling Stickers Social Media Widget For Blogger 破解版
    [​IMG]

    [​IMG]
    In this post im gonna explain how to add peeling social sharing buttons for your blog. This is just widget. you can add it to your blog easily. I just using Css with HTML. Check below demo link. You can get social media post with similar widgets.





    [​IMG]

    1. Log in to blogger Design > Page Element.
    2. Click Add Gadget and select 'HTML/Javascript
    3. Now Paste Below code.

    <style>
    p#socialicons img { -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
    p#socialicons img:hover { -moz-transform: rotate(70deg); -webkit-transform: rotate(70deg); -o-transform: rotate(70deg); -ms-transform: rotate(70deg); transform: rotate(70deg);}
    p#socialicons1 img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
    p#socialicons1 img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg);}
    p#socialicons2 img { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    p#socialicons2 img:hover { -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg);}</style>

    <center><p id="socialicons">
    <a href="http://www.facebook.com/softwaresgames.andtricksl" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-Ezw8CJMdi5Q/UPJWdiV9LtI/AAAAAAAANo8/9qC6ziPlZaw/s1600/sgnt-facebook.png" /></a>
    <a href="http://www.twitter.com/SoftwaresGamesn" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-_Gb5j7DpzuQ/UPJWe50KKiI/AAAAAAAANpM/hdkd3Cz-dCw/s1600/sgnt-twitter.png" /></a>
    <a href="https://www.stumbleupon.com/stumbler/sgnt" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-awbOCc9YVWk/UPJWdhtg55I/AAAAAAAANpE/y6hP60nq_4E/s1600/sgnt-stumbleupon.png" /></a>
    <a href="http://feeds.feedburner.com/SoftwaresGamesNTricks/" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-XfrblUO8roE/UPJWdpZjT5I/AAAAAAAANpA/4McgO0KgrUA/s1600/sgnt-rss.png" /></a></p></center>

    4. After paste above code
    • Replace softwaresgames.andtricksl with your facebook username
    • Replace SoftwaresGamesn with your twitter Username
    • Replace sgnt with StumbleUpon username
    • Replace SoftwaresGamesNTricks with feedburner username

    5. Now save your HTML/Javascript'.
    6. You are done...

    [​IMG]
    [​IMG]
    Peeling Stickers Social Media Widget For Blogger破解版下载 Peeling Stickers Social Media Widget For Blogger绿色版下载 Peeling Stickers Social Media Widget For Blogger便携版下载 Peeling Stickers Social Media Widget For Blogger注册版下载
     
正在加载...