Saat pertama saya buat Blog ini saya bingung harus menulis apa ???? tapi yang pertama menjadi perhatian saya adalah nyari Tutorial mengenai Read More untuk membuat tulisan saya nantinya tidak membuat penuh halaman Depan. Setelah searching di Internet saya dapat dari Blognya Arnanda. Disamping saya praktekkan sendiri Tutorial tersebut saya juga Posting disini biar nanti kalau perlu gak susah nyari2 lagi ... hehehehe.
Qty langsung aja sama tutorialnya yach ...... Read more otomatis (Automatic Read more ) adalah read more atau baca selengkapnya dengan secara otomatis mengambil ringkasan dari blog kita di tambah lagi read more otomatis ini juga akan mengambil gambar thumbnailnya. Klo pake read more / baca selengkapnya yang biasa kan agak repot tuh di saat setiap kali mau New Post / menambah postingan baru kita harus menambahkan kode <span class="fullpost> isi postingan </span> atau <span id="fullpost"> isi postingan </span>, nah bagi yang gak mau lagi disusahkan oleh read more yang seperti ini sekarang ikutin aja tips dan trik membuat Read more otomatis berikut ini
Ikuti langkah-langkah berikut ini untuk membuatnya
1. Login di Blogger > pada Dasboard pilih Rancangan > Edit HTML
2. Centang / Check List dulu "expand widget templates"
3. Cari kode </head> kemudian copy - paste kode di bawah ini sebelum kode tersebut
<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'/>
kamu juga bisa mengubah kode tersebut sesuai selera
- 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
4. Sekarang cari kode
tulisan read more disana bisa kamu ganti sesuai keinginan. gmn..? sudah blom.?? Hm..klo sudah di SAVE ya..!!!
Sekarang coba liat Blog kamu pasti jadi lebih menarik dan tidak repot lagi klo mo posting. ^_ ^
Semoga bermanfaat, jangan lupa kritik dan sarannya . . .
GOOD LUCK..!!!
<data:post.body/>, hati-hati ya bagi yang sudah memakai read more yg tidak otomatis, biasanya ada dua kode yang seperti itu, jadi pilih yang pertama. Klo Udah ketemu copy - paste kode berikut lalu ganti dengan kode dibawah ini
<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>
tulisan read more disana bisa kamu ganti sesuai keinginan. gmn..? sudah blom.?? Hm..klo sudah di SAVE ya..!!!
Sekarang coba liat Blog kamu pasti jadi lebih menarik dan tidak repot lagi klo mo posting. ^_ ^
Semoga bermanfaat, jangan lupa kritik dan sarannya . . .
GOOD LUCK..!!!
Posting Komentar