Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar

Tuesday, April 27, 2010 5:23
Posted in category 2.Tutorial Blogger
1,022 Comments

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.
Tags: , , , , ,

1,022 Responses to “Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar”

  1. name meanings says:

    April 28th, 2010 at 10:52 PM

    sup wat is yo MySpace page

  2. manhealth says:

    May 20th, 2010 at 4:43 PM

    kalo cara buat search result ada di blog kita piye mas ya

  3. nike air force 1 low says:

    June 16th, 2019 at 9:10 AM

    nike air force 1 low

    I just wanted to send a small word to say thanks to you for those lovely guides you are giving at this website. My time intensive internet investigation has finally been honored with useful ideas to talk about with my friends and family. I would repeat…

  4. jordan 4 says:

    June 18th, 2019 at 9:54 AM

    jordan 4

    I must show my respect for your kind-heartedness giving support to people who have the need for help on that issue. Your personal commitment to getting the message all through came to be exceptionally important and has truly permitted folks like me to…

  5. nike foamposite says:

    June 20th, 2019 at 10:43 AM

    nike foamposite

    I have to show appreciation to you just for rescuing me from this type of setting. Right after browsing through the world wide web and meeting things which are not helpful, I assumed my life was done. Living minus the approaches to the issues you have…

  6. foamposites says:

    June 22nd, 2019 at 1:59 PM

    foamposites

    I enjoy you because of all your valuable effort on this site. Betty enjoys doing internet research and it’s simple to grasp why. Most people know all about the lively method you make great steps via this website and in addition welcome contribution fr…

  7. nike cortez says:

    June 24th, 2019 at 2:33 PM

    nike cortez

    A lot of thanks for all your labor on this blog. Gloria take interest in setting aside time for internet research and it is obvious why. I hear all of the powerful form you create effective guidelines by means of the blog and as well as recommend parti…

  8. jordan shoes says:

    June 26th, 2019 at 11:37 AM

    jordan shoes

    Thank you so much for providing individuals with an exceptionally splendid opportunity to read from this web site. It can be very useful and packed with fun for me personally and my office mates to search the blog minimum thrice in a week to study the…

  9. nike huarache says:

    June 30th, 2019 at 8:56 AM

    nike huarache

    I want to show thanks to the writer for bailing me out of this particular difficulty. As a result of surfing around throughout the world-wide-web and seeing techniques which are not beneficial, I was thinking my life was well over. Being alive without…

  10. jordan 12 says:

    July 2nd, 2019 at 6:31 AM

    jordan 12

    I in addition to my guys happened to be checking out the good guidelines found on the website and so before long came up with an awful suspicion I had not expressed respect to the blog owner for them. Most of the women were as a consequence glad to stu…

Leave a Reply

You must be logged in to post a comment.

«
»