Sembunyikan Sebahagian Pos Yang Panjang (Blogger Layout Baru)

Sila ikut panduan terbaru read more di Fungsi Baca Seterusnya (Read More) Baru Blogger.

Sekiranya anda menulis pos-pos yang panjang dalam blog dan memaparkan semua (katalah tujuh bilangan pos)dalam blog anda boleh jadi tidak berapa menyenangkan pengunjung untuk melihat dan membaca lain-lain pos di bahagian bawah. Untuk itu kita sediakan satu teknik di mana kita hanya pamirkan sebahagian satu atau dua perenggan sahaja dari pos tersebut dalam blog kita dan kita sertakan perkataan "baca seterusnya..." di sebelah bahagian bawah perenggan ini untuk diklik oleh pengunjung yang ingin membaca keseluruhan pos. Satu atau dua perenggan yang dipamirkan ini juga boleh menjadi sebagai satu daya penarik untuk pengunjung membaca keseluruhan tulisan dalam pos berkenaan. Dengan cara ini anda boleh paparkan bilangan pos-pos yang banyak dalam satu muka induk blog dan pengunjung boleh memilih mana satu untuk dibaca seterusnya.

Caranya begini:-

Langkah satu: Log masuk dalam 'dashboard' anda dan klik 'layout'. Kemudian pilih 'Edit HTML' di bawah 'Layout' untuk membuka 'edit template' bertujuan membuka dan mengedit kod HTML. Jangan lupakan tandakan kotak 'Expand Widget Templates' untuk melihat semua kod yang digunakan.

Langkah dua: Dalam kod template anda sila cari kod yang bertulis "<div class='post-header-line-1'>".  Lihat contoh kod di bawah - kod warna biru adalah kod yang terdapat dalam kod template anda sebelum di buat tambahan.  Highlight dan copy kod yang berwarna merah di bawah ini dan masukkan ditempatnya seperti yang ditunjukkan - berhati-hati supaya tidak melakukan apa-apa kesilapan dan apa-apa perubahan.

<div class='post-header-line-1'/>
<div class='post-body'>

<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/></p>

<a expr:href='data:post.url'>Baca Seterusnya......</a>  
</b:if>

<div style='clear: both;'/> <!-- clear for photos floats --> </div>

Anda boleh tukar perkataan 'baca seterusnya....' itu dengan perkataan lain yang anda fikirkan lebih sesuai. Klik "SAVE TEMPLATE" setelah selesai kod di atas dimasukkan. Jangan buat sebarang kesilapan di sini.

Langkah tiga:  Klik 'Settings' dan klik 'Formatting' - list formatting akan dibuka dan terus skrol sampai ke bahagian bawah iaitu bahagain kotak 'Post Template' yang disediakan. Kemudian copy tulisan dan kod di bawah ini dan pastekan ke dalam kotak 'Post Template' ini dan seterusnya klik "Save Settings".


Taip perenggan yang hendak dipamirkan di sini
<span class="fullpost">
Taip bahagian pos selebihnya di sini
</span>

 

Selepas ini setiap kali anda ingin membuat pos yang baru anda akan lihat tulisan di atas dalam post template anda. Taip berapa bilangan perenggan yang hendak dipamirkan di atas bahagian "span class='fullpost" ini dan bahagian lain yang tidak dipamirkan taip di bahagian bawahnya.

Mohon maaf panduan bergambar tidak sempat disediakan kerana kesuntukan masa, akan diusahkan kemudian. Saya kira tidak begitu sukar untuk mengikuti panduan ini asal tidak melakukan sebarang kesilapan pada kod berkenaan.

Terima kasih.


Sekira anda dapati panduan ini berguna dan boleh membantu sila masukkan pautan blog ini dalam blog anda. Alamat URL "http://panduanpemblog.blogspot.com/".