Cara Membuat Read More pada Postingan Blog

Read more merupakan salah satu trik untuk membuat pembaca merasa penasaran untuk mengklik halaman pada home page kita, karna pembaca hanya melihat penggalan kalimat dari tulisan kita saja. Nah, sekarang langsung aja ke tutorialnya. Berikut ini adalah cara untuk membuat read more pada templates baru!!

LANGKAH #1
Sign in ke blogger Anda

Kemudian klik Setting >>> Formatting

Pada layar paling bawah, ada text area kosong disamping tulisan Post Template, isi tesxt area kosong tersebut dengan kode di bawah ini :

        <div class="fullpost">


       </div>

Klik tombol yang bertuliskan Save Settings


LANGKAH #2
Untuk langkah ke dua adalah kembalu ke menu Dasboard >>> Layout >>> Edit HTML. Kemudian klik atau beri tanda centang pada kotak disamping Expand Widget Templates.

LANGKAH #3
Cari kode berikut pada template kode anda

      <div class='post-body'>

Untuk lebih mudahnya dapat dengan cara CTRL ‘F’ kemudian ketik atau paste tulisan kode di atas di dalam search box-nya!

LANGKAH #4
Copy kode di bawah ini dan kemudian pastekan tepat di bawah kode yang dicari tadi.

       <b:if cond='data:blog.pageType == "item"'>

       <style>.fullpost{display:inline;}</style>

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

       <b:else/>

       <style>.fullpost{display:none;}</style>


LANGKAH #5
Kemudian lihat kebagian bawah sehingga terlihat kode berikut ini :

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


LANGKAH #6
Copy kode HTML di bawah ini kemudian paste di bawah kode tadi

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

       </b:if>


LANGKAH #7
Setelah semua langkah di atas Anda lakukan lalu Save Template Anda dan Selesai.

LANGKAH #8
Berikutnya adalah cara untuk memposting artikel atau tulisan kita untuk disesuaikan dengan keinginan kita dimana batas read more mulai dibuat.

Klik menu Posting >>> Edit HTML, maka secara otomatis tampak kode yang telah kita setting pada tahap #1 tadi, seperti di bawah ini:


       <div class="fullpost">


       </div>


LANGKAH #9
Untuk tulisan Anda yang ingin ditampilkan pada home page blog diletakkan sebelum kode :

        <div class="fullpost">

Dan untuk sisa keseluruhan tulisan di letakkan sesudah kode di atas tadi dan sebelum kode :

        </div>

Sekarang tulisan Anda sudah dapat di PUBLISH.
Semoga langakah-langkah yang saya bagikan ini dapat memberi manfaat pada kawan2 semua. Semoga berhasil....!!!

Related Posts by Categories

No comments:

Post a Comment