Cara Membuat Read More Plus Judul Artikel

Viyan Pradita Senin, Agustus 30, 2010

Melanjuti dari artikel sebelumnya yaitu Cara Membuat Read More, atau Baca Selengkapnya. setelah pada postingan sebelumnya yaitu cara membuat readmore, dari yang manual, otomatis, dan kali ini saya akan membahas tentang bagaimana cara membuat ReadMore Otomatis plus judul artikel.

Berikut langkah-langkahnya :

1. Silahkan login ke blogger terlebih dahulu.

2. Klik Tata Letak.

3. Kemudian klik Edit HTML.

4. Centang Expand Template Widget.

5. Carilah kode berikut :

<p><data:post.body/></p>

6. Jika sobat sudah memasang read more sebelumnya, maka kode tersebut telah menjadi seperti bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More.. &#187;&#187;</a>
</b:if>

7. langkah selanjutnya adalah mengganti tulisan :

Read More.. &#187;&#187;

Menjadi :

Read More.. &#8220;<data:post.title/>&#8221; &#160;&#187;&#187;

8. Simpan template dan lihat hasilnya.


Mudah kan sob... nah jadilah tulisan read more dibarengi dengan judul posting di sebelah kanan-nya.
Selamat mencoba.

Ditulis Oleh :

Artikel Cara Membuat Read More Plus Judul Artikel ini dipublish pada hari: Senin, Agustus 30, 2010. Semoga artikel ini bermanfaat untuk Anda. Copy paste wajib dengan ijin saya, serta menggunakan link sumber seperti di bawah. Gunakan etika. Saya akan berlakukan DMCA COMPLAINT secara langsung tanpa pemberitahuan atas copas tanpa mengikuti ketentuan yg berlaku.

Tidak ada komentar:

Poskan Komentar

Catatan:
Link hidup dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS DI SINI...</i>

web design blogs Bloggers - Meet Millions of Bloggers