.quickedit{display:none;}
“KITA BERBISNIS,BERILMU,BERAMAL”

Tuesday, October 4, 2011

Membuat Readmore dengan Page Break

Mungkin ini adalah teknik biasa, bahkan mungkin sudah pada tahu fungsi “Page break” ini. Memang seiring perkembangan jaman, pihak blogger terus memberikan fitur-fitur tambahan yang memudahkan kita dalam membuat blog. Dulu sewaktu belum ada fitur “page break” ini, seorang blogger harus susah payah mencari info tentang membuat “read more” kemudian mempraktekkan pada blognya dengan cara edit html yang rumit. Kini pihak Blogger sudah memberikan fitur khusus yang berfungsi seperti “read more” bahkan cukup mudah tanpa utak atik template dan penambahan script yang njlimet. Hanya saja, untuk menggunakan fitur ini, pengguna harus menulis pada mode “compose” bukan pada mode “edit html”. Dan memang fitur ini dibuat untuk kemudahan bagi blogger yang tidak menguasai bahasa HTML ( Hyper Text Markup Language ). Ikon fitur ini ditampilkan pada mode “compose” dengan simbol “kertas sobek”. Jika penulis hendak menerapkannya, cukup tentukan pada baris mana tulisan hendak
dipotong dan meletakkan kursor pada baris tersebut dan klik ikon “page break” tadi. Maka pada kolom postingan akan ditampilkan garis yang memotong tulisan seperti tampilan Microsoft Word yang menyatukan halaman atas dan bawahnya. Berikut contoh tampilan penggunaan fitur “page break” :



Gambar simbol "page break" pada toolbar postingan

Garis pada gambar adalah hasil "page break" pada penulisan mode "compose"

Penggunaan "page break" secara manual pada mode "edit html"

Untuk yang ingin tetap menulis dalam mode "Edit HTML" dan ingin menggunakan fitur page break, bisa dengan menambahkan kode seperti berikut :



Tempatkan kode tersebut diantara kata untuk memulai penyingkatan artikel atau untuk memulai pemotongan. Jadi tinggal pilih, menulis pada mode "Compose" atau "Edit HTML" menggunakan fitur "page break" atau membuat "read more" dengan cara yang mudah dan sederhana. Dengan penulisan kode yang sangat sederhana tersebut, pengguna blogger sekarang tidak perlu lagi repot menambahkan kode khusus lewat “Edit HTML” atau menambahkan kode tambahan pada template serta tidak perlu menulis post template seperti  dan sehingga lebih simple dan praktis. Hasilnya bisa anda lihat pada contoh artikel di halaman beranda (Home) blog saya, dimana setiap artikel saya disingkat dengan tulisan “Baca selengkapnya>>”. Tulisan "Baca Selengkapnya>>" bisa anda edit sesuka anda pada menu "Tata Letak", klik tulisan "Edit" pada "Posting Blog". Pada jendela yang ditampilkan, anda bisa mengganti tulisan tersebut termasuk menambah fitur "reaksi pembaca" untuk setiap postingan. Contoh hasilnya nanti akan ditampilkan seperti berikut :

Untuk membaca kelanjutannya, klik tulisan berikut untuk membaca lanjutan artikel disini.

Jadinya akan seperti berikut :

Untuk membaca kelanjutannya, klik tulisan berikut Baca selengkapnya>>

Jika penggunaan fitur page break tidak berfungsi atau tidak muncul tulisan “Read More” atau “Baca selengkapnya>>” maka dipastikan template yang anda gunakan tidak memiliki kode untuk pagebreak. Berikut kodenya :





Untuk menambahkan kode diatas, silahkan buka dashboard blog dan pilih “Tata Letak” lalu pilih “Edit HTML”. Beri tanda centang pada “Expand Template Widget” kemudian cari kode berikut :

No comments:

Post a Comment

Print Postingan