Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Selasa, 06 April 2010

Modifikasi Tampilan Judul Postingan Saja

Kategori :
Kali ini saya akan melanjutkan post sebelumnya "Menampilkan Judul Post Saja" yang baru saya post kemarin dan untuk kali ini saya akan menjelaskan tentang cara memodifikasinya dengan mudah dan sedikit penambahan image. mungkin kalau hanya menampilkan Judul Post Saja kurang menarik untuk di lihat y sob? ingin sekali sepertinya menambahkan sesuatu agar lebih menarik gytu, nah kalau ingin seperti itu mari kita modofikasinya.

Sebelumnya cara memodifikasi Tampilan Judul Post Saja sudah banyak yang meng-sharenya namun apa salahnya saya meng-share kembali yang lebih perfect agar lebih mudah di mengerti oleh para blogger pemula? sebelum melakukan trik ini sebaiknya sobat baca dulu post sebelumnya yaitu Menampilkan Judul Post Saja. nah kalau sobat semua ingin memodifikasinya tinggal ikuti cara di bawah ini ok :
  1. Login ke blogger
  2. masuk ke Tata Letak => Edit HTML
  3. klik kotak kecil yang letaknya di samping tulisan Expand Template Widget
  4. setelah itu cari kode <data:post.title/></a><br/><br/> dan ganti dengan kode di bawah ini


    <div style='float: right;'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'> <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXwOOwp_bHmJ3njzPG0gIKoQDc8ibEgs9oY59DZA4URcmE6cj8oggjXhZKDLB4735VZgyhv7aMVJx0XyllesoINmnO5GlqqDXJbGCezy0f_qPZ3zCss8A8kOVmQzoZ0dYqK7yIfRcYWKrD/s400/icon_comments.png'/> <b:if cond='data:post.numComments == 1'>1 <b:else/><data:post.numComments/></b:if></b:if></div>

    <div style='padding:6px 0 6px 5px;border-right:0px solid #262626;border-bottom:1px solid #262626;margin-bottom:2px;background:#fff;color:$linkcolor;'>
    <img alt='&gt;&gt;&gt;' border='0' src='http://oketrik.googlecode.com/files/Arrow.png'/><data:post.title/></div></a>


    Modifikasi Tampilan Judul Postingan Saja
    Modifikasi Tampilan Judul Postingan Saja
  5. setelah itu simpan deh dan lihat hasilnya
  6. selesai

Nah bagaimana mudah bukan membuatnya? sekarang lebih baik dari sebelumnya kan? oiya saya hampir lupa kalau ada 2 kode yang sama seperti kode di atas pilih kode yang pertama oke. Sekarang saya mau pamit dulu, sampai ketemu di post selanjutnya. Terima Kasih dan nananana Happy Blogging |)).
Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg

12 Komentar untuk Modifikasi Tampilan Judul Postingan Saja

oh jadi ditambah gambar ya sob.

terima kasih tutorialnya

Segera mencobanya............... tambahan image semakin meneguhkan postingan sob

wah crertif juga postinagn nya, unik. yg seperti ini banyak di cari sama blogger seperti saya (kek nya)

tambah ilmu nih...makasih ya

info bagus nih. gak salah page ranknya 3 juga sob.
nice shared ya sob..

keren tipsnya nih ,thanks infonya :)

Trma kasih artikelnya boss ane sudah submit urlnya di http://investasi-success.blogspot.com/2010/03/tukar-link.html mhon link ane terdaftar di blog nya


salam success

mempengaruhi seo gag bro. . .thx ya

ga jadi ne om blog q tetep aj panjang kaya kereta api

keren bro, nanti ane coba.