Cara Membuat Readmore Terbaru

Cara Membuat Readmore Terbaru | Redmore merupakan salah satu cara untuk memperindah blog atau website karena dengan readmore home page situs menjadi lebih tertata rapi. Pada posting kali ini Kolombloggratis.Org akan searching artikel terbaru tentang cara membuat readmore, readmore adalah memberi batasan sisi tulisan sehingga potongan tulisan selengkapnya bisa dibaca dengan klik tombol readmore dan kemudian membuka isi artikel secara keseluruhan. readmore bisa digunakan untuk maksimalkan halaman utama blog atau website dengan tujuan agar halaman home page blog atau website bisa menampilkan semakin banyak artikel terbaru dengan penataan yang rapi dan proffesional. cara ini bisa diterapkan pada home page saja, contohnya bisa dilihat pada home page situs ini yang tertata lebih rapi dan enak untuk dipandang, selain itu tujuan lainnya adalah agar pengunjung bisa membaca artikel - artikel terbaru pada blog atau website pada halam utamanya, berikut cara mudah untuk membuat readmore,...

Cara Membuat Readmore Terbaru

1. Login akun blogger
2. Pilih emplate
3. Klik edit HTML
4. Cari kode </head>
5. Copy kode di bawah ini dibawahnya
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://readmore-otomatis-js.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>
Cari kode <data:post.body/> ganti dengan kode dibawah ini
<b:if cond='data:blog.pageType == "item"'><style>.fullpost{display:inline;}</style><p><data:post.body/></p><b:else/><style>.fullpost{display:none;}</style><p><data:post.body/><a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p></b:if>
Klik simpan / save template

Cara Membuat Read More di Blog Terbaru

Cara membuat readmore di blog terbaru secara otomatis saya jelaskan lengkap di sini baik itu berbentuk catatan ataupun berbentuk button/tombol yang dibarengi dengan gambar ( image ). sebelum saat masuk kepembahasan alangkah sebaiknya saya sedikit menjelaskan manfaat dari readmore ini.

manfaat utama membuat readmore ini yakni membatasi sisi dari tulisan, hingga potongan tulisan selanjutnya bisa dibaca klik tombol readmore atau catatan readmore itu. gunakan manfaat readmore kita bisa memaksimalkan halaman utama situs (blog), hingga halaman utama bisa menampilkan semakin banyak artikel. sesungguhnya blogger telah memfasilitasi untuk bikin readmore, tetapi banyak yang tidak senang serta ingim memodifikasinya gunakan image. karenanya, saya dapat menjelaskan bagaimana langkah membuat readmore di blog terbaru otomatis menggunakan gambar ( image ).

Cara Membuat ReadMore di Blogger

1. layaknya biasa, login ke account blogger anda

2. klik rancangan

3. tentukan ubah html

4. beri cantang/ceklis kotak expand widget template

5. mencari kode </head> ( pakai ctrl + f untuk meringankan pencariah )

6. lantas masukkan kode di bawah ini debawah 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://readmore-otomatis-js.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

 7. langkah setelah itu mencari kode <data:post.body/> atau <p><data:post.body/></p>
bila anda pingin bikin readmore otomatis menggunakan image atau gambar, hapus kode tesebut serta ubah dengan kode di bawah 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'><img alt='Read More..' src='http://3.bp.blogspot.com/-2l_jbH97Np8/Tden8SFH0oI/AAAAAAAAAGE/0pB27gilDCM/s1600/icon+read+more8.png'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<a href='http://super-bee.blogspot.com'>| <em>Supported link</em> |</a></p></b:if>

serta bila anda pingin menggunakan readmore otomatis cuma berbentuk text atau catatan ubah kode layaknya no. 7 tadi dengan kode di bawah ini :

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if> 

8.klik pratinjau untuk lihat akhirnya bila telah sesuai
9. save.