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.

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

  1. 라이브스코어 says:

    March 18th, 2025 at 9:24 AM

    라이브스코어

    […]check below, are some completely unrelated sites to ours, nonetheless, they are most trustworthy sources that we use[…]

Leave a Reply

You must be logged in to post a comment.