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.

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

  1. 賲賵賯毓 乇丕卅毓 賷賯丿賲 噩賲賷毓 賰 丕賱賵賰丕 丕賱丕氐賱賷丞 賱賱爻賷丕乇丕 car manuals says:

    July 24th, 2020 at 12:41 AM

    賲賵賯毓 乇丕卅毓 賷賯丿賲 噩賲賷毓 賰 丕賱賵賰丕 丕賱丕氐賱賷丞 賱賱爻賷丕乇丕 car manuals

    d谩msk茅 spole膷ensk茅 拧aty swing 賲賵丕賯毓 爻賵賯 卮賳胤 賲丕乇賰丕 賲賵賯毓 兀賳丕爻 丕賵賳 賱丕賷賳 禺賮賷囟丕 丨 賶 75 乇賷丕賱 賮爻丕 賷賳 丕賱賲賵囟賴 on twitter 禺賮賷囟丕 毓賱賶 卮賳胤 賲丕乇賰丕 賷丿 亘丕賯丞 氐賵乇 亘賳丕 2019 賮賷爻 亘賵賰 氐賵乇 賲夭夭 亘賳丕 氐賵乇 丨亘 佗贍佟侃亘賳丕 乇賵賲丕賳爻賷丞 蟽伪谓委未伪 snowboard head pilot k盲rcher sc 4 easyfix 伪谓伪位蠋蟽…

  2. cheapest 100 viagra uk says:

    July 24th, 2020 at 5:30 PM

    cheapest 100 viagra uk

    Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar | Sekedar Berbagi Pengetahuan Post

  3. 氐賵乇 賯賲氐丕賳 賳賵賲 丨賱賵丞 2014 貙 賲賱丕亘爻 賳賵賲 噩丿賷丿丞 2014 貙 賲賱丕亘爻 says:

    July 27th, 2020 at 2:46 PM

    氐賵乇 賯賲氐丕賳 賳賵賲 丨賱賵丞 2014 貙 賲賱丕亘爻 賳賵賲 噩丿賷丿丞 2014 貙 賲賱丕亘爻

    賱丕賳噩乇賷 賱丕賳噩乇賷 毓乇賵囟 毓亘乇 丕賱廿賳 乇賳 乇賵賲賵賷 丕賱氐賵乇丞 丕賱賰亘賷乇丞 丌賷賮賵賳 賳 丕賱兀賴賲 賴匕賴 賲賲賷賾夭丕 廿氐丿丕乇丕 丌亘賱 丕 high end key chain waist hanging accessories for jaguar s type lotus citroen bentley audi men fashion key buckle key ring in 蟿伪渭蟺维 未蔚蟻渭维蟿喂谓伪 渭蟺慰蟿维魏喂伪 xenon 魏喂蟿 h4…

  4. regalos originales para reci茅n nacidos says:

    July 30th, 2020 at 12:02 PM

    regalos originales para reci茅n nacidos

    female jack skellington costumes pinterest disfraz de carteras de hombre diesel compra online en ebay only sudadera mujer con estampado de flores manga larga bajo buzo fila mujer ropa deportiva rojo en mercado libre argentina adidas chaqueta t茅rmica bs…

  5. cialis buy says:

    July 30th, 2020 at 3:59 PM

    cialis 20

    20 cialis

  6. new cialis says:

    August 2nd, 2020 at 12:10 AM

    new cialis

    new cialis

  7. 5 mg cialis says:

    August 4th, 2020 at 3:42 PM

    cialis 5 mg

    cialis buy

  8. best generic viagra says:

    August 8th, 2020 at 3:01 AM

    viagra reviews

    viagra without a doctor prescription

Leave a Reply

You must be logged in to post a comment.