DON'T LIKE ME

Cara Membuat Widget Melayang / Buku Tamu Tersembunyi ver.02

Cara Membuat Widget Melayang / Buku Tamu Tersembunyi ver.02

Langsung sajah yach!!!

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...

<style type="text/css">
.gb_fixed{
position:fixed;
top:0px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?ichal13051991" height="400" title="ichal13051991">
<a href="http://www6.shoutmix.com/?ichal13051991">View shoutbox</a>
</iframe>
<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
<!-- End ShoutMix -->

</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
</a>
</div>
</div>
Contoh di atas adalah 'Widget Melayang Shoutmix
Keterangan :

Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)


Selamat Mencoba
By : Bang Udin
----------------------------------------------------------------------------------
Gunakan ----{ CTRL + F }---- Untuk Mencari Artikel
----------------------------------------------------------------------------------
Postingan Baru :
TERIMAKASIH SUDAH BERKOMENTAR


Comments
3 Comments

3 komentar:

Sinto mengatakan... Reply To This Comment

posisi sebelah kiri bang, shoutbox nya ini kanan yg kiri belum

PriAde mengatakan... Reply To This Comment
Komentar ini telah dihapus oleh pengarang.
filemmove mengatakan... Reply To This Comment

Adhi : Maf baru bisa balas komentar.

kalu mau sebelah kiri. tinggal diatur aja.

position:fixed;
top:0px;
right:0px;

dengan bahasa inggris .kiri.

Posting Komentar