1
Nah, mungkin, ini pertama kalinya saya membagi widget hehehe. Baiklah, tanpa basa-basi lagi, saya mempersembahkan, widget yang dapat meningkatkan jumlah like, follow maupun circle. saya persembahkanm IDBT social Follow tab.

Kegunaan widget ini ?


1. Meningkatkan jumlah like facebook page blog anda.
2. Meningkatkan jumlah follow twitter anda.
3. Meningkatkan jumlah circle .

Cara pemasangannya ? 

1. Pergi ke blogger > tata letak
2. Pasang widget HTML/ javascript
3. Masukkan kode berikut

<script type='text/javascript'>
//<![CDATA[
function idbloggertrick_oom(NBTID, id)
{
  var idbloggertrick = document.getElementById(NBTID);
  var idbtrick = idbloggertrick.firstChild;
  while (idbtrick.className != "idbtrick" ) idbtrick = idbtrick.nextSibling;
  var IDBT = idbtrick.firstChild;
  var i   = 0;
  do
  {
    if (IDBT.tagName == "A")
    {
      i++;
      IDBT.href      = "javascript:idbloggertrick_ubah('"+NBTID+"', "+i+");";
      IDBT.className = (i == id) ? "Active" : "";
      IDBT.blur();
    }
  }
  while (IDBT = IDBT.nextSibling);
  var Halamans = idbloggertrick.firstChild;
  while (Halamans.className != 'Halamans') Halamans = Halamans.nextSibling;
  var Halaman = Halamans.firstChild;
  var i    = 0;
  do
  {
    if (Halaman.className == 'Halaman')
    {
      i++;
      if (Halamans.offsetHeight) Halaman.style.height = (Halamans.offsetHeight-2)+"px";
      Halaman.style.overflow = "auto";
      Halaman.style.display  = (i == id) ? 'block' : 'none';
    }
  }
  while (Halaman = Halaman.nextSibling);
}
function idbloggertrick_ubah(NBTID, id) { idbloggertrick_oom(NBTID, id);
}
function idbloggertrick_inisial(NBTID) { idbloggertrick_oom(NBTID,  1);
document.write('');}
//]]>
</script>

<style>
div.idbloggertrick div.idbtrick {
height: 24px;
overflow: hidden;
}
div.idbloggertrick div.idbtrick a:hover, div.idbloggertrick div.idbtrick a.Active {
background-color: #eee;
}
div.idbloggertrick div.Halamans {
clear: both;
border: 2px solid #f4f4f4;
overflow: hidden;
background-color: #ffffff;
}
div.idbloggertrick div.Halamans div.Halaman {
height: 100%; padding: 0px;
overflow: hidden;
}
div.idbloggertrick div.Halamans div.Halaman div.Alas {
padding: 3px 5px;
}
div.idbloggertrick div.idbtrick a {
border-left:1px solid #eee;
border-right:1px solid #eee;
border-top:1px solid #eee;
border-boNBTom:0px solid #eee;
float: left;
display: block;
width: 95px;
text-align: center;
vertical-align: middle;
height: 24px;
padding-top: 3px;
text-decoration: none;
font-family: "Arial", Serif;
font-size: 11px;
font-weight: 900;
color: #000000
}
</style>

<form action="idbloggertrick.html" method="get">
<div id="idbloggertrick" class="idbloggertrick">
<div style="width: 300px;" class="idbtrick"> <a>Facebook</a><a>Twitter</a><a>Google+</a></div>
<div style="width: 320px; height: 320px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FID-BTrick%2F455570051186219&amp;width=292&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script>
<div id="twitterfanbox">
<script type="text/javascript">fanbox_init("IDBtrick");</script>
</div>
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/108887352535935972846" data-source="blogger:blog:followers" data-width="300"></div>
</div>
</div>
</div>
<small><a href='http://idbloggertrick.blogspot.com/2013/05/widget-idbt-social-follow-tab.html' target='_blank'>get this</a></small>
</div>
</form>
<script type="text/javascript">idbloggertrick_inisial('idbloggertrick');</script>

Jika berhasil, selamat
Jangan menghapus credit
jika gagal, pastikan anda tidak menghapus credit

Posting Komentar Blogger

 
Top