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 » , , » 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.





    Share this article :

    0 komentar:

    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
  1. Sedia Layanan Antar & bayar di tempat khusus wil Jakarta, Bogor, Depok, Tangerang dan Bekasi (Jabodetabek) dan Sekitarnya
    Terima Jasa Servis / Perbaikan
  2.  
    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 |