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{Langkah Berikutnya
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);
}
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 -->Catatan : Silahkan ganti Page-Name dengan Facebook fan page.
<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="http://2.bp.blogspot.com/-kI143xXpVYs/T9IHRYgQC7I/AAAAAAAAA_c/dYs-A-OWtuo/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="http://3.bp.blogspot.com/-pLmJZt3iHpw/T9IHR9EDnHI/AAAAAAAAA_0/QasiOIK-e5Q/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="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://www.bloggertrix.com/2012/05/how-to-add-smooth-jquery-facebook-like.html">Get This</a>
</div>
<!-- End -->
Silahkan ganti USERNAME dengan Twitter Username sobat.
Silahkan ganti feed-address dengan Your feedburner Username
COMMENTS