Home » » Membuat Widget Sosial Media Untuk Blog

Membuat Widget Sosial Media Untuk Blog

Written By Anto TRD on Kamis, 22 Januari 2015 | 05.07


Buat agan-agan yang blog nya blm di lengkapin widget sosial media seperti facebook, twitter, google plus, pinterest, RSS feed dll bisa coba ini gan. Kalau menurut saya sih lumayan bagus, warna dan logo yang keren dan ditambah dengan efek logo yang memutar. Ini contohnya:


IconIconIconIconFollow Me on Pinterest

Lumayan keren kan gan, yang mau coba pasang silahkan ikuti langkah berikut: Buka blogger -> Layout -> Add Gadget kemudian paste kode berikut:

<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-RSS FEED-URL-HERE" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-RSS EMAIL SUBCRIBE-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-URL-HERE" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/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="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/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="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/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="http://4.bp.blogspot.com/-uSSbLLRLSIE/UA6_fTHiLrI/AAAAAAAAH8k/OxlFAJozvX8/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a></div></center>

Selanjutnya ganti yang sudah saya warnai merah dengan URL agan sendiri, mudah dan cepat kan. Silahkan di coba
Bagikan Artikel Ini :

0 comments:

Posting Komentar

Silahkan kirim komentar dengan bijak, tidak mengandung unsur SARA dan SPAM, komen akan di MODERASI terlebih dahulu

IconIconIconIconFollow Me on Pinterest
 
Support : Nomorcantikmu.com | Blog Motekar | Dayeuhluhur Page
Copyright © 2013. Dayeuhluhur Blog - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger