Mempercantik Blog kita dengan berbagai widget / Gadget memang sudah jadi Tradisi, ini demi betahnya pengunjung diblog kita. Namun kadang juga kita bingung mau ditaruh dimana lagi gadget baru kita sedangkan blog sudah penuh dengan pernak pernik.
Alternatif yang paling Keren yakni disembunyikan atau dibuat melayang disisi kiri atau kanan, blog.
Silahkan Ikuti Langkah-langkah Berikut Untuk Pemasangannya :
- Tentu Login dulu ke Account Blogger Sobat
- Silahkan Menuju Dasbor lalu Klik Rancangan
- Pilih Tambah Gadget
- Pada Halaman Tambah Gadget Cari Tab menu HTML/JavaScript lalu klik Tambah
- Isi judul dengan kode ini <!–judul–>
Maksudnya supaya nanti Gadget kita terlihat tanpa Judul, karena sekarang jika sobat kosongkan judul maka Gadget dianggap SALAH - Sekarang Isikan dengan Kode dibawah ini
<style type="text/css">
#gb{
position:fixed;top:100px;z-index:+1000;}
* html #gb{position:relative;}
.gbtab{height:128px;width:35px;
float:right;
cursor:pointer;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOxClrY5eQD_DnFcDel1B-303Y4w6v2voFo27FHCcc6iPDYxjTpcK7DdcaVEPBgzF3A10XeZBHwNapsPyZKTrvNZeJPL5JOujIweoZ7rZnW5GQaRKWtPS0twIdgpfM9N8-Tse9CRrq_qs/') no-repeat;}
.gbcontent{float:right;border:2px solid #A5BD51;
background:#F5F5F5;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.left = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}
</script><div id="gb">
<div onclick="showHideGB()"> </div><div>
<div style="text-align: center;">
<span style="color: blue; font-size: x-small;">Selamat Datang</span>
<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span></div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=136575963025211&width=290&height=400&xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></iframe><div style="color: #999999;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://www.kumpulancara.com/" target='new'>kumpulancara</a></span>
</div><br/><div style="text-align:left"><a href="javascript:showHideGB()">[tutup]
</a></div></div></div>
<script type="text/javascript">var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>
0 komentar:
Post a Comment
Silakan berkomentar di blog ini, berkomentar lah dengan bahasa yang baik dan binjak , dan blog ini dofollow , apa bilang komentar SPAM akan terhapus sendiri secara otomatis. tapi anda tetap bisa berkomentar dengan tool opsi. Nama/URL
Terima kasih atas kunjungannya. semoga bermanfaat informasi yang ada diblog ini.