Cara Membuat Widget Followers Melayang dan Tersembunyi - Tutorial blog ini mungkin sudah basi, tapi mungkin saja ada yang masih penasaran ingin memasang widget followers/pengikut karena belum mencoba di blognya. Dengan menyembunyikan widget followers
google ini yang pasti akan membuat tampilan blog anda tidak begitu ramai (homepage blog makin leluasa). Simak tutorial dibawah ini bagaimana
cara memasang widget follower Tersembunyi dan melayang di blog.
Cara Membuat Widget Followers Melayang di Blogspot1. Pada dasboard silahkan klik Tata Letak
2. Pilih Tambah Gadget => HTML/Javascript
3. Copy kode berikut kedalam HTML/Javascript
<style type="text/css">
#gb{
position:fixed;
top:10px;z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:350px;
width:30px;
float:left;
cursor:pointer;
background:url('http://3.bp.blogspot.com/-BaarzvO3MMs/UPdPmgTT3eI/AAAAAAAAROs/ZHWZ9cirMtQ/s1600/follower.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script> <div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Masukkan Kode Widget Followers Disini<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Keterangan :
1. Kode
top:10px; adalah letak dari widget follower, anda dapat merubah top dan nilai 10px
2. Masukkan kode warna
merah dengan kode Widget Followers yang telah anda buat.
3. Jika anda belum menambah widget followes, monggo silahkan buat dahulu, cara :
- Pilih Tata Letak
- Pilih Tambah Gadget
- Pilih Followes / Pengikut
4. Nah jika anda sudah menambah gadget followes di blog anda dan anda tidak dapat menemukan kode follower yang akan dimasukkan pada kode warna merah diatas yaitu pada tulisan (Masukkan kode widget followers disini), silahkan anda menuju homepage blog anda dan tekan Ctrl+U, lalu cari kode seperti ini :
<div id="
div id kepunyaan anda" style="width: 100%; "></div>
<script type="text/javascript">
var skin = {};
skin['FACE_SIZE'] = '32';
skin['HEIGHT'] = "260";
skin['TITLE'] = "Followers";
skin['BORDER_COLOR'] = "transparent";
skin['ENDCAP_BG_COLOR'] = "transparent";
skin['ENDCAP_TEXT_COLOR'] = "#000000";
skin['ENDCAP_LINK_COLOR'] = "#000000";
skin['ALTERNATE_BG_COLOR'] = "transparent";
skin['CONTENT_BG_COLOR'] = "transparent";
skin['CONTENT_LINK_COLOR'] = "#000000";
skin['CONTENT_TEXT_COLOR'] = "#000000";
skin['CONTENT_SECONDARY_LINK_COLOR'] = "#FFFFFF";
skin['CONTENT_SECONDARY_TEXT_COLOR'] = "#000000";
skin['CONTENT_HEADLINE_COLOR'] = "#000000";
skin['FONT_FACE'] = "Arial";
google.friendconnect.container.setParentUrl("/");
google.friendconnect.container["renderMembersGadget"](
{id: "div-1oivj41cpmxb7",
height: 260,
site: "
ID blog anda",
locale: 'in' },
skin);
</script>
Nah selamat mencoba Membuat Widget Followers Melayang dan Tersembunyi di blogspot, semoga bermanfaat, happy blogging.