Cara Membuat Readmore Otomatis Simpel Pada Blog (edit HTML)

Cara membuat readmore otomatis merupakan cara yang banyak dipertanyakan oleh bloger pemula bahkan tidak jarang bagi bloger yang sudah lumayan lama. karena dengan adanya readmore mampu mempersingkat postingan yang terdapat pada tampilan utama seperti home. sehingga daftar tiap-tiap postingan tidak harus memanjang kebawah (bisa-bisa bosen dong yang liat hehe). untuk itu membuat readmore akan membantu merapikan daftar postingan yang ada pada blog yang kita buat. cara membuat readmore itu sendiri sudah disediakan toolsnya saat kita membuat postingan baru. jadi kita hanya perlu mengisikan batas pada postingan yang akan di publish secara manual tiap kali kita akan membuat postingan baru. namun untuk beberapa bloger yang sudah memiliki banyak postingan akan memakan waktu lama. jika blog memang masih memang belum memiliki postingan cukup membuat readmore menggunakan tools yang ada pada bloger tiap kali membuat postingan (baca juga cara membuat readmore dengan tools yang sudah disediakan kunjungi artikel Cara Simpel Membuat Readmore Pada Blog). namun ada cara kedua (plan B). untuk membuat readmore otomatis pada tiap-tiap postingan yaitu dengan cara menyisipkan script pada template blog. jadi kali ini saya akan memberikan teori bagaimana

Cara Membuat Readmore Otomatis Simpel Pada Blog (edit HTML)

. oke langsung saya jabarkan cara-cara membuatnya.

• buka blog dan masuk ke tampilan pengelolaan.
• kemudian pada bagian kiri terdapat daftar menu, pilih menu template.
• kemudian klik tombol edit HTML. contoh seperti gambar dibawah.
  
• setelah itu cari script kode ]]></b:skin> (untuk mempermudah gunakan tombol ctrl + f kemudian masukan kode ]]></b:skin> pada kolom search).
• setelah ketemu letakan script kode berikut (tepat diatas kode ]]></b:skin>).
  .post-thumbnail{float:left;margin-right:20px}
• setelah itu cari kode script <data:post.body/> dengan cara yang sama seperti diatas.
• jika sudah setemu ganti <data:post.body/> dengan scritp kode dibawah ini:
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div>
  <b:if cond='data:post.thumbnailUrl'>
  <img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
  </b:if>
  <data:post.snippet/>
  </div>
  <div class='jump-link'>
  <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
  </div>
  <b:else/>
  <data:post.body/>
  </b:if>
  <b:else/>
  <data:post.body/>
  </b:if>
• setelah selesai melakukan semua langkah-langkah diatas, selanjutnya simpan template, dan lihat hasilnya.

demikian langkah-langkah cara membuat readmore otomatis. cara ini akan mempermudah tiap membuat postingan baru karena readmore akan dibuat secara otomatis. jika masih bingung cukup bertanya di kolom komentar.
"Saya tidak berharap jika tulisan saya ini sempurna, jika memang terdapat salah kata dan ilmu yang saya paparkan harapan saya artikel ini tidak dibantai hehe, agan boleh mengkoreksi di kolom komentar dengan kata kata yang adem :D"

sekian ocehan saya, hopely usefull and helpfull :D..

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest