Home , › Cara Membuat Readmore Otomatis Pada Blogspot

Cara Membuat Readmore Otomatis Pada Blogspot

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 = &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'/>

5.  Kemudian cari kode html berikut ini :

<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 != &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>

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
Share this article :

1 comments:

@Dian Makasih Kunjungannya. Salam

Copyright © 2013. Rendy-PC - All Rights Reserved
Template Created by Creating Website powered by Blogger