Float Social Bookmarks Di Blogspot

Baca Juga

Bismillah ... dulu saya pernah posting tentang cara pasang button sharing sexi social bookmark di blogspot, pada kesempatan ini tidak jauh dari itu, tapi pada sore hari ini saya akan share cara membuat social bookmark yang mengapung di halaman blog sobat.

Tampilannya seperti apa sih? mungkin itu yang menjadi pertanyaan teman teman, jika belum paham dengan kata kata saya di atas, saya akan berikan penjelasan sedikit tentang Gadget Social Bookmark yang satu ini, tampilannya sederhana dan tidak banyak gaya nya,tampilan social bookmark ini cuma mengapung di depan halaman blog sobat dan tempatnya tidak akan berpindah. jadi kesimpulannya gadget nya akan tetap (absolut).

Untuk menambahkan Gadget Social bookmark ini tidak perlu repot pokonya mudah. langkah pertama yang sobat harus lakukan adalah :

• Login ke Blogger 
• Terus masuk ke area Design/Rancangan Blog
• Setelah itu Tambahkan Gadget HTML/JavaScript
• Lalu copy Script di bawah ini dan masukan ke area HTML/JavaScript
• Terakhir Save Dan lihat hasilnya.

Script Social Bookmarks

<style>
#lutfi-social {display:scroll; -webkit-border-radius: 10px;
-moz-border-radius: 10px;border-radius: 10px; position:fixed; top:30%; left:5%; border: 1px solid #E8E8E8; padding:0px 0px 0px  0px;  width:70px;} #lutfi-social li {list-style:none;padding : 5px 5px 5px 5px;} #lutfi-social  a:link{color:transparent;text-shadow:none;} #lutfi-social  a:visited{color:transparent;text-shadow:none;} </style><div align="center" id="lutfi-social">
<li><a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post"data-button-style="normal-count"></a><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></li> <li><a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="lutfie-tutor">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></li><li><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><div class="g-plusone" data-size="tall"></div></li> <li><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></li> <li><script type='text/javascript'>digg_url= 'php echo get_permalink($postid); ?>';'http://digg.com/tools/diggthis.js' type='text/javascript'/></script></li><a href="http://lutfietutor.blogspot.com/" target="_blank" title="Lutfi Tutorial Blog">GADGET</a>
</div>

Oke Sobat blogger sampai disini saja tutorial cara menyisipkan Social Bookmark nya. mudah mudahan bermanfaat, Good Luck Happy Blogging