Rabu, 04 Januari 2012

Cara Membuat READMORE Otomatis

Bermula ketika saya membuat Postingan, ternyata isinya terlalu panjang. Kemudian saya coba atasi dengan membuat READMORE manual yang ada pada Menu Lembar Postingan dan Cara Membuat READMORE manualnya dapat dilihat DISINI , Seiring bertambahnya ide dan bertambahnya Postingan saya pikir capek juga bila harus membuat READMORE secara manual, saya berfikir kenapa tidak membuat READMORE OTOMATIS saja. 

Berikut ini Blog C beri tahu cara membuat READMORE OTOMATIS :

Masuk ke akun blogger anda kemudian pilih Rancangan - Pilih Edit Html - Download Template Lengkap (agar template aslinya dapat di Upload kembali bila editan tidak sesuai dengan keinginan)

Kemudian Klik "Expand Widget Template" pada kotak yang disediakan

 

Cari kode </head> kemudian masukkan script di bawah ini persis dibawah kode tersebut.


<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 300; summary_img = 300; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

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>

Nb : Tulisan yang berwarna merah adalah yang bisa anda ganti.
  • Summary noimg 300 = Tinggi artikel terpenggal tanpa image
  • Summar img 300 = Tinggi artikel terpenggal dengan image
  • READMORE bisa anda ganti dengan Baca Selengkapnya, dll...

Kemudian Klik "Save template"
Lihat Perubahan yang terjadi, disamping tampilannya berubah, susunannya pun menjadi ringkas dan rapih

Berikut ini adalah Artikel Tutorial Blog dari  BLOG - C  :

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...