News Update :
Home » , » MEMBUAT READMORE OTOMATIS DI BLOGSPOT

MEMBUAT READMORE OTOMATIS DI BLOGSPOT

saat bermain-main dengan blog, sangatlah menjengkelkan jika semua postingan kita tampil semua pada layar home saat bersamaan karena selain memerlukan waktu yang lama untuk memroses tampilan postingan juga kita akan semakin mengambil banyak waktu untuk menunggu semua postingan kita tampak. Nah untuk mengakalinya supaya tampak lebih eye catching atau penampilannya menarik, maka kita membuat readmore yaitu hanya menampilkan sebagian dari postingan yang ada.

Kali ini saya akan membagi informasi mengenai cara membuat readmore otomatis. Dengan adanya readmore otomatis, kita bisa menentukan berapa ketinggian dan lebar penggalan postingan dan image yang akan muncul pada halaman pertama blog kita sehingga terlihat rapi dan menarik. Trik ini mungkin telah banyak yang mengetahui dan ada juga yang belum mengetahuinya. Bagi anda yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial berikut ini.


PERTAMA, silakan masuk ke akun blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda cek pada bacaan "Expand Widget Template".

cari kode </head> kemudian masukkan script di bawah ini persis di bawah kode tersebut.

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>


KEDUA, cari kode html berikut ini :

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


ganti kode tersebut dengan kode di bawah ini :
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>&#187;&#187;&#160;&#160;READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> 


Keterangan
  1. Tulisan yang berwarna merah  bisa anda ganti sesuai dengan keinginan.
  2. Summary noimg 430 = tinggi artikel terpenggal tanpa image
  3. Summar img 430 = tinggi artikel terpenggal dengan image
  4. Readmore bisa anda ganti dengan Baca Selengkapnya, full read de el el.

KETIGA, klik save template
Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya. 
OK, selamat mencoba ...

0 comments :

Post a Comment