Membuat Read more Pada Posting Blog

Pada halaman muka blog biasanya muncul beberapa posting yang di publikasikan.Pada template blog yang masih standard biasanya postingan tersebut ditampilkan sepenuhnya di halaman muka.
Bila postingan yang di tampilkan sepenuhnya dirasa terlalu panjang sehingga dilihat kurang menarik untuk tampilan halaman muka blog,biasanya blogger membuat postingan tersebut ditampilkan separuhnya di halaman muka.Untuk membawa pengunjung blog ke halaman isi posting sepenuhnya, biasa dibuatkan link berupa kata read more atau baca selengkapnya dan lain sebagainya tergantung kata apa yang anda suka yang akan digunakan untuk menunjukan link.

Bagi anda yang baru belajar membuat blog,Mungkin ingin membuat tampilan separuh posting pada halaman muka blog, tetapi belum tahu cara membuatnya.Untuk itu dalam tulisan kali ini akan saya coba jelaskan mengenai cara cara membuat link read more tersebut.

Ada dua langkah yang harus anda lakukan untuk membuat link read more pada posting blog.
1.Membubuhkan kode html pada menu pengaturan.
2.Menyisipkan kode html pada template blog yang anda gunakan.

1.Cara membubuhkan kode html pada menu pengaturan

Yang harus anda lakukan pertamakali ialah masuk atau sign in ke blogger.com dengan account blogger anda.Kemudian klik pada menu pengaturan.Kemudian silahkan anda klik menu format.Perhatikan dibagian bawah, ada tulisan Template Posting.Disitu ada text area kosong yang harus anda isi dengan kode di bawah ini :

<span class="fullpost">


</span>

Setelah selesai, simpan dengan cara klik pada tombol Simpan pengaturan.


2.Menyisipkan kode html pada template blog yang anda gunakan

Setelah selesai langkah ke satu tadi silahkan anda klik menu dashboard yang ada di sudut kanan atas layar.Kemudian klik Tata letak dan selanjutnya klik pada Edit Html.

Jangan lupa klik tulisan atau link Download template lengkap untuk mendownload template yang sedang anda gunakan yang nantinya bisa digunakan sebagai back up seandainya template anda mengalami kesalahan dalam pengeditan perubahan.Simpan back up template yang telah di download dan suatu waktu bisa anda gunakan jika anda ingin kembali ke template semula.

Berikutnya beri tanda contreng pada kotak yang bertuliskan Expand Template Widget,dan tunggu sampai proses loading selesai.

Cari kode seperti ini <data:post.body/> atau seperti ini <p><data:post.body/></p> kemudian hapus atau delete kode tersebut dan ganti dengan kode berikut 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>Read more...</strong></a></p>
</b:if>

Selanjutnya klik pada tombol Simpan Template untuk menyimpan perubahan yang telah dilakukan.


Cara menulis posting

Untuk menampilkan separuh posting pada halaman muka blog, ada cara yang harus anda perhatikan.Ketika anda sudah berada di halaman atau kolom untuk menulis artikel yang akan di posting, silahkan anda pilih mode Edit Html dengan meng-klik tab atau tulisan Edit Html yang ada di kanan atas kolom posting tepatnya disamping tab Tulis.

Pada kolom posting secara otomatis akan muncul kode html yang telah anda simpan di Pengaturan tadi.Untuk lebih jelasnya kode yang muncul ialah seperti ini:

Tempat menyimpan separoh paragraf
<span class="fullpost">

Tempat melanjutkan tulisan selengkapnya
</span>

Simpan sebagian paragraf atau tulisan yang ingi diperlihatkan di halaman muka blog anda sebelum kode <span class="fullpost"> dan setelahnya lanjutkan dengan tulisan atau artikel anda selengkapnya.Sebagai gambaran seperti yang saya tandai dengan tulisan warna merah diatas.Setelah selesai, klik Terbitkan Entri untuk mempublikasikan posting.Kemudian lihat hasilnya di halaman blog anda.

Mudah mudahan posting ini dapat membantu sehingga dapat menjadi sebuah solusi bagi anda yang membutuhkan.Sampai jumpa di posting berikutnya.