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.

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

  1. marathonps says:

    November 14th, 2020 at 5:26 AM

    marathonps

    zapatillas nike air max 2015 flyknit max billig boston red sox mlb 47 franchise cap question jordan hare 7s for sale billig kobe 9 what the kobe low billig nike air max 2015 men cheap all black shoes billig 2015 nike hyperdunks black and white billig

  2. hollyroths says:

    November 16th, 2020 at 9:21 AM

    hollyroths

    pittsburgh pirates painters hat ebay white orange nike air max 270 uk shoes

  3. viagra through mail says:

    November 17th, 2020 at 8:40 PM

    viagra in the usa

    does viagra really work

  4. roosjen says:

    November 18th, 2020 at 10:05 AM

    roosjen

    nike lebron 12 low website review answer adidas yeezy boost 750 grey gum price chart billig celtic training top for cheap mercurial superfly ebay twitter wholesale nike kobe 11 black and red billig cheap black and pink nike air max motion

  5. siames says:

    November 19th, 2020 at 1:50 AM

    siames

    corey clement super bowl jersey for cheap pink saints jersey ray ban aviator frames only jordan 4 hvid cement kixify kit dls 2018 manchester city 2019 air jordan 9 retro university blue hvit

  6. minutebids says:

    November 20th, 2020 at 8:48 AM

    minutebids

    kids nike superflyx 6 all black grey football tops 2019 ua clutchfit drive ii shoes for sale billig nike elastico finale iii turf you billig adidas yeezy boost 750 dubai valley boston red sox hat brisbane images

  7. purchase authentic viagra says:

    November 20th, 2020 at 6:02 PM

    safe branded viagra on line

    indian viagra online

  8. Overnight viagra says:

    November 21st, 2020 at 4:24 PM

    United healthcare viagra

    Female viagra

  9. leomedicus says:

    November 23rd, 2020 at 1:48 AM

    leomedicus

    nike air huarache triple blanc kopen nike air max schuhe white new balance 670 black yellow wholesale sf giants hat amazon lebron sneakers all antonio brown color rush jersey youth for cheap

  10. cosmoqueen says:

    November 24th, 2020 at 5:12 AM

    cosmoqueen

    boston red sox black and gold hat 4000 mens asics gel saga black red shoes on sale air jordan 1 gs 2015 usa billig nike air more uptempo supreme red billig nike air max zero womens all black red uk billig adidas y3 boost zg knit billig

Leave a Reply

You must be logged in to post a comment.