Fungsi Readmore/baca selengkapnya pada postingan adalah untuk menghemat halaman depan website/blog kamu agar tidak terlalu panjang tampilannya, selain itu juga dapat merangsang dan membuat penasaran pengunjung untuk membaca salah satu posting di halaman depan website/blog tersebut.
Nah, jika berkeinginan untuk pasang Readmore otomatis pada blogspot Anda, silahkan ikuti langkah-langkahnya sebagai berikut:
- Login ke account blogger.
- Klik Rancangan > Edit HTML.
(Dibiasakan Centang kotak kecil Expand Widget Templates)
- Cari kode </head> di dalam template kamu.
(Agar lebih mudah pencariannya klik CTRL+F lalu paste </head> didalam kotak yang tersedia)
- Klik Rancangan > Edit HTML.
(Dibiasakan Centang kotak kecil Expand Widget Templates)
- Cari kode </head> di dalam template kamu.
(Agar lebih mudah pencariannya klik CTRL+F lalu paste </head> didalam kotak yang tersedia)
Tips aman :
Lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".
Kalo terjadi kesalahan kamu tinggal Upload lagi dan bakal kembali seperti semula.
Lakukan backup dengan "DOWNLOAD TEMPLATE LENGKAP".
Kalo terjadi kesalahan kamu tinggal Upload lagi dan bakal kembali seperti semula.
- Copy pastekan script di bawah ini tepat dibawah kode </head>.
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 500; summary_img = 500; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
Lalu cari kode berikut ini :
<data:post.body/> atau <p><data:post.body/></p>
Ganti kode tersebut 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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<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'>»»  READMORE...</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
Keterangan :
Tulisan yang berwarna Kuning bisa kamu ganti sesuai keinginan.
Summary noimg = 500 = Tinggi artikel/banyaknya kata terpenggal tanpa image
Summar img = 500 = Tinggi artikel/banyaknya kata terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya, atau kata lainnya
Kemudian Simpan TemplateTulisan yang berwarna Kuning bisa kamu ganti sesuai keinginan.
Summary noimg = 500 = Tinggi artikel/banyaknya kata terpenggal tanpa image
Summar img = 500 = Tinggi artikel/banyaknya kata terpenggal dengan image
Readmore bisa anda ganti dengan Baca Selengkapnya, atau kata lainnya
Blog Tutorial
- Membuat Buku Tamu Melayang di blog
- Cara Membuat Search Engine di Blogger
- Cara Menghilangkan Garis Bawah Link
- Cara Menampilkan Judul Posting Pada Label Yang Di Klik
- Cara Membuat Widget Sms Gratis
- Cara membuat Readmore Otomatis
- Cara Membuat Page Number/Navigasi Halaman
- Cara Membuat Gambar Box anda Berputar
- Cara Mengganti icon navigator bar
- Cara Memasang Jam di Blogger
- Icon Animasi Burung Twitter Terbang DiBlog
- Cara membuat Teks Berkedap kedip
- Cara Menghilangkan Widget Atribution Blogger
- Cara Membuat Daftar Isi
- Cara Membuat Ruang Chat Di Blog Seperti Chat Facebook
- Cara Membuat Animasi Cursor Mouse di Blogger
- Cara Membuat Teks Berjalan
- Cara Membuat Scrool Otomatis Ke Atas
- Cara Memasang Yahoo Messenger/YM di Blog
- Membuat Tab Menu Vertikal
- Cara Menghilangkan Navigasi Bar
- Cara Membagi Postingan Menjadi 2 Kolom
- Cara Membuat Window Browser bergerak memutar
- Membuat Kata Penutup di Blogger
Silahkan Tulis Komentar Anda ...