Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja
Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja.

TIPS Cara Membuat Variasi Tampilan Halaman Depan Blog.

Biar fokus ke yang versi memunculkan judul saja, berikut ini instruksi dan cara memasangnya.

Tampilannya menyerupai dalam ilustrasi posting ini. Demonya dapat dilihat di Johny Simple Magazine yang menjadi sumber instruksi auto readmore judul saja ini.

Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja

1. Template > Edit HTML
2. Temukan (Ctrl+F) instruksi ini: <b:include data='post' name='post'/>
3. Hapus dan ganti dengan instruksi berikut ini:

<b:if cond='data:blog.homepageUrl == data:blog.url'>     
<b:if cond='data:blog.pageType != &quot;item&quot;'>         
<a class='latestpost' expr:href='data:post.url'><data:post.title/></a>     
<b:else/>         
<b:include data='post' name='post'/>     
</b:if> 
<b:else/>     
<b:include data='post' name='post'/> 
</b:if>

4. Pasang instruksi CSS berikut ini yang mengatur tampilan Auto Read More dengan hanyamenampilkan Judul Posting saja. Copas di atas instruksi ]]></b:skin>

.latestpost {background: url(http://4.bp.blogspot.com/-CetnW4aSnp4/Tzzms5OvwvI/AAAAAAAAFTo/C_Q4Y90axkI/s1600/arrowList_2.gif) no-repeat 0px 3px;font: normal 14px Arial;margin: 15px 0 0 2px;padding: 4px 0px 5px 10px;line-height: 1.5em;position: relative;top:15px}

5. Save Template!

Anda dapat mengubah jenis dan ukuran abjad judul di kode font: normal 14px Arial; sesuai dengan template Anda.

Demikian Cara Membuat Auto Read More dengan Menampilkan Judul Posting Saja. Good Luck & Happy Blogging! (http://www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours