Login To Facebook
Δ Selamat Datang Di Otocomputer Δ

PASANG READMORE OTOMATIS DENGAN FASILITAS IMAGE THUMBNAIL


Pasang read more secara otomatis merupakan trik yang paling mudah untuk diterapkan pada blog. Trik ini memiliki banyak kelebihan seperti : pemenggalan kalimat yang berfungsi secara otomatis dan dapat menampilkan image yang ada dalam postingan walaupun diletakan di bagian akhir.

Bagi anda yang blognya telah dilengkapi dengan fasilitas read more versi lama dan ingin mengganti dengan read more secara otomatis, anda harus mengembalikan template kepada keadan sebelum dipasang fasilitas read more.

Cara mengembalikan template kepada keadaan semula tidak dibahas disini, karena cara pasang read more versi lama ada beberapa cara. Jadi untuk mengembalikan template pada keadaan semula, silahkan anda kunjungi blog yang anda jadikan pedoman dalam pemasangan read more, kemudian hapus kode-kode yang telah anda tambahkan.

Sekarang silahkan ikuti  langkah-langkahnya :


Masuk ke Blogger dengan ID anda.

pilih Tata Letak.

Pilih Edit HTML.

Back up dulu template anda, untuk jaga-jaga jika terjadi kegagalan.

Kasih contreng pada kotak Expand Template Widget

Cari kode </head>

Copy kode dibawah ini kemudian paste tepat diatas kode </head>


<script type='text/javascript'>


var thumbnail_mode = "float" ;


summary_noimg = 250;


summary_img = 250;


img_thumb_height = 100;


img_thumb_width = 100;


</script>


<script src='http://sites.google.com/site/widodosite/widodo/read-moreotomatis.js' type='text/javascript'/>


Berikutnya cari kode <data:post.body/> kemudian kode tersebut ganti dengan kode dibawah ini :




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


<b:else/><data:post.body/></b:if>


<b:if cond='data:blog.pageType != &quot;item&quot;'>


<a expr:href='data:post.url'><img src='http://sites.google.com/site/widodosite/widodo/readmore.png?attredirects=0' style='float:left;'/></a>


</b:if>

Klik tombol Simpan Template

Lihat perubahan yang terjadi pada blog anda.

0 comments:

Poskan Komentar

Silahkan Komentar anda.Jangan spam ya...

"U Comment I Follow"

 
Template by: widodo dc © 2010