Pilih Warna Kesukaan

translation

Cara Membuat Readmore Otomatis


Bagaimana Cara membuat ReadMore Otomatis diBlog? Apakah Anda masih memakai Tempate Bawaan Blogger?kalau iya Nurulcall kasih solusinya simak dibawah ini.
Cara Membuat Read More Otomatis diblog sangat mudah. Sebelum melangkah  ke Cara Membuat ReadMmore Otomatis diblog lebih baik kita tahu apa itu Read More? dan apa fungsi Read More? Read More dalam bahasa indonesia yaitu " Baca Selengkapnya " dan fungsi Read More itu sendiri adalah untuk meminimalkan penggunaan halaman blog agar terlihat lebih rapi dan menarik. Read More otomatis ini akan memotong tampilan depan artikel yang panjang dan anda bisa menentukan berapa banyak huruf yang akan ditampilkan di halaman depan, begitu pengunjung membuka Read More atau baca selengkapnya barulah pengunjung bisa membaca artikel penuh blog anda. Sekarang lanjut ke langkah cara membuat read more otomatis di blogspot.


Langkah-langkah cara membuat Read More Otomatis di Blog.
  • Login ke Blog anda
  • Buka halaman design > Edit HTML > centang Expand template widget
  • Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
  • Paste kode berikut tepat dibawah </head>
<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://nurullcall.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
  • Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> Tekan CTRL+F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan  yang pertama saja
  • Jika sudah ketemu silahkan anda ganti kode tersebut dengan kode dibawah 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'>
<img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></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
==> http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif bisa anda ganti dengan Baca Selengkapnya, Readmore dan seterusnya...


  • Pratinjau dulu baru simpan template.
Demikian Cara Membuat Readmore Otomatis semoga bermanfaat....




Digg Google Bookmarks reddit Mixx StumbleUpon Technorati Yahoo! Buzz DesignFloat Delicious BlinkList Furl

2 comments: on "Cara Membuat Readmore Otomatis"

Post a Comment

Related Posts Plugin for WordPress, Blogger...
Masukkan EMAIL anda untuk mendapatkan update terbaru dari Nurulcall

Enter your email address:

Delivered by FeedBurner

NURULCALL LINK EXCHANGE
Mau Tukar link silahkan Copy-Paste code HTML dibawah ke blog anda lalu beri commentar di postingan terbaru atau di buku tamu sebagai pemberitahuan secepatnya link anda saya pasang tanks.

NurulCall

Photobucket

BENNER NURULCALL

LINK NURULCALL

BUKU TAMU

Silahkan Komentar Disini Setelah Anda Tukar Link