Home » » Perindah Blog dengan Memasang "Readmore/Baca Selengkapnya"

Perindah Blog dengan Memasang "Readmore/Baca Selengkapnya"

Written By Unknown on Monday, April 15, 2013 | 10:14 AM


SEPUTAR BLOGGER, Sahabat dumay yang masih setia dengan dunia blogging, anda pasti bosan melihat tampilan blog yang itu-itu aja?, saya pun demikian, karena blog menyediakan tampilan blog yang standar, bagi yang lebih mengutamakan konten ketimbang tampilan tak masalah, tapi bagi saya pribadi, tampilan juga menjadi ciri khas dalam blogging.

Kali ini saya berbagi tips memperidah blog dengan "readmore" atau "baca selanjutnya". Dengan readmore, setiap postingan pada halaman utama blog akan terpotong, ini fungsinya adalah menghemat halaman utama yang memuat konten yang cukup panjang. readmore juga berfungsi memperindah blog agar terlihat lebih modif berbeda dengan blog lainnya yang masih menggunakan template/tampilan standar.  

Ok langsung aja, berikut caranya :
  1.  Login ke blog 
  2. Pilih Template/Rancangan, terus Edit HTML, jangan lupa centang "Expand template widged"
  3. Cari kode </head> , mempercepat pencarian gunakan "Control + F", 
  4. Letakkan kode script dibawah ini diatas code </head> : 
    <script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
  5.  Cari code <data:post.body/> atau <p><data:post.body/></p>, ganti dengan code script berikut 
  6. <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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>
    <span class='rmlink' style='float:right;padding-top:20px;'>
    <a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
    </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
  7. Terakhir, Simpan/Save. 
Readmore
Lihat contoh tampilannya disini : http://beritapohuwato.blogspot.com/
Share this article :

1 comments:

  1. Terima Kasih pak Hartono, mohon kritik dan sarannya :)

    ReplyDelete

Enter your email address:

Delivered by FeedBurner

Subscribe to Blogger Pohuwato by Email

 
Support : Your Link | Your Link | Your Link
Copyright © 2013. Blogger Pohuwato - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger