Selasa, 24 November 2009

Setetes EmbunMenambahkan Icon Sebelum/Sesudah Judul Post

Posting kali ini akan berkaitan dengan memperindah tampilan blog anda dengan sedikit sentuhan HTML. Lebih spesifik lagi, kali ini Embun akan memaparkan cara untuk menambahkan Icon Sebelum atau Sesudah Judul Posting pada Blogspot. Trik ini bertujuan untuk menyisipkan suatu Gambar / Image baik sebelum Post Title maupun setelahnya. Untuk memberikan gambaran yang lebih jelas pada Anda, contoh hasil dari tips ini dapat Anda lihat pada Judul Post di atas.

Nah, bagi teman-teman yang berminat mempercantik blognya dengan trik tersebut, silakan ikuti langkah-langkah berikut :

  1. Log in pada Account blogger Anda.

  2. Menuju Lay out atau Tata Letak.

  3. Klik Tab Edit HTML

  4. Centang kotak kecil yang bertuliskan Expand Template Widget.

  5. Temukan code berikut :
    <b:if cond='data:post.url'>

    <a expr:href='data:post.url'><data:post.title/></a>

  6. Copy code berikut :
    <img src="URLImageAnda" />

  7. Jika Anda ingin meletakkan Image Icon sebelum judul post, letakkan Code yang berwarna biru sebelum Code yang berwarna hijau seperti ini :
    <b:if cond='data:post.url'>
    <img src="URLImageAnda" />
    <a expr:href='data:post.url'><data:post.title/></a>

  8. Jika Anda ingin menampilkannya setelah Judul Post, letakkan Code yang berwarna biru sesudah Code yang berwarna hijau seperti ini :
    <b:if cond='data:post.url'>

    <a expr:href='data:post.url'><data:post.title/></a>
    <img src="URLImageAnda" />

  9. Save Template

  10. Lihatlah Blog Anda dan Tara!!! Icon anda sudah tampil.

Demikian Posting dari Setetes Embun kali ini. Semoga Bermanfaat. Sampai Jumpa lagi kawan.

Comments :

6 komentar to “Menambahkan Icon Sebelum/Sesudah Judul Post”

wow, terima kasih tuk infonya ya bro. saya coba deh :)

salam hangat,

romie
www.engineeringtown.com

romie mengatakan...
on 

Mantab bro tutorialnya... salam kenal



Warung Bebas

Warung Bebas mengatakan...
on 

wow, keren sob, apalagi kalo imagenya dikasih attribut alt=?? dari judul posting, pasti jadi deadly combination tuh untuk nonjok SEO.

Jakarta Otomotif mengatakan...
on 

benar benar jadi menarik.. saya simpan dulu ah.
thanks

endar mengatakan...
on 

Bro,saya buat koq gambarnya gak kayak aslinya yak ? padahal gambar yang saya upload kecil (24x24) tapi pas saya masukin kyk di atas,munculnya malah membesar. .Tolong donk. .

Sou Stalker mengatakan...
on 

jadi tinggal nyisipin image url nya aja ya.
thanks ya bro.
slam kenal.

kdrama mengatakan...
on 

Posting Komentar

Tundukkan tangkai padi dengan komentarmu

 
back to top