Minggu, 05 Juni 2011

Cara Menyembunyikan Widget Followers


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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_C6hCsTKJWz99Cn3D0r2eveiCbKcQpDOZNtr7p7fG1-jeofWxalpDedV11Y6aA0yETiKMQE2YRPHzYm78vLBmDZAA8esnQ_f6OlMRLXzBGAx_wOfIiyAcgDBFdGsKYBHn7tRtsnfvDDpU/'/></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.....

jangan lupa Follow blog saya ....Trimakasih ....



Salam Hangat Oriza

3 komentar:

  1. wahh... bermanfaat sekali postinganx gan.....

    BalasHapus
  2. Ok , Sama- sama .... Masih Banyak Artikel yang berkaitan seputar blogger ^_^ .... semua yang saya posting di sini sudah saya coba semua .... jadi tenang saja ...

    BalasHapus
  3. nice share gan, menarik bgt infonya. dah saya coba n brhsil, mksih bnyak y gan. . ., o y tpi saya msih bngung (mklum gan msh newbie), saya kn sblumnya dah punya widget followers default waktu 1x buat blog (sudah ada beberapa angggotanya), nah bgtu iktin tutorial dri pnya agan ni, followers saya blum ada. nah jd beda y gan widget dri tutorial agan ni dgn widget saat 1x saya buat blog kmren?? (mohon pencerahannya y gan)

    BalasHapus

Berikan Komentar Sobat Tentang Artikel Saya , Dengan Bahasa Yang Sopan , Dan Tidak Mengandung Spam .Dan Jangan Lupa Untuk Follow Blog Saya , Trimakasih .