New Floating social bookmark

Widget ini mengandungi Perkongsian Butang Rangkaian sosial seperti Twitter, Facebook, Google, StumbleUpon dan Pinterest. Sekarang dengan versi baru kita boleh berkongsi kandungan kami kepada lebih daripada 300 tapak Perkongsian Sosial. OK Mari kita lihat Bagaimana untuk menambah widget ini bookmarking sosial untuk blogger. Sebelum itu anda boleh lihat demo widget ini.

Ia adalah mudah untuk memasang widget ini di blog blogger anda. Untuk menambahkan ia hanya mengikuti langkah-langkah mudah yang diberikan di bawah.

   1)  Dalam Dashboard Pergi ke Template > Edit HTML Button

   2)  Cari   <b:includable id='post' var='post'>

 

  
3)  Dan copy kode ini dan letak dibawah kode yang anda cari.

*Pastikan klik ... untuk besarkan kode sebelum memasukkanya...

 <b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
/*<![CDATA[*/
#btnt-social {  bottom: 10%; margin-left: -50px; position: fixed; }
#btnt-social ul { list-style: none;clear: none;padding: 0px 0px ;margin: 5px 0;}
#btnt-social ul li { display: inline;background:none;margin:0;padding:0;}
#btnt-social ul li a { display:block;  width: 32px; height:32px; margin: 5px 0; }
#btnt-social ul li a.twitter    { background: url("http://4.bp.blogspot.com/-u2iiutQz5QA/UIAk8Vtp_II/AAAAAAAABPQ/XBZODm4K0DQ/s32/twitter.png") repeat scroll 0 0 transparent;  }
#btnt-social ul li a.facebook   { background: url("http://1.bp.blogspot.com/-9o_wP7VCif0/UIAk1AYOP9I/AAAAAAAABOo/jYqTSd2Olc8/s32/facebook.png") repeat scroll 0 0 transparent; }
#btnt-social ul li a.stumbleupon  { background: url("http://2.bp.blogspot.com/-oE7gDBjPZB0/UIAk6yjGdxI/AAAAAAAABPI/txDzyQTgBLw/s32/stumbleupon.png") repeat scroll 0 0 transparent;  }
#btnt-social ul li .google-plus    { background: url("http://4.bp.blogspot.com/-Wdr3H9MYGvk/UH11mcV_l_I/AAAAAAAABOU/dsY1q4zDDzg/s1600/g-plus.png") repeat scroll -1px 0 transparent;  }
#btnt-social ul li a.pin-it-button   {  background: url("http://1.bp.blogspot.com/-35-nyc3AF1Y/UIAk4CUxvwI/AAAAAAAABO4/bTkQCEbmd_g/s32/pinterest.png") repeat scroll 0 0 transparent;  }
#btnt-social ul li .addthis_32x32_style .dummy .at300bs, #btnt-social ul li .addthis_32x32_style .at300bs, #btnt-social ul li .addthis_32x32_style .at15t   { background: url("http://1.bp.blogspot.com/-JtRkjaxbhH8/UIAk5l0FZiI/AAAAAAAABPA/8KjmKBkNSTo/s32/sharethis.png") repeat scroll 0 0 transparent;  }
/*]]>*/
</style>
<div id='btnt-social'>
<ul>
<li><a class='twitter' expr:href='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' rel='nofollow' target='_blank' title='Share this post on twitter'/></li>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Facebook'/></li>
<li><a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Stunbleupon'/></li>
<li><a class='google-plus' expr:href='" http://plus.google.com/share?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank' title='Share this post on Google+ '/></li>
<li><a class='pin-it-button' href='javascript:void(run_pinmarklet())'/>
<script src='http://assets.pinterest.com/js/pinit.js' type='text/javascript'/>
<script type='text/javascript'>
function run_pinmarklet() {
    var e=document.createElement('script');
    e.setAttribute('type','text/javascript');
    e.setAttribute('charset','UTF-8');
    e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r=' + Math.random()*99999999);
    document.body.appendChild(e);
}
</script></li>
<li><div class='addthis_toolbox addthis_32x32_style'>
<a class='addthis_button_compact'/>
</div>
<script type='text/javascript'>
var addthis_config = {
     ui_cobrand: "blogtipsntricks.com",
ui_header_color: "#ffffff",
     ui_header_background: "#0080FF"
}
</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js' type='text/javascript'/></li>
</ul>
</div>
</b:if></b:if>



Bila anda sudah selesai klik Save .