Kamis, 08 November 2012

0 memasang readmore pada postingan blog

langsung  saja ...
untuk membuat auto read more pada blog:

1 Buka Blogger.com:
2 Rancangan
3 edit HTML
4 centang expand widgets template
5 cari script </head>
6 copas script di bawah ini tepat di atas script </head>


<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'/>




7 Lanjutkan dengan mencari <data:post.body/> unutuk menper cepat pencarian tekan Ctrl+F
8 ganti <data:post.body/> dengan script 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>




9 save templte

keterangan:

-summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda.
-summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda.
-img_thumb_height = 100; adalah tinggi gambar thumbnail.
-img_thumb_width = 100; adalah lebar gambar thumbnail.

-padding-top:5px, membuat jarak dengan tulisan di atas readmore.
-float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.
-Anda bisa mengganti Read more dengan kata-kata lain misalnya " selanjutnya", "Read the rest of this  entry", "selanjutnya", terserah....
bisa juga langsung save.

Comments
0 Comments

0 komentar:

Posting Komentar