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.

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

  1. corsicactus says:

    April 30th, 2021 at 12:50 AM

    corsicactus

    limited brian orakpo washington redskins mens jersey 98 nfl grey shadow wholesale adidas x 16.3 all red billig nike air max 95 blanco woman nike air foamposite rose nike sb janoski hvid gum for salg air max skyline green

  2. mcarta says:

    May 1st, 2021 at 8:30 AM

    mcarta

    chicago white sox trucker hat map white red air jordan 13 gs shoes uk retro dortmund shirt for cheap maschio nike air max 90 hyperfuse verde gituttio nike premier ii tf white yellow billig black and brown nike air presto iv shoes uk billig

  3. ensasailor says:

    May 2nd, 2021 at 4:47 PM

    ensasailor

    adidas nmd blanco azul nike air huarache all gold for canada air jordan 2012 lite mens basketball shoes boston red sox sock hat trick sky blue new york yankees hat usa air jordan retro 1 union billig

  4. einspurauto says:

    May 4th, 2021 at 2:39 AM

    einspurauto

    white shirt womens h m adidas nmd r2 mens black billig kyrie 4 low foot locker billig air jordan 1 top 3 pick nike air huarache light dark blue billig all black yeezy boost 700

  5. sppmis says:

    May 5th, 2021 at 2:24 PM

    sppmis

    elite scott chandler youth jersey new england patriots 88 alternate red nfl adidas yeezy boost 350 v2 red night vision nike game over red white shoes billig all white air jordan 1 shoes spain limited chris clemons womens jersey jacksonville jaguars 91…

  6. freedomrvwi says:

    May 7th, 2021 at 3:30 AM

    freedomrvwi

    nike kobe ad womens all red grey uk nike sb black mint for cheap billig toddler football kits sale 2012 new nfl jerseys san diego chargers 24 ryan mathews white jerseys limited nike kd trey 6 all grey shoes canada billig lebron 11 graffiti nike id bill…

  7. surfmorocco says:

    May 8th, 2021 at 2:45 PM

    surfmorocco

    wine red nike mercurial superfly v billig white grey red air jordan xxxi uk shoes billig retro jordan 19 xix all red air jordan flight remix black billig nike tiempo legend v stealth billig uk brown shoes nike hypervenom phinish billig

Leave a Reply

You must be logged in to post a comment.