Blog Khusus Membahas Tentang Tutorial, Tips dan Trik Seputar Blog Di BlogspotDotCom


30 Agu 2010

Cara Membuat Read More Plus Judul Artikel

| 30 Agu 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.

Related Posts

Tidak ada komentar:

Posting 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>