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.

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

  1. caralarma says:

    April 13th, 2022 at 9:29 PM

    caralarma

    barbour halfback quilted gilet coach airtag wallet all black nike air max shake evolve air jordan 1 hvid lilla chicago white sox hats through the years ukulele chords 2014 new nfl jerseys atlanta falcons 2 matt ryan black elite usa flag fashion jerseys

  2. tlclease says:

    April 14th, 2022 at 3:42 PM

    tlclease

    tiffany and co gold aviator sunglasses cj anderson broncos jersey for cheap los angeles dodgers fitted hats black aubrey azazie red bottom heels tan moncler lenar

  3. alantasarim says:

    April 15th, 2022 at 10:30 AM

    alantasarim

    house of cb malika nike air force max area 72 for sale the north face stretch down parka women low red bottoms new utd away kit nike air max 2015 women all red green uk

  4. ivermectin cream 1 says:

    April 19th, 2022 at 8:19 PM

    where to buy ivermectin australia

    stromectol merck

  5. leneuf says:

    May 4th, 2022 at 1:56 PM

    leneuf

    christian louboutin red sandals custom red wings jersey nike react infinity run flyknit runrepeat primus lite ii bio mens nike air max 720 red white shoes tanjina mixed print pleated dress

  6. hoshinowa says:

    May 11th, 2022 at 10:56 PM

    hoshinowa

    liverpool fc womens jacket pacsun green floral dress coach online code 2021 red african hat

Leave a Reply

You must be logged in to post a comment.