Jika bingung apa itu widget HTML/Javascript silahkan ikuti petunjuknya:
- masuk ke dasboard blog kamu.
- pilih Rancangan
- pada elemen halaman klik ''Tambah widget''
- Dan pilih Widget HTML/Javascript
- kemudian paste-kan script di bawah ini.
- dan Simpan
<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> silahkan masukkan teks, gambar, banner, iklan..... sesukamu</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>
Perhatikan pada tulisan yang berwarna biru pada script di atas, di situ berisi tentang pengaturan tentang posisi, background,border widget melayang tersebut. Atur sesuai dg keinginan kamu apakah ingin di tempatkan di bagian kiri atau kanan. Oh ya, jika kamu ingin menempatkan widget melayang tersebut pada halaman yg ingin kamu tentukan baca artikel blogtegal tentang menampilkan widget pada halaman tertentu yg kita inginka.
Bagaimana apakah sudah bisa membuat widget melayang atau membuat iklan melayang? Semoga bermanfaat.
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Tips-Trik Blog
- Cara Membuat Judul Blog Berjalan
- Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
- Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
- Membuat Drop Cap Dengan Efek dan Image
- Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
- Cara Memasang Icon Yahoo Di Blog
- Cara Membuat Lencana Facebook Terbuka di Tab Baru
- Cara Memasang Meta Tag Otomatis di Blogger
- Cara Membuat Tabel Dalam Blog
- Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
- Pasang Jadwal Sholat Di Sidebar Blogger
- Cara Membuat Widget Melayang Pada Blog
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !
0 comments:
Posting Komentar
Jangan Lupa Komentarnya Ya !