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 ditampilkansedangkan 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.
Sumber Dari:http://www.jual-rebanamarawis.com/ 
 

Komentar

Posting Komentar

Tulis komentar anda disini.....

Postingan populer dari blog ini

Tutorial Membuat Kalender Menggunakan Publisher 2007

Gambar
Microsoft Publisher adalah salah satu dari sekian produk unggulan raksasa software Microsoft, aplikasi ini mempunyai banyak kemampuan dan fitur, selain digunakan untuk untuk keperluan kegiatan kantor, aplikasi ini juga banyak digunakan oleh pebisnis kecil sebagai tool mendesain brosur, template newsletter, kartupos kalender. Meskipun tidak memiliki fitur desain selengkap Corel Draw, namun cukup untuk menciptakan sebuah kalender cantik nan sederhana.   Tutorial kali ini akan memberikan panduan singkat membuat kalender sederhana menggunakan Microsoft Publisher 2007, tidak ada salahnya kita membahas aplikasi yang satu ini, mengingat belum sekalipun saya mengulas tutorial yang melibatkan Microsoft Publisher. Oke, langsung saja, jalankah aplikasi Microsoft Publisher di komputer Anda. Pada tampilan depan aplikasi Anda akan disambut dengan teks Getting Started with Microsoft Office Publisher 2007 . Di bawah teks tersebut terdapat beberapa pilihan template yang dapat And...
Baca selengkapnya

Program Mencari Bilangan Prima Dengan Vb 6.0

Gambar
Bilangan prima adalah bilangan yang hanya bisa dibagi oleh 1 dan bilangan itu sendiri selain itu dianggap bukan prima. Khusus untuk angka 1 disebut bilangan bukan prima dan 2 disebut bilangan prima. Contoh bilangan prima : 2, 3, 5, 7, 11,…```````````````````````````````````````````````````````````````````````````````` Secara manual kita mencari bilangan itu prima atau tidak dengan cara : Contoh masukan angka adalah 5, maka proses penghitungannya adalah sebagai berikut : 1) 5 Mod 5 = 0 2) 5 Mod 4 = 1 3) 5 Mod 3 = 2 4) 5 Mod 2 = 1 5) 5 Mod 1 = 0 Perhatikan pada sub penghitungan 2-4 tidak ada angka 0 dalam rangkaian penghitungan tersebut membuktikan bahwa angka 5 tidak habis dibagi oleh angka-angka selain 1 dan 5 (bilangan itu sendiri), lain halnya jika yang bukan prima (coba kita masukkan angka 6 misalnya) 1) 6 Mod 6 = 0 2) 6 Mod 5 = 1 3) 6 Mod 4 = 2 4) 6 Mod 3 = 0 5) 6 Mod 2 = 0 6) 6 Mod 1 = 6 Perhatikan pada sub penghitungan 2-4 ternyata angka 0 dalam rangkaian p...
Baca selengkapnya

Cara Membuat File PDF dari Microsoft Word

Gambar
Cara membuat file pdf - Bagi sahabat kemelus yang kesulitan membuat file pdf saya ada tutorial yang akan saya tuliskan pada artikel ini. Sesuai judul artikel kita akan membuat file pdf dari microsoft word secara mudah dengan menginstall add-in microsoft save as pdf. Berikut ini langkah-langkah cara membuat file pdf yang akan penulis jelaskan dengan step-by-step : 1. Pertama, download add-in microsoft save as pdf di halaman   http://www.microsoft.com/en-us/download/details.aspx?id=7 2. Install add-in seperti anda menginstall software pada umumnya. Saya asumsikan anda sudah selesai menginstall kemudian buka file dokumen yang hendak anda convert menjadi PDF mengunakan microsoft word, Pilih Office Bottom > Save As > PDF or XPS untuk lebih jelasnya perhatikan gambar dibawah ini. 3. Kemudian isikan nama file pdf yang anda inginkan, dan tekan tombol Publish 4. Selamat anda sudah berhasil membuat file pdf, mudah bukan. Jika sah...
Baca selengkapnya