22 Agustus 2010

MENYEMBUNYIKAN WIDGET


Sebenernya aku terinspirasi oleh blognya http://juliocaesarz.blogspot.com dan aku mutusin buat kasih tau caranya ke kalian...,
gini caranya:

1. Kalian login ke akun blog kalian seperti biasa
2. Kalian masuk Tata Letak >> Elemen Laman,
3. Kalian tambahkan gadget html/javascript,
4. Kalian copy-paste javascript di bawah ini...,


<!-- Begin Show Hide Floating - http://ubaynyzhar.blogspot.com --> <style type="text/css"> #juliocaesarFX{ position:fixed; top:30px; z-index:+1000; } * html #juliocaesarFX{position:relative;} .juliocaesarFXtab{ height:108px; width:37px; float:right; cursor:pointer; background:url('http://i789.photobucket.com/albums/yy174/albanna/Graphic2copy.png') no-repeat; } .juliocaesarFXcontent{ float:right; border:2px solid #d241c7; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidejuliocaesarFX(){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var w = juliocaesarFX.offsetWidth; juliocaesarFX.opened ? movejuliocaesarFX(0, 40-w) : movejuliocaesarFX(40-w, 0); juliocaesarFX.opened = !juliocaesarFX.opened; } function movejuliocaesarFX(x0, xf){ var juliocaesarFX = document.getElementById("juliocaesarFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; juliocaesarFX.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movejuliocaesarFX("+x+", "+xf+")", 10);} } </script> <div id="juliocaesarFX"> <div class="juliocaesarFXtab" onclick="showHidejuliocaesarFX()"> </div> <div class="juliocaesarFXcontent">

WIDGET YANG AKAN DISEMBUNYIKAN

<div style="text-align:right"> <a href="javascript:showHidejuliocaesarFX()"> [close] </a> </div> </div> </div> <script type="text/javascript"> var juliocaesarFX = document.getElementById("juliocaesarFX"); juliocaesarFX.style.left = (40-juliocaesarFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://ubaynyzhar.blogspot.com -->

- tulisan warna merah kalian ganti dengan widget yang ingin kalian sembunyikan (wajib)
- tulisan warna hijau bisa kalian ganti dengan URL gambar yang sudah kalian upload lebih dulu melalui photobucket, imageshack, dsb (nggak wajib)

Kalau sudah tinggal di simpan terus lihat hasilnya dengan me-refresh blog kalian...!!!
GOOD LUCK...!!!

Artikel Terkait di Bawah posting

0 komentar:

LOGIN

Template by : JON'S