Membuat Read More... atau Baca Selengkapnya... di Blogger Baru

Bagi para blogger yang masih baru mungkin sangat membutuhkan artikel Read More.. atau Baca Selengkapnya ini... Yah, daripada postingan kita panjang-panjang di BLOG kayak kereta api, kan lebih baik di ringkas aja tulisannya supaya bisa menghemat ruang halaman pada BLOG. Perlu diketahui, kalo template yang di sediain oleh BLOGSPOT ada 2 macam, yaitu template klasik dan template baru. Pada Kesempatan ini saya jelasin gimana cara gunain fasilitas Read More.. atau Baca Selengkapnya.. pada BLOG baru!!!
Langkah-langkahnya gini :
1. Sobat harus login dulu ke blogger
2. Masuk ke Layout/Tata Letak.
3. Pilih Edit HTML. Sebelum dilanjutin penjelasannya, ada lebih baiknya sobat memback-up terlebih dahulu templatenya sebelum di utak-atik. Daripada ntar udah di utak-atik tp error, terus sobat gak punya back-up templatenya, hayooo gimana?
4. Jangan lupa centang pada Expand Widget Templates
5. Cari kode ini } ]]></b:skin> ya kalo mau cepet, sobat teken CTRL+F aja terus masukin kode tersebut.
6. Letakkan kode berikut ini di bawah kode tersebut :

<style> <b:if cond='data:blog.pageType == "item"'> span.fullpost {display:inline;} <b:else/> span.fullpost {display:none;} </b:if> </style><br />

7. Kita atur supaya tulisan kita seolah-olah terpotong, caranya adalah sobat cari lagi kode ini <p><data:post.body/></p>. Kalo udah ketemu letakkan kode berikut ini dibawahnya :

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>
Selanjutnya simpan template sobat. Terus apa sampe disitu? Ya nggaklah... Kita harus menambahkan kode <span class="fullpost"> pada tulisan yang akan kita batasi dan kode </span> pada akhir tulisan/posting kita. Hmm kalo sobat gak mau ribet disibukkan dengan harus terus-terusan menyisipkan kode-kodenya tersebut, sobat bisa menggunakan tehnik ini. Pertama sobat masuk ke menu Settings/Pengaturan, terus pilih format. Pada bagian Template Posting, sobat masukkan kode ini :

<span class="fullpost">
</span>

Lalu simpan. Itu dimaksudkan ketika sobat akan membuat tulisan/postingan baru, sobat tidak perlu lagi menyisipkan kode tersebut, karena otomatis sudah tersedia pada konten tempat kita menulis. Untuk contoh penggunaan read more, sobat bisa perhatikan tulisan berikut ini :
Ini adalah contoh awal tulisan, ditulis sebelum kode <span class="fullpost">. Ini adalah contoh lanjutan dari tulisan tersebut </span>.
Tulisan tersebut nantinya akan tampil seperti ini :
Ini adalah contoh awal tulisan, ditulis sebelum kode read more..
Sebagai catatan, tulisan (read more..) bisa sobat ganti dengan tulisan yang sobat mau, misalnya (baca selengkapnya..).
Selamat Mencoba Sob.....