06 January 2014

Cara Membuat Sosial Media Fastest Magz di Blog

Sosial Media

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 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/+RhinokageRio'>
     <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://idblanter.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(&quot;http://4.bp.blogspot.com/-BijS0OXNqUM/Ub9XA_RlZLI/AAAAAAAACCM/c19K_XX4R30/s1600/csg-51bf56d8dd195.png&quot;);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:&#39;Oswald&#39;,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...
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic