Senin, 29 Agustus 2011

Langkah-langkah read more di postingan blogger

1. Login di Blogger
2. Rancangan
3. Klik  Edit HTML
4. Centang "expand widget templates"
5. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode </head>.




<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://sites.google.com/site/hitsukeproject/summarypost.js' type='text/javascript'/>


Anda juga bisa mengubah kode tersebut sesuai selera dan ukuran main template blog yang di gunakan.

summary_noimg = 430; kode ini untuk memotong / mengatur tinggi tanpa gambar

summary_img = 340; kode ini untuk memotong / mengatur tinggi dengan gambar

img_thumb_height = 100; kode ini untuk tinggi gambar thumbnailnya

img_thumb_width = 120; kode ini untuk lebar gambar thumbnailnya



<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read More </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

6. Sekarang cari kode

, peringatan! bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Jika anda sudah menemukannya copy - paste kode berikut lalu ganti dengan kode dibawah ini

7. kmudian anda klik SIMPAN TEMPLATE!!!
semoga berhasil

0 komentar:

Posting Komentar