Ads

Jumat, 06 Januari 2012

Cara Membuat Read more Otomatis di Blogspot

Posted By: Tiga Sahabat - 21.00
Cara Membuat READMORE Otomatis di Blogspot, yah itulah kata kunci blog HTC kali ini or Postingan kali ini akan memberikan tutorial Cara Membuat Readmore Otomatis Di Blog atau Baca Selengkapnya pada postingan blog ME- RAJAI Tutorial Blogspot di Segala Penjuru Dunia Adalah TUjuan Saya diantaranya Cara Membuat READMORE Otomatis Di Blog dan Postingan artikel Tutorial Blogspot kali ini akan memberikan Cara Pasang Readmore Otomatis Di Blogspot atau Baca Selengkapnya pada postingan blog secara 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 Cara Membuat READMORE OTOMATIS Di Blog berikut ini :;;;

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...

Semoga Artikel Cara Membuat READMORE Otomatis di Blogspot bermanfaat buat sobat bloggers semua

sumber

About Tiga Sahabat

Hi, I am Hafeez Ullah Khan. A webdesigner, blogspot developer and UI designer. I am a certified Themeforest top contributor and popular at JavaScript engineers. We have a team of geeks and professinal programmers, developers work together and make unique blogger templates.

0 comments:

Posting Komentar

Silahkan Berkomentar untuk membangun blog kecil ini. terimakasih

© 2015 - Designed by: Templatezy & Copy Blogger Themes