villaralcaldeblog | Read More Otomatis – Read more dalam blog sangat berperan penting bagi tampilan halaman depan blog tersebut. Pemasangan read more dapat meringkas kalimat dalam satu postingan yang panjang menjadi lebih pendek. Sehingga , dengan adanya read more yang meringkas goresan pena ini dapat membuat halaman depan blog kita menjadi lebih rapi dan nyaman dilihat.
Jika kita memiliki blog yang menggunakan template bawaan dari blogspot , kita tentu tidak akan memiliki template yang dilengkapi fungsi read more di dalamnya. Blogspot memang tidak menyediakan kemudahan read more dalam template blognya. Sehingga , kalau kita ingin menggunakan kemudahan read more ini di dalamnya maka kita perlu memasangnya secara manual. Read more memiliki banyak fungsi mirip meringkas goresan pena dari sebuah postingan yang muncul di halaman depan blog , meningkatkan pageviews dan durasi berkunjung di blog , hingga manfaat utamanya yaitu membuat tampilan halaman depan blog menjadi lebih ringkas dan rapi saat dilihat.
Untuk memudahkan dalam proses penggunaannya , kita dapat memasang read more yang bersifat otomatis. Pemasangan read more otomatis ini berbeda dengan read more biasa alasannya yaitu read more otomatis akan meringkas dan melaksanakan fungsi read more dalam setiap postingan di halaman depan blog kita tanpa perlu memasukan aba-aba HTML tertentu saat menerbitkan postingan blog secara manual. Sehingga , pemasangan read more otomatis ini tentu lebih mudah dan menguntungkan daripada read more biasa.
Pemasangan read more otomatis di blog ini juga mudah dilakukan. Kita hanya perlu memasukan javascript dan aba-aba lainnya dalam template blog kita. Adapun cara untuk memasang read more di blog selengkapnya yaitu sebagai berikut:
Pertama , masuk ke dalam akun blogger kita masing-masing.
Klik rancangan.
Klik edit HTML.
Klik expand template widget.
Cari aba-aba berikut.
</head>
Masukan aba-aba berikut di atasnya.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
var thumbnail_mode = "float" ;
summary_noimg = 300;
summary_img = 170;
img_thumb_height = 150;
img_thumb_width = 250;
</script>
<script src='http://panduanbelajarblog.googlecode.com/files/readmore-otomatis.js' type='text/javascript'/>
Cari aba-aba berikut.
<data:post.body/>
Hapus dan ganti dengan aba-aba di bawah ini.
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more</b></a></span>
</b:if>
</b:if>
Klik simpan template dan selesai.
Keterangan:
- Download template terlebih dahulu sebagai backup kalau kita mengalami kegagalan dalam proses editing.
- Gunakan tombol Ctrl+F pada keyboard untuk mempercepat proses pencarian aba-aba yang kita inginkan di dalam template blog.
- summary_noimg merupakan jumlah abjad yang ditampilkan tanpa menggunakan gambar dalam postingan blog.
- summary_img merupakan jumlah abjad yang ditampilkan saat dalam postingan blog terdapat gambar.
- img_thumb_height merupakan tinggi gambar yang ditampilkan.
- img_thumb_width merupakan lebar gambar yang ditampilkan.
- Kita juga dapat mengganti goresan pena Read more sesuai harapan kita.
Pemasangan read more dalam blog juga bermanfaat untuk meningkatkan jumlah pageviews. Jika blog kita sudah terpasang read more tentu setiap pengunjung tidak mampu membaca artikel di halaman depan blog kita secara tuntas alasannya yaitu ada fungsi read more yang hanya menampilkan sepenggal goresan pena awalnya saja. Sehingga , untuk mampu membacanya hingga simpulan pengunjung tersebut harus klik read more untuk membuka halaman artikel secara keseluruhan. Nah , alasan inilah yang kemudian membuat jumlah pageviews atau jumlah halaman postingan blog kita yang dibuka oleh pembaca menjadi bertambah banyak.
Manfaat lainnya dari pemasangan read more yaitu kita dapat menampilkan jumlah postingan yang lebih banyak di halaman depan blog alasannya yaitu setiap posting yang ditampilkan merupakan hasil ringkasan dari fungsi read more yang membuat postingan tersebut menjadi semakin pendek. Ketika postingan yang tampil di halaman depan menjadi lebih banyak maka pengunjung akan memiliki lebih banyak lagi pilihan untuk membuka dan membaca artikel dalam blog kita.
0 komentar:
Posting Komentar