Cara Membuat Sosial Media Fastest Magz di Blog

Cara Membuat Sosial Media Fastest Magz di Blog - Apa Kabar sobat Blanter, semoga aja baik-baik aja ya, ok sekarang saya akan, memberikan tips cara membuat sosial media seperti fastest magz blogger template yang di buat oleh  Mas-Sugeng ini punya banyak sekali template yang dia buat,, bagus2 lagi, banyak bloggers yang menyukai template buatannya ini, ok langsung aja deh ke tips yang satu ini dijamin wow :

1. Login Ke Blogger
2. Klik Tata Letak
3. Tambahkan Widget
4. Pilih HTML/JavaScript
5. Copy Script ini dan masukan kedalam kotak HTML/JavaScript

<div class='social-box'>

 <div class='social-item-outer'>

 <a class='social-item-box facebook-box' href='http://www.facebook.com/rio.i.hadi'>    

   <div class='counter'>

 76.098

</div>

<span class='social-title'>Fans</span>

 </a>

 </div>

 

 <div class='social-item-outer'>

 <a class='social-item-box twitter-box' href='http://twitter.com/RhinokageRio'>

   <div class='counter'>

 6.987

</div>

<span class='social-title'>Followers</span>

 </a>

 </div>

 

 <div class='social-item-outer'>

 <a class='social-item-box googleplus-box' href='http://plus.google.com'>

   <div class='counter'>

 4.987

</div>

<span class='social-title'>Followers</span>

 </a>

 </div>

 

 <div class='social-item-outer'>

 <a class='social-item-box rss-box' href='http://blanter-forever.blogspot.com/feeds/posts/default'>

   <div class='counter'>

 398

</div>

<span class='social-title'>Subcribers</span>

 </a>

 </div>

    </div>

6. Ganti Link yang berwarna merah itu, dengan link sosial media kalian

7. Klik Simpan

8. Simpan kode dibawah ini tepat diatas </style>

/* SOCIAL WIDGET */

.social-box{width:280px;padding:10px 9px;margin:0;overflow:hidden;background-color:#f2f2f2;border:1px solid #f2f2f2;text-align:center;}a.social-item-box{display:block;color:#4b4b4b;float:left;width:64px;overflow:hidden;margin:0;padding:4px 0;background-image:url("http://4.bp.blogspot.com/-BijS0OXNqUM/Ub9XA_RlZLI/AAAAAAAACCM/c19K_XX4R30/s1600/csg-51bf56d8dd195.png");background-repeat:no-repeat;}.social-item-outer{background:#f8f8f8;margin:0 0 0 8px;overflow:hidden;float:left;display:inline-block;}.social-item-outer:hover{background:#fff;}.social-item-outer:nth-child(1):hover{box-shadow:0px -2px 0px #E50700 inset;}.social-item-outer:nth-child(2):hover{box-shadow:0px -2px 0px #0084C5 inset}.social-item-outer:nth-child(3):hover{box-shadow:0px -2px 0px #6CAC00 inset;}.social-item-outer:nth-child(4):hover{box-shadow:0px -2px 0px #00C3B7 inset;}.social-item-outer:hover{box-shadow:0px -2px 0px #FF8168 inset;}.social-item-outer:first-child{margin-left:0px;}.facebook-box{background-position:7px 4px;}.rss-box{background-position:-73px 4px;}.twitter-box{background-position:-153px 4px;}.googleplus-box{background-position:-233px 4px;}.counter{margin:60px 0 0 0;font-family:'Oswald',Verdana,Sans-serif;line-height:1.2em;font-size:16px;font-weight:500;}.social-title{color:#888;font-size:11px;}

9. Simpan Template 

SELESAI... Mudah Bukan.. Jangan lupa comment, jangan cuma lewat, terus ambil tips ini, itu adalah pengunjung yang tidak sopan... ckckckck

Pembuat Sosial Media : Mas-Sugeng Di Share Oleh : Dunia Blanter 

Jika ingin copy-paste harap cantumkan sumbernya demi keselamatan blog anda sendiri TERIMA-KASIH... Wasallam...