Rabu, 04 Januari 2012

Cara Membuat READ MORE Otomatis

Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tersebut....

Gak Usah Berbasa-basih Langsung saja ikuti step by step berikut..  

Begini caranya memasang script Read More Otomatis di Blogspot :

1. Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:

</head>


2. Kemudian tandai dan langsung ganti dengan code ini :

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:




3. Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :

<data:post.body/>


4. Kemudian tandai dan langsung ganti dengan Code ini :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :




5. Sudah Selesai lalu simpan perubahannya! Dan sekarang coba anda lihat hasilnya