Postingan kali ini Kami akan memberikan tutorial Cara Membuat Readmore Otomatis Pada Blogspot. Dengan 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 Kita yang belum mengetahui bagaimana cara membuat readmore otomatis, bisa mengikuti tutorial ini.
Berikut Tahapannya :
1. Silakan masuk ke acount blogger Kita
2. Pilih Edit Html,
3. Berikan Tanda ceklis pada bacaan "Expand Widget Template"
4. Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; 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'/>
<data:post.body/> atau <p><data:post.body/></p>
6. Ganti kode tersebut diatas dengan kode di bawah ini :
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>»»  Readmore...</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
7. Klik save template
8. Selesai
Selanjutnya Kita bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah Kita publish postingannya.
Keterangan : tulisan yang berwarna merah adalah yang bisa Kita ganti.
=> summary noimg 430 = tinggi artikel terpenggal tanpa image
=> summar img 430 = tinggi artikel terpenggal dengan image
=> Readmore bisa Kita ganti dengan Baca Selengkapnya, full read dll..
Selamat Mencoba, Semoga Sukses
1 comments:
@Dian Makasih Kunjungannya. Salam