Pages

Feb 11, 2012

Cara Mudah Membuat READMORE Otomatis di Blog


Cara Mudah Membuat READMORE Otomatis di Blog. - Halo sob, mungkin postingan saya kali ini sudah banyak yang mengetahuinya soalnya klo kita search di mbah google udah berjibun banyaknya web atau blog yang menyediakan tutorial ini.

Tapi di blog ini saya akan kembali membagikan tutorialnya sekalian juga menjawab pertanyaan salah satu sobat blogger kita yang bertanya kepada saya di kolom komentar berikut isi pertanyaannya "gan tlong ksh tau donk tutrial cra buat readmore,, pliss deh.. blog ane lgi gnti templateas?" pertanyaan itu datangnya dari sobat saya barnama  Arief Rachmadi Blogger Pemula.

Oke gak perlu berlama-lama lagi saya langsung aja ke tutorial Cara Mudah Membuat READMORE Otomatis di Blog :


Sebelumnya silahkan sobat download dulu templatenya biar kalo terjadi kesalahan bisa langsung dikembalikan ke template sebelumnya.

PERTAMA, silakan masuk ke acount blogger anda kemudian pilih Edit Html, jangan lupa memberikan tanda ceklis pada bacaan "Expand Widget Template" atau lihat gambar di bawah ini :

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

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 : tulisan yang berwarna merah adalah yang bisa anda ganti. 
==> Summary noimg 430 = tinggi artikel terpenggal tanpa image
==> Summar img 430 = tinggi artikel terpenggal dengan image
==> Readmore bisa anda ganti dengan Baca Selengkapnya, full read dll...

KETIGA, klik save template

Selanjutnya anda bisa melakukan postingan dan lihat hasilnya, Readmore atau baca selengkapnya akan secara otomatis terpasang setelah anda publish postingannya.

Nah smoga tips Cara Mudah Membuat READMORE Otomatis di Blog dari saya ini mudah dimengerti oleh sobat.

Selamat mencoba dan semoga bermanfaat sobat...!!!