Auto Hide Widgate Ketika Kursor discroll Kebawah

Coretan Bang Dadan on

Sunday, January 13, 2013

Membuat Auto Hide Widgate Ketika Kursor Kebawah - Sahabat blogger pada kesempatan yang lalu bang dadan pernah membuat artikel tentang Cara Membuat Buton Social Slide di Samping Blog. Nah untuk kesempatan kalii ini bang dadan akan coba membahas Cara Membuat Slide Widgate Ketika Kursor Kebawah. Sahabat blog mungkin pernah, bahkan sering melihat ada widgate yang ketika kursor diarahkan ke bagian paling bawah blog suka muncul tuh, nah kalau sobat belum melihat silahkan lihat DEMO nya dibagian samping kanan blog ini, lalu sobat scroll kursor ke bagian paling bawah blog ini, nanti dengan sendirinya widgate tersebut akan muncul.

Oke bagi sobat yang ingin mencoba menerapkan nya pada blog sobat masing - masing, silahkan ikuti langkah - langkah nya berikut ini:

◉ Cara Membuat Auto Hide Widgate Ketika Kursor di Scroll Kebawah

---

• Pertama silahkan sobat Like atau Follow dulu blog ini. ツ ツ 
• Login pada akun blog sobat
• Selanjutnya menuju dasbor ⇉ pilih Tata Letak
• Setelah itu Tambah Gadget dan Pilih HTML/Javascript
• Copy dan paste kan kode dibawah ini pada HTML/Javascript

<script type="text/javascript" src="http://google-js.googlecode.com/files/widget-slidebok.js"></script>
<div style="position:fixed; width:300px; overflow:hidden; bottom:50px; right:28px; display:none;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top, #000, #444);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');-moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border:0px solid #111111;" id="lutfietutorial">
     <div style="width:320px; padding:10px; margin:0 auto; overflow:hidden;">

Simpan Kode Widgate Anda Disini..!!!

        </div></div>

◉ Keterangan:
Ganti tulisan yang berwrna Merah dengan kode widgate yang ingin anda tampilkan pada Auto Hide tersebut.

Nah mungkin cukup sekian pembahasan simpel kita kali ini tentang Cara Membuat Auto Hide Widgate Ketika Kursor discroll Kebawah. Semoga ini dapat bermanfaat bagi para pembaca semua.

Terimakasih dan Salam Blogger..!!!

Labels: blogger tutorial, Widget

Thanks for reading Auto Hide Widgate Ketika Kursor discroll Kebawah. Please share...!