Selamat datang di: www.jual-rebanamarawis.com ( PUTRA PENDAWA )
Toko / Jual Alat Musik Online dan COD (Cash On Delivery)
Contact Person : Ahmad Royani, ST
TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)
PIN BB : 2B4A736C
Home » » Cara Membuat Widget dengan Tab Buka / tutup

Cara Membuat Widget dengan Tab Buka / tutup

 Pada postingan kali ini saya akan berbagi tips cara membuat widget / gadget dengan Tab bisa dibuka / tutup dan diletakkan dibagian kanan atau kiri blog. sebagai contohnya Anda bisa melihatnya pada Buku tamu di blog  YANG SATU INI silahkan klik pada tab yang berada di sebelah kanan blog dengan tlisan "TARIK"

Tips ini bisa diaplikasikan ke berbagai widget antara lain widget buku tamu, widget share button, Widget statistik dan widget lainnya dengan tujuan agar meminimalkan ruang atau tempat dalam blog.

Jika Anda berminat untuk menerapkannya ke dalam blog anda, maka silahkan Baca dan praktekkan  Tips berikut ini:

  • Copy Kode Berikut ini, kemudian Paste pada Widget yang ingin anda buat dengan tampilan melayang atau buka/tutup:
<!-- Mulai Hidden Widget -->
<style type="text/css">
.ahmad_fixed{
position:fixed;
top:180px; /*jarak dari atas*/
right:0px;
z-index:+1000;
}
* html .ahmad_fixed {position:relative;}
#hidden_ahmad{
display:none;
border:2px solid #616258; /*ketebalan dan warna kotak*/
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;
background:#f1f1ea; /*warna latar*/
padding:3px 10px 0px 10px;
}
</style>
<div class="ahmad_fixed">
<table id="hidden_ahmad" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-float:right"><a href="javascript:void(0)" onclick="ahmad_showHideahmad()" title="Close/Tutup"><img style="border:0px; width:auto; height:auto;" alt="Buka tutup" src="http://2.bp.blogspot.com/-_XyV6rmfS4U/T7vLzwrxgxI/AAAAAAAABQs/Vm3CyAJRmHQ/s400/close.png" /></a></div>

LETAKKAN KODE WIDGET YANG INGIN ANDA BUKA TUTUP
DISINI

<br/>
<script type="text/javascript" src="http://rebanamarawis-file.googlecode.com/files/widget-melayang.js"></script>
</td></tr></table></div>
<!-- Gambar Samping -->
<div style="z-index:+5" class="ahmad_fixed">
<a href="javascript:void(0)" onmouseover="ahmad_showHideahmad()">
<img style="border:0px;" src="http://4.bp.blogspot.com/-2SUs3DYcsdE/T7vBsiSkS5I/AAAAAAAABQc/buuHsOf-q04/s320/TARIK.png" /></a>
</div><!-- Selesai Hidden Widget -->
  • Anda bisa memodifikasi nya sendiri dengan mengganti gambar "tarik" sesuai dengan keinginan Anda,
  • Anda juga bisa memodifikasi kode lainnya
  • Selamat berkreasi
 Demikian postingan kali ini yang berjudul Cara Membuat Widget/Tab Melayang atau Buka / tutup semoga bermanfaat.

 Tutorial Blogspot
Share this article :

1 komentar:

ibbenk21 mengatakan...

artikelnya sangat bagus dan sangat bermanfaat, makasih
semoga sukses saja.. dan salam hangat buat admin blog dari ibbenk21

TOKO PUTRA PENDAWA

Contact Person : Ahmad Royani, ST


  • TELP/SMS: 08561452465 / 087786060415 / 085286352611 (WA)

  • PIN BB : 2B4A736C

  • Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden Kec. Jati Sampurna Kota Bekasi Jawa Barat KP 17433
  • Klik PETA LOKASI PUTRAPENDAWA
  • Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  •  
    Copyright © 2013. JUAL ALAT MUSIK MARAWIS & REBANA - All Rights Reserved
    Template Created by Mas Template Supported by jual kostum marawis & alat drum band
    Proudly powered by Blogger |