JUAL ALAT MUSIK MARAWIS & REBANA

Pengrajin, Distributor & Toko Alat Musik Rebana, Marawis, Hadroh, Gendang, Jimbe, Drum Band, Marching Band, jual di Jakarta Bogor Depok Tangerang Bekasi dan Wilayah Lainnya

TOKO PUTRA PENDAWA

Toko / Jual Alat Musik Online
Sedia layanan COD (Cash On Delivery) untuk wilayah
Jakarta Bogor, Depok, Tangerang, Bekasi dan sekitarnya

  • BERANDA
  • DRUM BAND
    • DRUM BAND TK
    • DRUM BAND SD
    • DRUM BAND SMP/SMA
    • PRODUK DRUM BAND
  • MARCHING BAND
    • MARCHING BAND TK
    • MARCHING BAND SD
    • MARCHING BAND SMP
    • MARCHING BAND SMA
    • SPEC MARCHING BAND
  • MARAWIS
    • MARAWIS POLOS
    • MARAWIS POLOS EKSKLUSIF
    • MARAWIS BATIK
    • MARAWIS UKIR
    • SPEC PRODUK MARAWIS
  • REBANA QOSIDAH
    • REBANA QOSIDAH POLOS
    • REBANA QOSIDAH RUMBAI
    • REBANA QOSIDAH UKIR
  • HADROH / GENJRING
    • REBANA HADROH
    • BASS HADROH
    • PAKET HADROH
    • ALAT HADROH
  • ANEKA PRODUK
    • BEDUG
    • GAMELAN / DEGUNG
    • ANGKLUNG
    • DRUM KIT / DRUM SET
    • JIMBE
    • TABLA
    • DUMBUK/DARBUKA
  • LAGU
Beranda » Tutorial Blogspot » 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
  • Pengertian Gadget/ Widget dan ID Widget pada Blog
  • cara mengupload javascript hostingan sendiri dengan google code
  • Cara Memasang Widget Statistik Whos Amung Us
  • cara mengcopy artikel blog anti copas (anti block dan klik kanan)
  • mempercantik tampilan blog dengan cara membuat pointer/kursor bertabur bintang
Tweet

Produk keren lainnya:

Ditulis oleh Unknown pada tanggal 24/05/12
Posting Lebih Baru
Posting Lama
Beranda

TOKO PUTRA PENDAWA BEKASI

KONTAK CS:

HP/SMS/WA: 08561452465 / 085286352611


Alamat : Perumahan Griya Asri Camar A - 18, Kp. Raden RT/RW: 03/07 Kel. Jati Raden, Kec. Jatisampurna ( masuk dari Jalan Raya Kranggan - Pondok Gede, Gang Camar) Kota Bekasi Jawa Barat

LIHAT LOKASI DI GOOGLE MAP







BANK TRANSFER


  • bca rebana marawis
    BCA No. Rek : 6870642375
    a.n. Ahmad Royani, ST

  • mandiri trf marawis
    MANDIRI No. Rek : 167 000 1186 708
    a.n. Ahmad Royani, ST

STAT WEB JUAL ALAT MARAWIS

Music Blogs
blog search engine
Copyright © 2012 JUAL ALAT MUSIK MARAWIS & REBANA - Powered by Blogger
Support JUAL ALAT DAN KOSTUM MARAWIS,DRUM BAND & MARCHING BAND
Template by Mas Sugeng - Versi Seluler