Cara Memasang Widget Social Media yang Atraktif di Blog

Dalam kesempatan kali ini saya akan membagikan bagaimana "Cara Memasang Social Media yang Atraktif di Blog" yang unik dengan ikon profil media sosial. Dengan menggunakan widget ini anda bisa menghubungkan profil media sosial anda seperti Facebook, Twitter, Rss dan YouTube. Anda harus mengganti ID nya secara manual.
Anda bisa melihat live demonya dibawah.

Terhubung dengan Kami

• 548 RSS Feed
• 5,245 Followers
• 2,298 Fans
• 1,202 Subscriber

Blog anda akan terlihat ramai pengunjung, karena banyak yang ngelike, ngeshare dan banyak follower.

Sekarang saya akan bagikan "Cara Memasang Widget Social Media yang Atraktif di Blog".

Berikut ini langkah-langkahnya:

• Pertama anda masuk ke blogger.com
• Lalu anda pilih Tata Letak
• kemudian pilih Tambahkan Gadget
• Klik HTML/Javascript
• Pastekan kode dibawah ini

<style> .kotak_widget{ margin-bottom:20px; overflow:hidden; clear: both; border: 1px solid black; width: 300px; } .kotak_widget li{ line-height:15px; float:left; width:75px; height:87px; padding:7px 0 10px; -moz-transition:.4s linear; -webkit-transition:.4s ease-out; transition:.4s linear; list-style:none; } .kotak_widget li a{display:block;text-align:center;} .kotak_widget li a strong{ background:url(http://4.bp.blogspot.com/-DHkZX7Y0FXs/UVvNYBepQVI/AAAAAAAAAc8/_EA1lwrFxqA/s1600/bt-icons.png) no-repeat;display:block; opacity:0.7; height:51px; margin-bottom:5px; -webkit-transition: opacity ease-in-out 0.4s; -moz-transition: opacity ease-in-out 0.4s; -o-transition: opacity ease-in-out 0.4s; transition: opacity ease-in-out 0.4s;} .kotak_widget li a:hover strong{opacity:1;} .kotak_widget li:hover a{text-decoration: none;} .kotak_widget li.rss-subscribers a strong{ background-position:center -1084px ;} .kotak_widget li.rss-subscribers a:hover strong{ background-position:center -1139px ;} .kotak_widget li.rss-subscribers span{display:block;font-size:21px;} .kotak_widget li.facebook-fans a strong { background-position:center -1192px ;} .kotak_widget li.facebook-fans a:hover strong { background-position:center -1246px ;} .kotak_widget li.twitter-followers a strong{ background-position:center -868px;} .kotak_widget li.twitter-followers a:hover strong{ background-position:center -922px;} .kotak_widget li.youtube-subs a strong{ background-position:center -976px;} .kotak_widget li.youtube-subs a:hover strong{ background-position:center -1030px;} .kotak_widget li span{display:block;font-size:21px;} .kotak_widget li a small{color:#777;} </style> <br /> <div class="widget kotak_widget"> <ul style="margin-left: -40px;"> <center><h1>Connect with Us</h1></center> <li class="rss-subscribers"> <a href="http://feeds.feedburner.com/IDFeedBurner"> <strong></strong> <span>548</span> <small>RSS Feed</small> </a> </li> <li class="twitter-followers"> <a href="http://www.twitter.com/IDtwitter"> <strong></strong> <span>5,245</span> <small>Followers</small> </a> </li> <li class="facebook-fans"> <a href="http://facebook.com/IDfacebook"> <strong></strong> <span>2,298</span> <small>Fans</small> </a> </li> <li class="youtube-subs"> <a href="http://www.youtube.com/IDyoutube"> <strong></strong> <span>1,202</span> <small>Subscribers</small> </a> </li> </ul> </div>

Jika sudah selesai silahkan anda Simpan, jangan lupa like & share yah...

Cek juga widget-widget lainnya di blog ini, siapa tahu widget yang anda cari-cari selama ini ada disini.

"Salam Satu Widget"