Bener nggak yah judul diatas?? soalnya bingung banget sob mau dikasih judul apaan. Setelah saya pikirkan matang-matang, maka terpilihlah judul membuat hide dan show shoutmix (chatbox). Kenapa hide n show??? karena dengan teknik ini sobat blogger dapat membuat shoutmix tersembunyi, pokoknya keren banget. Hehehe
Oiya, kalau dipikir-pikir, kayanya saya udah lama banget yah ngak nulis artikel tentang tips blogger (jarang yang request sih,, heheh). Artikel tentang membuat hide dan show shoutmix ini di request oleh salah satu sobat blogger, buat yang sudah merequest, harap perhatikan dengan baik dan jangan bercanda yah. Okeii pak guru,, Heheh
- Pertama, silahkan sobat login ke akun sobat blogger masing-masing.
- Di bagian dasbor klik menu tata letak.
- Tambah Gadget
- Kemudian Copy-Paste kode berikut di gadget baru yang telah anda buat tadi. <style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('http://i642.photobucket.com/albums/uu147/remoxp/Chatbox.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} }
- Klik Simpan
- Selesai
MASUKAN KODE SHOUTMIX DISINI
0 komentar: