Tuesday, July 01, 2014

3D Spinning Social Widget for Blog.

3D Spinning Social Widget for Blog
3D Spinning Social Widget for Blog. Kali ini saya akan membagi tips membuat Spinning social media dengan tampilan 3D.
Baik langsung saja saya akan menerangkan bagaimana caranya memasang diblog.

Langkah-langkah

  1. Masuk dengan akun blogger sodara.
  2. Masuk Tampilan tata letak halaman blogger
  3. Add Element - HTML/JavaScript
  4. Lalu copy dan pastekan code dibawah ini pada halaman baru HTML/JavaScript
<style>
 #tb911rotate a:hover {background-color: transparent;opacity:0.7;} #tb911rotate 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; } #tb911rotate img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style>
<a rel="dofollow" title="blogger widgets" href="http://shaggyweb.blogspot.com" target="_blank"><img border="0" src="http://bitly.com/24workpng1" style="margin-right:0px;" alt="widgets"/></a>
<center><div id="tb911rotate">
<!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/shaggyweb" target="_blank"><img border="0" src="http://1.bp.blogspot.com/-AJ3owFbBCOs/UkZvQxdNL_I/AAAAAAAACJo/FnA_shqJasc/s50/RSS+jagged+edge.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Rss Icon-->
<!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/SagitariusKusadhi" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-bLkCQAk63CQ/UkZvPAsHsEI/AAAAAAAACJg/IDER7uBmSWM/s50/Facebook+jagged+edge.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="http://twitter.com/Sagitariusadhi" target="_blank"><img border="0" src="http://2.bp.blogspot.com/-R6nAQpzkRXA/UkZvTYuAlaI/AAAAAAAACJ4/Nh8H0heb0w0/s50/jagged+twitter.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Twitter Icon-->
<!--Start Email Rss Icon--> <a rel="nofollow" title="Subscribe on Pinterest" href="http://www.pinterest.com/Sagitariusadhi" target="_blank"> <img border="0" src="http://4.bp.blogspot.com/-Z2H4CNqFCK0/UkZvVN6lH1I/AAAAAAAACKA/M8of3NNpRZM/s50/pinterest+jagged+edge.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Email Rss Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On Google+" rel="nofollow" href="https://plus.google.com/107486703657455915956" target="_blank"> <img style="margin-right:1px;" src="http://2.bp.blogspot.com/-Jx227rtOyTo/UkZvScaMTiI/AAAAAAAACJw/4U75Ketaaaw/s50/google+plus+jagged+edge.png"/> </a> <!--End Google+ Icon--> </div><br/> </center>
Setelah itu save pekerjaan sodara dan lihat hasilnya pada blog anda,

NB: Ganti URL Link berwana Merah dengan url social media anda !!

Untuk melihat demonya bisa melihat pada link dibawah ini.

Sekian postingan dari saya semoga artikel ini dapat berguna bagi pembaca khususnya para sobat blogger.

2 blogger-disqus

Ada silahkan kunjungi link ini http://jsbin.com/fitavimu/1
terima kasih :)


EmoticonEmoticon