Menambah Gadget 6 Spinning Icon Social Network

Hai sob! sekarang saya akan share cara membuat gadget spinning icon social network(jejaring sosial) pada blog, tentu mengasikkan juga jika di blog kamu terdapat gadget seperti ini..uihh makin keren blognya.

berikut langkah-langkahnya:

1. masuk ke dashboard blogger
2. pilih tata letak
3. pilih add/tambahkan gadget
4. pilih HTML/javascript
5. kemudian salin(copy-paste) script 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"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaATNrKxEgsD_mNLecJBrEBU40hV-xOXbDK3JUltsn6E8KHCD4tUHSkc1eqakY9n4ZM8q0WyFn8ygpE85mcmBnkchORiJInYcjU13i-ZueccLq6-K3bv_sFj4Yd3pZ7IwWYmjjcP5IXJh6/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpXxlLkesa2KWdpUgvEEgnGrFMV_VZZ-y-SYT3UeG12O1tcUKngyID9YHr87mQkmdu8QHbgZiUl5BJrxSw8CZ1WqsUp9_wrAMC51S9I7EkV34dq9NbB0MPzLzqaqdlBdIMOWQd9hkEsJQp/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <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/AVvXsEjqnFSjuP0lYYSsPrQlMMxCDgYMm1uTxciFq72NNqWZgDEha66JZFLBhBxYpfhWHGgp-IIrUkUszvNZHLL3cI-xJiXp-wo2U0dQ3i11VWUJmQOY1VgaJBTv4jJIWNmwaWRUnybjkoW1dhAR/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <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/AVvXsEiJxmkausiSqUmD4w529MtU_12vwmj8bEg-W1fz33Z7bIO4_99zyN02EZ1qtt-3Q2JYY_dXloEMmRv8-owYyv8JB0j_cZYMws4Uu7MnQDiP5fayFhSfxdYr9383u8d2fapHCbcOQAZowXUz/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <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/AVvXsEgzZK0OFqUpUzbTLJyefeJy8q4i91T3T4cFUqs6EIMo7aLJ12hpeCfgVoWg5CeDgxv5S9K-H60P4YKMcDxgAecddyE5QjYk6YjVF5ylfScayJ6ltJnozbTNnm4gYVQWtjHlvf7usd_IvyBM/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <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/AVvXsEgKjzuDqhV9NGjI9-UjRPXQfAa1fufF1uKnHlcfh2jGMuqndeLOCgW2OyIBXCN0L75avEcfQnFECcVh0u6K-3zhoCtlMVVQHrqOHAY0q4GiSNPlwCkAEt2NH6iMfTjhkUPl2JGhhxD6kS7n/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>
<a href="http://dhanynurdiansyah.blogspot.com/2013/01/6-spinning-icon-social-network.html" target="_blank" title="Spinning Social Network">Get This Widget</a></div></div>

catatan:

• untuk kode yang ditandai dengan warna orange adalah kata/title yang muncul jika salah satu icon disorot dengan cursor
• untuk kode yang ditandai dengan warna biru tua silahkan diganti dengan URL akun kamu
• untuk huruf yang berwarna biru muda dapat dihapus salah satunya jika kamu tidak memiliki satu atau beberapa akun jejaring sosial, misal saya tidak memiliki akun Feed, maka yang saya hapus adalah:

<!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaATNrKxEgsD_mNLecJBrEBU40hV-xOXbDK3JUltsn6E8KHCD4tUHSkc1eqakY9n4ZM8q0WyFn8ygpE85mcmBnkchORiJInYcjU13i-ZueccLq6-K3bv_sFj4Yd3pZ7IwWYmjjcP5IXJh6/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon-->
nah sekian sobat blogger, good luck!

Share this post