Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar

Tuesday, April 27, 2010 5:23
Posted in category 2.Tutorial Blogger

Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Coba anda perhatikan gambar yang ada di atas atau pada setiap postingan blog ini. Semua gambar tersebut memiliki bayangan yang membuat tampilannya menjadi lebih menarik.

Untuk membuat drop shadow bisa kita lakukan pada beberapa software photo editing seperti Adobe Photoshop. Tapi gimna jika semua postingan kita memiliki gambar yang akan diberi shadow dan jumlahnya banyak? Duh, bisa pusing jadinya… Tenang, dengan membaca tips ini sampai tuntas anda akan mengetahui cara memberi drop shadow pada gambar  postingan dengan hanya menggunakan kode css yang simpel.

  1. Login ke akun Blogger anda, lalu pilih Layout > Edit HTML
  2. Cari kode ]]></b:skin>, lalu paste kode berikut tepat di atasnya:
    .drop-shadow img {
    background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
    padding: 5px 10px 10px 5px;
    }
  3. Cari kode <data:post.body/>, lalu ganti kode tersebut dengan kode berikut:
    <div class=’drop-shadow’><data:post.body/></div>
  4. Terakhir, klik Save Template dan lihat hasilnya.

Selamat Mencoba.

You can leave a response, or trackback from your own site.

2 Responses to “Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar”

  1. name meanings says:

    April 28th, 2010 at 10:52 PM

    sup wat is yo MySpace page

  2. manhealth says:

    May 20th, 2010 at 4:43 PM

    kalo cara buat search result ada di blog kita piye mas ya

Leave a Reply

You must be logged in to post a comment.