Membuat judul postingan menjadi seperti link list dihalaman depan

Membuat Judul Postingan Menjadi Seperti Link List di Halaman Depan, Sebenarnya ini trik yang hampir mirip dengan menampilkan judul postingan saja dihalaman depan tapi trik kali ini sangat berbeda.

Demo hasil trik ini bisa lihat di blog yang satunya disini.

Oke langsung saja ke tutorial cara membuatnya, caranya hampir mirip dengan trik buat label cuma beda dikit kode aja.

Langsung saja..
sobat masuk ke Design dan Edit HTML
silahkan sobat backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah atau gagal.

Kemudian beri centang kotak kecil disamping tulisan Expand Widget.
Cari kode
<div class='blog-posts feed'> atau kode <b:include data='post' name='post'> (karena setiap template berbeda Sob), untuk memudahkan mencari tekan ctrl F / F3. Setelah ketemu silahkan hapus dan diganti dengan kode berikut ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div onmouseout='this.style.background=&quot;#FFFFFF&quot;;' onmouseover='this.style.background=&quot;#ffc20f&quot;;' style='list-style:none;padding:5px 0px 6px 0px; border-bottom:1px dashed #ffc20f;margin-bottom:2px;background:#ffffff; color:#000000;text-shadow:1px 1px 1px #FFE45E;'>
<ul><data:post.title/></ul>
</div>
</a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

Keterangan : Silahkan sobat modifikasi sendiri warna yang sudah saya gunakan di CSS'nya yang saya beri warna merah.

Kemudian agar seperti Link List jika terdapat tanggal posting, label silahkan sobat hidden di Halaman depannya

0 komentar:

Post a Comment

terima kasih sob..