18 Juni 2011

cara membuat follow melayang


Ok sobat kali ini saya akan memposting bagaimana caranya menyembunyikan/menghiden widget followers , Penasaran Bukan ??? caranya mudah banget .... sebelum ke Pokok Pembahasan , pertama nya saya walking-walking ke blog sahabat saya dan pas saya nyari widget follow sahabat saya kok nggak ada ??? eh , ternyata ada di pojok kiri paling bawah dan contoh icon nya seperti gambar di atas, saya berpikiran kok bisa seperti itu ? lalu saya nyari-nyari di om saya google ^_^ Akhirnya nemu juga tutorialnya , eh yang jadi masalah si pemilik blog yang saya kunjungi tutorialnya kurang lengkap dan akhirnya terpaksa saya Ulik sendiri , dan seperti di bawah inilah tutorial buatan saya yang paling mudah di mengerti , Langsung Ke TKP :

Bahan-bahan :
*. seperti biasa makanan & Minuman Ringan Secukupnya
*. Kesabaran & ketelitian

Tutorialnya :
1. Login ke Blogger
2. Masuk Rancangan >>> Elemen Laman
3. Tambah Gadget >>> Html/Java Script
4. Copy - Paste kode berikut :
<style type="text/css"> #fl{ position:fixed; right:190px; z-index:+1000; } * html #fl{position:relative;} .fltab{ height:32px; width:270px; float:top; cursor:pointer; background:url(#) no-repeat; } .flcontent{ float:right; border:2px solid #676767; background:url()#F90 repeat-x bottom center scroll; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; -moz-border-radius-bottomleft:15px; -moz-border-radius-bottomright:15px; padding:10px; } </style> <script type="text/javascript"> function showHideFL(){ var fl = document.getElementById("fl"); var w = fl.offsetWidth; fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0); fl.opened = !fl.opened; } function moveFL(x0, xf){ var fl = document.getElementById("fl"); var dx = Math.abs(x0-xf) > 25 ? 35 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; fl.style.bottom = x.toString() + "px"; if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);} } </script> <div id="fl"> <div class="fltab" onclick="showHideFL()"> </div> <div class="flcontent">
GANTI TEXT INI DENGAN CODE FOLLOWERS ANDA
<div style="text-align: right;"> <a href="javascript:showHideFL()"> [Tutup] </a></div> <span style="font-size:85%;"><a href="http://ryuuku-sena.blogspot.com/2011/02/cara-menyembunyikan-widget-follow.html"><div style="color: rgb(68, 68, 68);"> <span style="font-size:xx-small;">Get This Gadget</span></div></a></span> </div> </div> <script type="text/javascript"><br />var fl = document.getElementById("fl");<br />fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";<br /></script>

catatan : tulisan yang berwarna merah ganti dengan code script followers yang sudah di buat

5. Ambil code script followers anda di sini ( sebelum klik link nya, sobat harus sudah log in akun google agar cepat ) setelah mengklik link nya >>> Klik "Tambahkan Gadget Anggota"Aturlah ukuran, warna dsb... menurut selera sobat/sesuaikan dengan blog sobat terakhir >>> Klik "Buat kode"
6. Nah setelah keluar code followers nya lalu pastekan codenya di script di atas yang berwarna merah di step 4
7. lalu klik Simpan Template
8. Setelah itu,buka rancangan >>> edit Html >>> cari code <body dengan cara tekan
Ctrl + F, lalu pastekan code di bawah ini di atas code <body
<a href='javascript:showHideFL()' style='display:scroll;position: fixed; bottom:65px;left:5px;' title='Follow'><img src='http://lh6.ggpht.com/_yF0--u7KSSI/TN6RD4JoCmI/AAAAAAAABG0/bkYV2RML-qk/Follow-.png'/></a>
9. Lalu klik simpan Template
10. Lihat hasilnya di blog sobat

Catatan : code yang berwarna merah di step 8 bisa di ganti dengan keinginan gambar sobat yang di inginkan.....

0 komentar:

Naxzapram Blog | Template by - Abdul Munir - 2008 - layout4all