Cara Menanbahkan 3D Tombol Sosial Dengan Efek Rotasi Spin Untuk Blogspot

Hari Ini Saya bakalan Share Cara Menambahkan 3D Tombol Sosial Dengan Efek Rotasi Spin Untuk Blogspot, Widget ini di buat dengan trik CSS
Lihat disini!!
Jadi banyak cing cong nih, Langsung ja....cekidot

Cara Menambahkan 3D Tombol Sosial Dengan Efek Rotasi Spin
1. Login ke Blogger Dashboard > Layout.
2. Klikn 'Add A Gadget' > HTML Javascript.
3. Copas Kode HTML di bawah ini.

<style>
#social a:hover {
background-color: transparent;opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social"><a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP-tJ7q2qnMUys59YemNbz_AHwsseYSMyQVc5cTclpZEpBLv3ddJR2jZhFJ40Rb5Gmnf8B98zCiORsPlRX3jyZHzx8ORMrRpgI9cK0TDkErbUP-wu7RCBBIZuqkGfCRm13f9hgtD9RV_sU/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-1BWe2ZnJHas/UA6_hrD6_GI/AAAAAAAAH80/exs4JwDuyhY/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVLXb0qH6Fypy8-hHapukfykpUHvBS3Jch1EQG9D2tgUSn4u2zAC_g1G91pX6jNU5Svm692TjKr8_x81GBdgEzGbiefTjy6Kv9bEa9fSAf02K73hPtMAfOiPFVjz8QkUqM0NOk2XNrcv7n/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPMcLuraygMWXdwagr69EWDazg8nYgTN7MoVQv0itpP37HS-JY7XJ-HDROJdCj979nZ5vClV8bB_abMwHDqOurpNrHU2M5NZGb1woYHG0nWHJ506mGi89DeZtfd0SazXgDqXIIYZDoisxH/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-8KJEFtcyd9OH8MnzuJfeqk5d0g7HfkRpvtqEKPZFYTvk9xQb3IpWp4E1Qx_N_MvX-ev-gnB0AS4BmSMnGcStkKhQZ9l5kZErWZMrNdM04DBGH8Puc94OvlgM6XZ2r-U7OPPcqxkxJOCy/s1600/GOOGLE-PLUS-48x48.png"/></a><a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq5qzE8YZ52uT49pBBzlfAstCpexe6P4tRGt5PWlq88zvQNlFjdDjiTdmOq0-Axty1XuzFU-q3o-I6oCyFzsQuoitl1qv-k6exbLJmsDeqZ3tgNHBkIHP5lkxXZMXg010SVSu-J88oz-e5/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div>
<br/>
<a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="Beautiful Blogger Widgets" src="http://feeds.feedburner.com/~fc/beautifulbloggerwidgets?bg=ff9933&fg=000000&anim=1" style="border:0" /></a>
</center>

Catatan: Ganti Bagian ini Dengan URL Sosial Profil anda


YOUR-FEED-URL-HERE
YOUR-EMAIL-RSS-URL-HERE
YOUR-FACEBOOK-PAGE-URL-HERE
YOUR-TWITTER-URL-HERE
YOUR-GOOGLE-PLUS-URL-HERE
YOUR-PINTEREST-URL-HERE
YOUR-FEEDBURNER-URL-HERE

4. dan terakhir Simpan.

Itulah Cara Menambahkan 3D Tombol Sosial Dengan Efek Rotasi Spin Untuk Blogspot. Sebelumnya saya berterimakasih kepada Paul Crowe dan BeautifulBloggerWidget.

About the Author