Menambahkan Read More Bagian 2

Langkah-langkah untuk memposting tulisan jika telah dipasangi kode seperti yang telah dijelaskan di Bagian 1 adalah sebagai berikut:

• Saat memposting, klik HTML. Maka secara otomatis akan tampak kode:

<span class="fullpost">
</span>

•  Letakkan posting yang akan ditampilkan di halaman muka di atas kode, sementara sisanya (yakni keseluruhan entri), letakkan di antara kode:

<span class="fullpost"> dan </span>

Catatan:
Artikel yang diposting sebelum pemasangan kode Read More akan tetap tampil penuh di halaman muka, kamu bisa mengeditnya dengan cara sebagai berikut: 

• Klik Edit pada entri yang diposting sebelum pemasangan.
• Klik HTML.
• Pasang kode <span class="fullpost"> di bawah paragraf yang akan ditampilkan di halaman muka. Dan pasang kode </span> di akhir entri.
• Ingat! Kode hanya ada SATU kode <span class="fullpost"> dan </span>. Apabila terdapat lebih dari satu, dan biasanya menumpuk di bagian paling bawah entri, maka dibuang saja.

Sumber:

Buku berjudul "Google AdSense: Mudah Meraup Dolar di Internet"

Baca Selengkapnya

Menambahkan Read More Bagian 1

Jika kamu membuat tulisan yang panjang pada blog, maka sebaiknya di-split sehingga menuju ke halaman lain. Proses ini akan memberikan kesan teratur pada blog kamu. Metode ini dapat dilakukan dengan cara menyisipkan sebuah kode yang menuju halaman lain yakni kode Read More atau Baca Selengkapnya.

Langkah-langkah untuk menambahkan Read More adalah sebagai berikut:  

• Buka menu Template dan klik Edit HTML
• Kemudian klik Lanjutkan
• Berikan tanda centang pada tulisan Expand Template Widget
• Cari kode berikut di template blog kamu:

<div class='post-header-line-1'/><div class='post-body'>

• Kalau sudah ketemu, letakkan kode berikut di bawah kode HTML di atas:

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

• Di bawah kode di atas terdapat kode HTML sebagai berikut:

<p><data:post.body/></p>
<div style='clear: both;'/><!-- clear for photos floats -->
</div>

• Selanjutnya, di antara kode <p><data:post.body/></p> dan kode <div style='clear: both;'/><!-- clear for photos floats --></div>, pasang kode HTML ini:

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

• Pada bagian Read More, kamu bisa menggantinya dengan tulisan Baca Selengkapnya. Dengan begitu, akhirnya susunan kode HTML di template telah ditambah dengan tulisan Read More.
• Klik Setelan, lalu klik Pos dan komentar. Di bagian pos terdapat Templat Entri yang bisa diisi. Isi templat tersebut dengan kode berikut:

<span class="fullpost">
</span>

• Jangan lupa klik Simpan apabila sudah dipasang.

Sumber:
Buku berjudul "Google AdSense: Mudah Meraup Dolar di Internet"

Berlanjut ke Bagian 2 Baca Selengkapnya