Selasa, 05 Juni 2012

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

Tidak ada komentar:

Posting Komentar