CARA BUAT WIDGET FOLLOWERS TERSEMBUNYI

Bagaimana cara membuat Show atau Hide Widget Followers?, saya rasa banyak teman-teman blogger yang sudah membahas tentang Show/Hide Widget Followers untuk mencari dari kata tersebut kadang-kadang banyak yang masih kurang tau dengan judul tersebut, Postingan ini saya tujukan kepada teman-teman yang membutuhkan tips ini, semoga dengan bantuan dari kami bisa untuk menerapkannya kedalam blog teman.

Langsung saja kepembahasan tutorialnya :

1. Login dulu ke Blogger

2. Masuk ke Rancangan - Elemen Laman

3. Tambahkan Gadget Html/Java Script

4. Copy Paste Code berikut ini :

#fl{

position:fixed;

left:150px;

z-index:+1000;

}

* html #fl{position:relative;}

.flcontent{

float:left;

border:2px solid #676767;

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrk4NoO1_mlMrwBFPLbnuc-RekjHsPvGJ30xQ1Sv_NV-jN5HtCQPeN1Bidk3eZfOlA_3PLQwW4BMG_kaVyQquNU9GVRH3ZUN_TJ5IPVyZb415bsj6HBEiAwyC29YJEQ5M-fQ_ZedW0plXY/)#000000 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>

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>

Kode Widget Follow Google Disini

[Tutup]

</a></div>

<span >By maduwebsite.co.cc</span></div></a></font>

</div>

var fl = document.getElementById("fl");

fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";

</script>

6. Untuk Tip selanjutnya kita harus membuat atau mengambil code widget follownya di google silahkan sobat Klik Disini untu membuatnya.

7. Sobat bisa melihat gambar dibawah ini.

8. Pilih blog sobat yang akan dipasang widget follow
9. Klik "Tambahkan gadget anggota"
10. Silahkan diatur ukuran, warna dll nya..
11. Klik "Buat Code", Contoh Tampilannya seperti gambar di bawah ini.

12. Silahkan Copy Kodenya, dan ikuti langkah selanjutnya

13. Masih ditahap pemasangan Kode HTML, Sobat Copy Paste Kode dibawah ini. Pas dibawahnya Kode yang sobat sudah copy paste tadi.

<a href="javascript:showHideFL()"/><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhePMEBX2EUoSpJXe6lrTpjzSGNCCkqI1anTapQm-qjlvchfTAmIqSX1KLOl-VwoWjOXfebx3sP_je_bZGbpXP11kE6VaLDoFbCvUCWnTgFr-Uvv9baohoj-GEuICGsBpp9hEywSQTKc1pR/" alt="manyunte ronyox" title="Click To Open The Follow Table" style="display:scroll;position: fixed; top:150px;right:0px;cursor:pointer;style=" opacity:1;filter:alpha(opacity="100)&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" ;" height="130px" width="40px" /></a>

source

CARA BUAT WIDGET FOLLOWERS TERSEMBUNYI

4/ 5

Oleh Baris Info

April 24, 2011 1 Komentar

1 komentar:

nova13

3 Juni 2011 pukul 08.35 delete

makasih ya?? lagi cari2 tutorial ini ^_^ hehe :-D

Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia, atau juga bisa URL Facebook atau Twitter kamu, misal http://facebook.com/markutil

Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini pertanyaan kamu tidak akan ditanggapi.

Maduwebster

Minggu, 24 April 2011