cara membuat read more di blog dengan mudah

Cara membuat read more di blog dengan mudah - Membuat postingan menjadi read more (baca selengkapnya) di menu home blog membuat blog terlihat lebih rapi. Biasanya bawaan dari blogger, postingan yang ada di menu home blog terlihat dari awal sampai akhir. Bayangkan kalau kita tidak membuat read more, pengunjung harus scroll kebawah terus menerus untuk melihat postingan kita berikutnya yang ada di menu home blog. Jadi membuat read more di blog termasuk meringankan para pengunjung blog. Membuat read more di blog cukup mudah, hanya perlu menambahkan dan menggantikan beberapa kode html pada template dengan metode edit html. Buat anda yang ingin membuat read more di blog, ikuti langkah-langkah berikut :

Cara membuat read more di blog

• Masuk keakun blog anda.
• Pilih blog yang akan di edit.
• Masuk ke menu template dan pilih edit html
• Cari kode ]]></b:skin> dengan menekan tombol ctrl+f
• Letakkan kode dibawah ini diatas kode tersebut

.thumbnail-post {

width:100px; 

height:100px; 

float:left; 

margin:0px 10px 0px 0px;

}

• Kemudian cari kode <data:post.body/> biasanya terdapat beberapa kode seperti ini. Coba satu per satu. Ganti dengan kode di bawah ini

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

  <b:if cond='data:blog.pageType != &quot;item&quot;'>

    <b:if cond='data:post.firstImageUrl'>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>

    <b:else/>

      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>

    </b:if>

    <div class='post-snippet'>

      <data:post.snippet/>

    </div>

    <div class='rm-button-wrap'>

      <a class='button' expr:href='data:post.url'>read more</a>

    </div>

  </b:if>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

  <data:post.body/>

</b:if>

• Terakhir simpan template.

Itulah cara membuat read more di blog dengan mudah, semoga dengan postingan ini dapat membantu anda dalam membuat read more di blog dan blog anda terlihat lebih rapi. Terima kasih.