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.

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

  1. all witte cocktail attire says:

    March 16th, 2020 at 8:10 AM

    all witte cocktail attire

    2020 nike zoom shoe primark zwarte sandalen meisjes nike trainers sale lacoste vit sneakers fairlead 116 1 spi barnskor maskeraddr盲kt queen of hearts halloween maskeradkl盲der 薪芯胁芯谐芯写薪懈械 泻芯褉芯斜泻懈 薪芯胁芯谐芯写薪褟褟 泻芯褉芯斜泻邪 锌芯褋褘谢泻邪 写械写邪 屑芯褉芯蟹邪 褔邪褋褘 薪邪褋褌械薪薪褘械 umbr…

  2. detikwin says:

    March 27th, 2020 at 5:40 PM

    detikwin

    air jordan 24 weibo jordan retro 4 black purple blue nike hypervenom phinish weight quizlet avilan luis 43 jersey gucci bulls hat adidas eqt cushion adv triple black review

Leave a Reply

You must be logged in to post a comment.