Social Bookmark Tampilan Inside Floating

Membuat  Social Bookmark Tampilan Inside Floating di blog, Kali ini saya akan share Tips yang agak unik namun keren sob!!!  Social Bookmark...

Membuat  Social Bookmark Tampilan Inside Floating di blog, Kali ini saya akan share Tips yang agak unik namun keren sob!!!  Social Bookmark Tampilan Inside Floating.

Langkah Pertama
Login ke accunt blogger sobat.
Pilih Template ==> Edit HTML.
Cari kode ]]></b:skin> (gunakan Ctrl+F)
Lalu copy-pastekan kode dibawah ini tepat sebelum kode ]]></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);
}

Langkah Berikutnya
Masih login di accunt blogger sobat.
Pilih Tata letak ==> Add Gadget
Pilih HTML Javascript
Lalu, copy dan pastekan script code di bawah ini dalam kolom javascript.

<!-- masdabang.blogspot.com -->
<div class="bt-wdt">
    <!-- Facebook -->
    <a href="http://www.facebook.com/Page-Name" title="Join me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibmLqiO5EKY4QNH14FcI80xZmsrTCqJOkpbktBfwMCtRkXGh7yrmH5NeqsDOszUaviu7LXRFx6x2avBu5OYnKbYwS-MQO7FBRG_LC4NRWDkRrslAyx0C1hqEmxMUZOZMva9CXUKz3qLoVP/s1600/inside-facebook-icon.png"/></a>
    <!-- Twitter -->
    <a href="http://twitter.com/USERNAME" title="Follow me on Twitter" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghKEX3lUISlxoGZZqik3Dbv8166w_yx3eLpN07S-D9eXBHrshSjWuqcwOcqE3OMbGvE80tM2kKjlLo5ox93tVJjy5hqGU1khGBIdIcT5oX7gNYJH71STzW_XKVG2Wtj2rpEQq4UvPkBR5z/s320/inside-twitter-icon.png"/></a>
    <!-- RSS -->
    <a href="http://feeds.feedburner.com/feed-address" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2R_5UEvrS8s0FPvuOjt1yMbjyGmravBf92Q81Lghf-3-dtjOO060FAQMP3Pe1lqwDQrFBbwk9XwSJUll5EJ8FIdZVMo52VMmE1K_cpaJ1OWkDe-NwjHFO3ocGinwINmEMqcmUyBtkn9j0/s1600/inside-rss-icon.png"/></a>
</div>
<div class="bt2-wdt">
    <a style=" font-size:9px; color:#3b78cd; text-decoration:none;"href="http://www.bloggertrix.com/2012/05/how-to-add-smooth-jquery-facebook-like.html">Get This</a>
</div>
<!-- End -->

Catatan : Silahkan ganti Page-Name dengan Facebook fan page.
Silahkan ganti USERNAME dengan Twitter Username sobat.
Silahkan ganti feed-address dengan Your feedburner Username