Latest Games :
Home » , » Cara Membuat Widget Melayang / Buku Tamu Tersembunyi ver.02

Cara Membuat Widget Melayang / Buku Tamu Tersembunyi ver.02

| 4komentar

Langsung sajah yach!!!

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > KlikTambah 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 diPhotobucket ..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.. ;-)
Share this article :

4 komentar:

  1. thanks
    datang lagi dan follow ya gan

    BalasHapus
  2. gan saya masih binggung di , warna merah dan biru itu gan .. tolong sedikit penjelasan gan ?

    BalasHapus
    Balasan
    1. itu link yang dikasih warna biru itu adalah bentuk buku tamunya
      ini link nya : http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif
      atau bisa buat gambar lain sesuai kreasi anda
      kalau suka yg itu langsung copas aja gk usah di ubah - ubah

      Hapus

komentar tidak boleh berisi konten kotor
komentar tidak boleh spam
kesulitan boleh komentar dengan kata baku bhs indonesia
jangan lupa like and follow

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. FAHMI X-PAZ BLOG - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger