Memasang Icon Pada Judul Postingan

|
Memasang Icon Pada Judul Postingan ~ Postingan kali ini saya akan share sebuah Blogger Tutorial yang saya dapat dari hasil jalan-jalan menelusuri eang google, yakni mengenai bagaimana memberi atau memasang sebuah icon baik sebelum atau setelah judul postingan. Tujuan dari memberi atau memasang icon pada judul ini adalah membuat list postingan kalian menjadi lebih menarik, selain itu juga sebagai tanda kalau itu adalah judul postingan he.

Untuk lebih jelasnya kalian bisa melihat gambar di bawah ini. Gambar di bawah ini adalah contoh pemasangan icon sebelum judul postingan.

Icon Judul Posting


Kalau kalian tertarik ikuti langkah-langkah berikut

1. Login ke akun blogger kalian, bisa kalian klik disini
2. Klik Rancangan >> Edit HTML >> Centang Expand Widget Template
3. Cari kode di bawah ini menggunakan Ctrl+F untuk mempermudah pencarian

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

4. Jika sudah ketemu dan kalian ingin memasang icon sebelum judul, letakkan kode gambar kalian sehingga menjadi seperti berikut

 <b:if cond='data:post.url'> KODE GAMBAR KALIAN <a expr:href='data:post.url'><data:post.title/></a>

5. Kalau kalian ingin memasang icon setelah judul, letakan kode gambar kalian sehingga menjadi seperti berikut

 <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a>KODE GAMBAR KALIAN

6. Terakhir klik Simpan Template

Berikut contoh kode gambar

<img border='0' src='http://i1176.photobucket.com/albums/x335/b0_0ys/rss-logo.png'/>

Catatan : Ketikan yang berarna biru kalian ganti dengan URL gambar kalian

Semoga bermanfaat
Baca juga Blogger Tutorial lainnya... Happy blogging

Source http://mastergomaster.blogspot.com/



15 komentar:

bunuhkebodohan said...

pertamax telah di amankan sobat.. dan mantra berhasil

ARMAN said...

@bunuhkebodohan, waduh bikin kaget aja sob hahahay

Falah Mulyana said...

makasih sob info.a,,,, ane pengen nyoba agh,,,,,,,,
berkunjung di blog sobat sebelum Falah Mulyana melakukan aktifitas

Asis Sugianto said...

oh kirain tadi di judul blog yang ada di browser sobat terjata gambar di samping judul postingan yach sobat.. nice share sobat...

ICAH BANJARMASIN said...

Mantef banget tuh bang Arman..trims ya.

Black Angel Syndicate said...

wah itu kan blog saya hehe :D
Makasih infonya sob :)
Absen siang

ARMAN said...

@Falah Mulyana, Sama-sama sob semoga berhasil...thanks

@Asis, Iyah sob thanks

@Icah, Thank bang icah sama-sama

@Black, He iyah sob, maaf ya sob ga ijin screen shoot blognya, sama-sama sob

lina@happy family said...

Tutorial yang menarik, saya memang belum nyoba pasang icon di judul posting...

Windows Blog said...

bru tau ane, bgini toh caranya,,,

Saya Ingin Bisa said...

Wah patut dicoba nih,

ARMAN said...

@Lina, Thank lin, disoba lin

@Windows, Iya sob tapi saya ga percaya alo sob baru tau

@Saya Ingin Bisa, Silahkan sob

Gusari Usman said...

Assalamualaikum.
Saya punya gk ada erornya tapi gk muncul saudara, gmana solusinya ini, pencerahnnya di tunggu.

ARMAN said...

@Gusari, sobat sudah betul belum kode gambarnya ditaruh dimana, atau kode gambarnya sudah betul belum, koq bisa ga bisa muncul padahal hal ini sebenarnya simple hanya menaruh kode gambarnya aja sob

Herry Child Sampoerna said...

mantap gan...
informasi ny sangat membantu..
tengkyu..
salam bloggers..

Dahlia said...

sukss sobt,

Post a Comment

Silahkan kalian berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam. Saya Lagi Bermasalah Dengan Adsense, Saya izin Vakum Ngeblog Dulu Sobat Buat Nyari Solusi!!

Related Posts Plugin for WordPress, Blogger...