Read more dalam blog sangat berperan penting
bagi tampilan halaman depan blog tersebut. Pemasangan read more dapat
meringkas kalimat dalam satu postingan yang panjang menjadi lebih
pendek. Sehingga, dengan adanya read more yang meringkas tulisan ini
dapat membuat halaman depan blog kita menjadi lebih rapi dan nyaman
dilihat.
Untuk memudahkan dalam proses penggunaannya, kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa karena read more otomatis akan meringkas dan melakukan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan kode HTML tertentu ketika menerbitkan postingan blog secara manual. Sehingga, pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.
Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan kode lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya adalah sebagai berikut:
- Pertama, masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode berikut.
</head>
Masukan kode berikut di atasnya.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
Cari kode berikut.
<data:post.body/>
Hapus dan ganti dengan kode di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</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>
Klik simpan template dan selesai
Matur Sukma Tiang
Tidak ada komentar:
Posting Komentar