Membuat Tombol Share Keren tanpa Edit HTML

Salam Blogger!

Dalam dunia blogger memperganteng blog adalah kepuasan tersendiri bukan hanya postingan saja yang dapat membuat pengunjung untuk berlama-lama tetapi penampilan Blog juga dapat menentukan pengunjung untuk datang lagi, pada hari ini saya akan membagikan trik Membuat Button share yang unik karena bisa berputar, tidak memberatkan loading blog dan tanpa melalui edit HTML, bagi sobat ingin berminat memasang Widget tersebut silahkan ikuti panduaanya dibawah ini :

1.Klik Tata Letak.

2.Klik Elemen Halaman.

3.Klik Tambah Gadget.

4.Kemudian Pilih HTML/Javascript.

5. Copy paste kode dibawah ini :

Semoga Bermanfaat.

<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/AVvXsEh8A_fBVk0A5ggkmog8MIAETHpzyoZntgU-aTC6bipeQL309B6xx8u1TzHvHH045lihtLO9ufCHd3kxU2_9rTnApSPlnzY5Xmh2LnGSvERG4EECF-gwaqCMs2UcVdeIlzvxzDHk4L_3NNzM/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/AVvXsEgtpgg5Ib-lVGv-CgNic-54RGm-LM0pOsEeHRf1MassTUKteL1EAdbqS9kkWgXA5J51he_BKnyBJx1VPMhxoI5u7jAQq8XcFdiEAyPeLuScw-buwDYWRegx7nXejrY7Ba7J-NoLkBdSJuoY/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/AVvXsEgb7BfPqois5ZtOcpfDaYa6z4k-KGTLLzuZR1ztZEzrVTyisGeYa8pG9QOqKXenHeys0BmU5nLDZDCbuVF6dtDGe5pCmKApkjv8QMCRV7j6K5o73MpdBPcNqujXTXXYsu66gWO3ysLzZA25/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/AVvXsEgZaQsWMX02_sGq__pynTxA61BSk9xA8iIfrtMdAqlqRy3ChUg6xbSBIWgv0j_1mIxV36JTs9rHhB5tkZ7H7oaIfuLnKtSRayLp15z_d2SprKD2eJyYmDoP-7AVe9qVelaN9vWcSglGiSCZ/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/AVvXsEhQ2X-NjkYBfdnrR08W-KxI1ce8fvcvGWIuJfmI-K-fkA5hLulUUUE0LQ5P8seCF-epv6a3MGfonSbaW1w0y8wpJ8KOZoDGW9ycOXXB6nFPH2hO61yTldQSNQcVIbt6_X2_QMuNC_4LOBep/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/AVvXsEggItFcB_icBw1eF6oEikpF2Eaf4TP8Q6lCsjMs4QVDuzgtYg-FufRE0iKMkEuK5GmyDlHq1C-_Iamse_pLnTw_aheXd0N-3fhGCRv5ZiHAZXRPxTHOdj9rOwXWkztkB_Gdzmh-f0M5Lzos/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>

C O D E