Search JavaScript Kit:

This free script provided by
JavaScript Kit

Cara Mudah Membuat Auto Read More di Blog

Read more artinya kurang lebih baca selengkapnya. Dan kita sering melihat pada suatu Blog untuk menampilkan seacrh query dari artikel tersebut hanya separo saja dan di bawahnya ( tengah, sudut bawah kiri atau sudut kanan bawah ) terlihat tulisan Read more/ Selanjutnya/ Selengkapnya dll sesuai selera Blogger. Tujuan dan fungsi dari widget ini adalah untuk meringkas tampilan artikel atau search query.Kali ini akan coba menyajikan tutor cara memasang Widget Read more. Ok langsung saja ke TKP....


Screenshot :


1. Login ke blogger
2. Pilih Template
3. Edit HTML
4. Jangan lupa Centang " Advanced Widget "
5. Maukkan kode script berikut tepat dibawah tag </head>. Gunakan Ctrl-F untuk search



<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='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>


6. kemudian cari kode <data:post.body/>
7. Lalu Ganti kode di atas dengan kode di bawah ini


b:if cond='data:blog.pageType == &quot;item&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>


8. Pastikan di Preview/ Pratinjau dulu untuk memastikan hasilnya tidak GALAT.
9 Jika Tidak GALAT kemudian SAVE.

Semoga berhasil.....


***h72***

0 komentar:

Post a Comment

No spam...