Langkah-langkah Membuat Read More Pada Blogger, Baca Niih....

sumber : http://jokowarino.id/langkah-langkah-membuat-read-more-di-blog/

Read More dalam blog ditujukan untuk membuat halaman blog menjadi lebih rapi dan tertata dengan baik. Setiap artikel atau postingan yang Anda buat akan semakin terlihat menarik untuk dibaca apabila fitur Read More digunakan dalam blog yang Anda miliki.

Pada dasarnya, membuat Read More dapat dilakukan dengan baik menggunakan jump link yang sudah tersedia di Blogspot. Berikut ini tata cara membuat Read More menggunakan template standar yang ada di Blogger, yaitu:

1. Masuk ke menu Template, pilih menu Edit Template.
2. Gunakan CTRL+F untuk mencari kode html </head> kemudian letakkan script di atasnya.
3. Cari kode <data:post.body/> dan ubah dengan kode HTML yang sesuai. Untuk template standar, <data:post.body/> yang diganti adalah kode yang kedua ( itemprop=’description articleBody’ ).
4. Setelah beres, klik Save untuk menyimpan editan template tadi.
5. Kembali ke tampilan blog dan lihat hasilnya.

Bagaimana? Mudah bukan? Apabila Anda ingin memiliki tampilan Read More dengan model visual yang lebih menarik, Anda juga bisa memanfaatkan CSS dalam hal ini. Caranya pun terbilang mudah, ikutilah langkah-langkahnya di bawah ini, yaitu:

1. Masuk ke menu Template, pilih Edit Template.
2. Gunakan CTRL+F untuk mencari kode ]]></b:skin>.
3. Masukan kode CSS di bawah ini pada bagian atas kode ]]></b:skin> yang sudah Anda temui.

.arrow {

font-size: 18px;

font-family: serif;

font-weight: 900;

}

.readmore-link {

margin-top: 18px;

border-bottom: 1px solid gainsboro;

margin-left: 250px;

}

4. Ukuran-ukuran tersebut tentu dapat disesuaikan dengan keinginan masing-masing. Settingan ukuran tadi bisa Anda ubah sesuai keinginan dan keindahan penempatan Read More yang ada pada blog Anda saat ini.
5. Jika sudah selesai, simpan dan cek kembali tampilan Read More yang sudah Anda edit barusan.

Apabila tampilan tersebut kurang memuaskan, maka ubahlah beberapa kode dari script di atas sesuai keinginan Anda. Ukuran dan jenis font hingga posisi Read More bisa disesuaikan dengan selera.

Bahkan Anda juga bisa mengedit ukuran thumbnail yang lebih besar dengan menyesuaikan ukuran yang dipasang pada script di atas, misalnya img_thumb_height = 250; atau img_thumb_width = 250; untuk ukuran thumbnail 250px dan seterusnya.

Itulah langkah-langkah membuat Read More pada blog yang Anda punya saat ini. Dengan memasang fitur Read More pada blog yang Anda kelola, lewat tampilan standar ataupun manual diharapkan bisa membuat para pengunjung akan jauh lebih tertarik untuk membaca keseluruhan isi postingan yang Anda buat.

Rasa penasaran para pengunjung akan terpancing apabila kalimat pembuka artikel yang Anda buat disusun secara menarik. Dengan demikian, para visitorpun tidak ragu untuk mengklik Read More untuk membaca lebih lanjut mengenai isi artikel yang telah Anda posting sebelumnya.

semoga artikel yang saya share ini bermanfaat yah...
semangat untuk mencoba, sukses selalu gaes... :-D

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.