Widget Sosial Media Blog Yang Unik

Apakabar sahabat blogger? Masih semangat kan dengan rutinitas blognya. Semoga aja masih semangat dan tetap konsisten dengan kegiatan blognya. Pada kesempatan kali ini saya ingin share Widget Sosial Media Blog Yang Unik menurut saya sendiri. Ya, semoga aja sahabat blogger juga berfikir demikian. Hehehe....Untuk penampakan Widget Share Sosial Media ini, silahkan sahabat lihat gambar dibawah ini. 

Jika sahabat tertarik, silahkan sahabat ikuti langkah langkah dibawah ini. langkah ini gak memakan waktu sampe 1 jam, ya cukup 15 menit lah. Saya kira sudah selesai.

• Masuk Menu Dashbord
• Pilih Menu Layout atau Tata Letak
• Pilih Add a Gadget, kemudian pilih HTML/Java Script
• Kemudian silahkan kopi kode HTML dibawah ini

 <style>
.btrix_widget{
margin-bottom:20px;
overflow:hidden;
clear: both;
border: 1px solid black;
width: 300px;
}
.btrix_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;
}
.btrix_widget li a{display:block;text-align:center;}
.btrix_widget li a strong{ background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEYvtwOn-dIpKrXL53xh1inx22BBgUtHX48bTmQTFw6BliOFCigNyCcypv67lxciv1MbbZgOsGG_mP9J0mUvVpbEmCBJK9dPjzD-7S1iHAcTPh_lbDwJKhCUiwsGsObZNN2XNXRBCxP01C/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;}
.btrix_widget li a:hover strong{opacity:1;}
.btrix_widget li:hover a{text-decoration: none;}
.btrix_widget li.rss-subscribers a strong{ background-position:center -1084px ;}
.btrix_widget li.rss-subscribers a:hover strong{ background-position:center -1139px ;}
.btrix_widget li.rss-subscribers span{display:block;font-size:21px;}
.btrix_widget li.facebook-fans a strong { background-position:center -1192px ;}
.btrix_widget li.facebook-fans a:hover strong { background-position:center -1246px ;}
.btrix_widget li.twitter-followers a strong{ background-position:center -868px;}
.btrix_widget li.twitter-followers a:hover strong{ background-position:center -922px;}
.btrix_widget li.youtube-subs a strong{ background-position:center -976px;}
.btrix_widget li.youtube-subs a:hover strong{ background-position:center -1030px;}
.btrix_widget li span{display:block;font-size:21px;}
.btrix_widget li a small{color:#777;}
</style>

<br />

<div class="widget btrix_widget"> 
<ul style="margin-left: -40px;">
<center><h1>Connect with Us</h1></center>
<li class="rss-subscribers">
<a href="http://feeds.feedburner.com/blogspot/zamblog">
<strong></strong>
<span>548</span>
<small>RSS Feed</small>
</a>
</li>
<li class="twitter-followers">
<a href="https://twitter.com/zamzamjamiel">
<strong></strong>
<span>5,245</span>
<small>Followers</small>
</a>
</li>
<li class="facebook-fans">
<a href="https://www.facebook.com/wong.kampoeng.1420">
<strong></strong>
<span>2,298</span>
<small>Fans</small>
</a>
</li>
<li class="youtube-subs">
<a href="http://www.youtube.com/AllegianceZamzam">
<strong></strong>
<span>1,202</span>
<small>Subscribers</small>
</a>
</li>
</ul>
</div> 

• Setelah itu Simpan, dan lihat hasilnya.

Jangan lupa ganti beberapa Url alamat seperti dibawah ini menjadi Url milik anda :

• http://feeds.feedburner.com/blogspot/zamblog  ganti dengan Url Feedburner anda sendiri
• https://twitter.com/zamzamjamiel ganti dengan Url Twitter anda 
• https://www.facebook.com/wong.kampoeng.1420 ganti dengan Url Facebook anda
• http://www.youtube.com/AllegianceZamzam ganti dengan Url Youtube anda

Silahkan anda kembangkan sendiri ya.

Semoga artikel "Widget Sosial Media Yang Unik Untuk Blog" ini anda sukai. Dan jangan lupa mampir lagi dilain kesempatan. Terima kasih.