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 » CSS Dasar » HTML Dasar » Tutorial Blogspot » Membuat Efek Shadow Gambar Widget Blog

Membuat Efek Shadow Gambar Widget Blog

Melanjutkan postingan sebelumnya Cara Membuat Efek Shadow pada Gambar Posting Blog  dengan menggunakan CSS pada  template blog, maka pada postingan kali ini saya akan berbagi tips untuk membuat Efek shadow pada gambar yang ada pada postingan tertentu saja dan bisa juga pada widget dengan konfigurasi HTML

Kode ini bisa diletakkan pada post editor dengan mode "HTML" jadi bukan mode "Compose" atau bisa juga diletakkan pada widget di side bar, foter atau header khusus untuk widget dengan konfigurasi "HTML"

Adapun kode CSS yang digunakan adalah sebagai berikut:
<style type="text/css">
.efekshadow{ background:#fff; padding:10px;  border:1px solid #fff;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;
}
</style>

Sedangkan Kode HTML untuk memasang gambar dan linknya sebagai berikut:
<a  href="http://www.jual-rebanamarawis.com/p/produk-marawis-dan-tas.html"><img  class="efekshadow"  src="http://i761.photobucket.com/albums/xx257/dodisaputra/KATALOG-1.gif"  /></a>
Adapun hasilnya akan tampak seperti gambar yang berada pada widget ysng terleak pada sidebar sebelah kanan bagian atas pada blog ini

Keterangan :
kode yang berwarna merah diganti dengan alamat url link tujuan ( link yang dibuka jikagambar tersebut di klik)
kode yang berwarna biru diatas diganti dengan alamat url gambar yang hendak ditampilkan
sedangkan kode yang berwarna ungu merupakan nilai dari properti untuk efek gambar shadow yang dapat di edit sesuai dengan keinginan kita

Demikian postingan kali ini mengenai bagaimana cara Membuat Efek Shadow Gambar Widget Blog dengan konfigurasi HTML semoga bermanfaat.





    Tweet

    Produk keren lainnya:

    Ditulis oleh putra pendawa pada tanggal 15/06/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