MEMOTONG POSTINGAN di BLOG

Memotong postingan di blog merupakan salah satu trik agar postingan kita tidak seluruhnya tampil di depan halaman ,dan kelihatan menarik bukan???

Bagaimana membuat postingan agar terpotong di blog dengan kata : Readmore , baca selengkapnya ,Lanjutkan dll.Sehingga yang tampil di halaman depan hanya separuh postingan dan postingan yang lengkap akan muncul jika kata Readmore , Baca selengkapnya dll di klik .

Trik ini sebenarnya tidak tersedia di bloger/blogspot , Jika memakai woodpress Fasilitas memotong postingan ini sudah di sediakan , cukup klik dimana postingan itu mau di potong kemudian klik icon SPLIT POST USING READ MORE TAG

Untuk pengguna blogspot , berikut ini langkah modifikasi yang bisa di lakukan.Trik ini menggunakan css untuk menyembunyikan sebagian post , sehingga hanya bagian yang di inginkan saja yang tampil di halaman depan .

UNTUK NEW BLOGER

1.Login ke blogspot.com pilih Layout kemudian masuk ke edit HTML
2.Untuk bisa ngedit template keseluruhan , aktifkan EXPAND WIDGET TEMPLATES
3.Masukan kode berikut sebelum tag </head> dan tepat sesudah kode } ]]></b:skin>
Kodenya seperti ini
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Selanjutnya mengatur supaya postingan terpotong, cari kode <p><data:post.body/></p> dalam template kamu ,lalu tambahkan kode ini
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

nah supaya terpotong setiap kamu posting ,klikpada bagian posting dimana kamu pungin tulisan Read More...Muncul dan ketik <span class="fullpost"> SISA POSTINGAN SAMPE SELESAI lalu ketik </span>
Untuk menambahkan kode ini ketika posting harus dalam mode HTML bikan COMPOSE

BLOGER LAMA ( CLASIC )

Pertama buka template bloger kamu ,kemudian tambahkan css berikut
( css berikut terletak di antara tag <style> dan </style> )

Kode

<MainorArchivePage>
span.selengkapnya {display:none;}
</MainorArchivePage>
<ItemPage>
span.selengkapnya {display:inline;}
</ItemPage>

Dengan style ini kita membuat class ,dimana css dengan nama SELENGKAPNYA dan akan tampil ketika postingan berdiri sendiri ( post page )

Kemudian menambahkan kode untuk menampilkan Link BACA SELENGKAPNYA ,tambahkan kode berikut setelah kode < $BlogItemBody$> pada template kamu.

kode :
<mainorarchivepage><br />
<a href="<$BlogItemPermalinkURL$>">baca selengkapnya..</a>
</mainorarchivepage>

ket : kamu bisa mengganti tulisan BACA SELENGKAPNYA dengan kata lain yang kamu suka.
Setelah copas kode kode di atas ke dalam template kamu , save template dan republish.

Langkah terakhir adalah melakukan modifikasi setiap kali kamu membuat postingan. Ketika membuat berita yang akan dipotong, selalu gunakan mode Edit Html bukan Compose mode , dan tambahkan kode seperti contoh berikut ini:

INI ADALAH AWAL POSTINGAN span class="selengkapnya"> INI ADALAH LANJUTAN ATAU POSTINGAN AKHIR </span>

Dan akan menghasilkan postingan seperti ini :
INI ADALAH AWAL POSTINGAN baca selengkapnya
Ketika kata baca selengkapnya di klik maka akan muncul postingan secara keseluruhan.

Selamat mencoba
Sumber artikel di sini