Floating Social Bookmarking Pada Blog

FLOAT SOCIAL BOOKMARKING

DEMO

1. Cara Memasang Email Subscription Keren pada widget
2. Cara membuat PopUp Facebook LikeBox Blog
3. Gadget Blog 4 in 1 Dengan Fungsi Auto Hide
4. Social Media Bookmarking Dengan 4 style yang keren

Ke-empat Postingan saya Sebelumnya yang di atas, Hampir Mirip dengan Tutor kita Kali ini,Dan Masih pada Sebatas Social Bookmarking.Perbedaan Social Bookmarking yang Ke 4 diatas dengan Social Bookmarking kali ini hanya pada Style dan Penempatannya.Untuk Lebih Jelasnya Sobat bisa lihat Demo Disini, Dan Jika sobat Tertarik Berikut adalah cara pemasangannya :

• Masuk ke blogger
• Pilih menu template,kemudian
• Edit HTML,lanjutkan dengan mencentang Expand widget Tempalte
• Cari kode ]]></b:skin> dengan menggunakan CTRL F
• Jika sudah ketemu, Copy kode di bawah ini Tepat di atas ]]></b:skin>

.bt-wdt{position: fixed;right: 10px;top: 43%;}

.bt2-wdt{position: fixed;right: 30px;bottom: 22%;}

.bt-wdt img{float: right;clear: right;margin: 5px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}

.bt-wdt img:hover{-moz-transform: scale(1.2) rotate(6deg);-webkit-transform: scale(1.2) rotate(6deg);-o-transform: scale(1.2) rotate(6deg);-ms-transform: scale(1.2) rotate(6deg);transform: scale(1.2) rotate(6deg);}

• Jika sudah.SIMPAN TEMPLATE

Langkah Selanjutnya Adalah :

1. masuk Ke menu tata letak
2. Add gadget,dan pilih HTML/JavaScript
3. Tambahkan Kode di bawah ini Ke dalam Gadget Anda 

<!-- begin -->

<div class="bt-wdt">

 <!-- Facebook -->

 <a href="http://www.facebook.com/uit.makassar.indonesia" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="http://2.bp.blogspot.com/-kI143xXpVYs/T9IHRYgQC7I/AAAAAAAAA_c/dYs-A-OWtuo/s1600/inside-facebook-icon.png" /></a>

 <!-- Twitter -->

 <a href="https://twitter.com/DCrowDeveloper" title="Follow me on Twitter" target="_blank"><img alt="Follow me on Twitter" src="http://3.bp.blogspot.com/-pLmJZt3iHpw/T9IHR9EDnHI/AAAAAAAAA_0/QasiOIK-e5Q/s320/inside-twitter-icon.png" /></a>

 <!-- RSS -->

 <a href="http://feeds.feedburner.com/D-crow" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="http://4.bp.blogspot.com/-Doair2NkZ0I/T9IHRsBhtwI/AAAAAAAAA_o/LPKl7VnOJc0/s1600/inside-rss-icon.png" /></a>

</div><div class="bt2-wdt"><a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://d-crow.blogspot.com/"> Get This</a>

</div>

<!-- End http://d-crow.blogspot.com/ -->

CATATAN : 
http://www.facebook.com/uit.makassar.indonesia Ganti dengan URL FansPage FB sobat
https://twitter.com/DCrowDeveloper Ganti dengan URL Twitter Sobat dan
http://feeds.feedburner.com/D-crow Ganti dengan URL Feed Sobat