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.

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

  1. tealsolar says:

    October 16th, 2021 at 9:07 PM

    tealsolar

    womens 2012 new nfl jerseys houston texans 81 daniels jerseys fan zebra 10 anniversary jerseys new balance fresh foam vongo shoes adidas samba yellow and green air max bleu marine reds 8 joe morgan grey cool base stitched youth mlb jersey nike denver b…

  2. czaterianie says:

    October 17th, 2021 at 10:09 AM

    czaterianie

    nike air max grey 95 nba jerseys los angeles lakers 10 steve nash white 2014 2015 christmas day jerseys the north face defdown gtx ii down jacket fy0753 nike cortez premium qs negro skechers ballerinas

  3. autodealsva says:

    October 17th, 2021 at 8:54 PM

    autodealsva

    pronovias mikado 2020 agile fz hoodie m florida gators 15 tebow blue jersey mens nike air vapormax plus running shoes black adidas zx 700 carbon svart pittsburgh pirates hat gang symbol

  4. bucuburger says:

    October 18th, 2021 at 2:44 PM

    bucuburger

    puma ultra 1.1 mg curry city edition for cheap jordan 1 tokyo 2020 nike air max 97 og silver bullet navy blue cincinnati reds hat zero nike free 5 0 2014 men hvid

  5. stravinci says:

    October 18th, 2021 at 8:33 PM

    stravinci

    nike air max steel verde nike flex tr6 air jordan 12 playoff black white pnina tornai ball gown nike new york giants 80 victor cruz white elite jersey adidas superstar silber rosa

  6. tuadventure says:

    October 19th, 2021 at 1:56 AM

    tuadventure

    floatride run 2.0 nike air max azul zebra print nike foamposite ebay cleveland browns 32 jim brown brown long sleeved throwback jersey mens detroit lions 21 ameer abdullah nike white elite jersey red sox hat lady killer

  7. edwinraben says:

    October 19th, 2021 at 8:59 PM

    edwinraben

    modanisa hijab new york yankees cap night light adidas superstar slipon w blanc nike pg 1 mennns hvit bengals 96 carlos dunlap black team color mens stitched nfl limited tank top jersey nike zapatillas negro friday deals

Leave a Reply

You must be logged in to post a comment.