Menambahkan Read More Pada Blogger

Hari yang melelahkan telah ku habiskan dengan menjalajahi google hanya untuk mencari beberapa artikel tentang bagaimana membuat Read More pada Blogspot/Blogger. Dan pada akhirnya telah kutemukan dan saya memutuskan untuk membuat artikel ini.

Nah, dulu saya menggunakan Blogger tetapi sempat saya tinggalkan dikarenakan beberapa hal seperti fasilitas Read More, Template yang terbatas dan lain lain. Jika dibandingkan dengan Wordpress, pada halaman membuat tulisan sudah ada tombol more untuk membuat Read More pada penulisan artikel anda. Namun hari ini saya berhasil menemukan sebuah trik untuk membuat Read More pada Blogger. So, simaklah dengan baik langkah-langkahnya.

Terlebih dahulu kita harus tahu apa fungsi Read More itu. Read More adalah fasilitas untuk membuat penulisan artikel di halaman depan ditampilkan hanya berupa ringkasan. Pada umumnya di blogger tidak disediakan fasilitas/fitur Read More tersebut. Sehingga waktu membuat tulisan artikel yang agak panjang akan ditampilkan seluruhnya di halaman depan dari Blogspot saya. Maka untuk mengatasi hal ini, kita harus kerja ekstra untuk mengedit HTML Code nya biar hasilnya maksimal sesuai keinginan kita.

Namun janganlah kuatir, saya akan membagikan 3 langkah membuat Read More pada Blogger dengan menambahkan paragraft PARAGRAFT AWAL / PENGANTAR yang akan ditampilkan di halaman depan. Saya sarankan anda menggunakan mozilla firefox dan aktifkan FindBar (CTRL+F) dibagian bawah pada browsernya.

1. Penambahan 'Conditional CSS'
Conditional CSS mengubah bagaimana postingan tampil di halaman yang berbeda.
Caranya:
klik Layout —> Edit HTML.
Lalu backup template dengan mengklik Download Full Template. (optional)
Klik checkbox Expand Widgets Template tepat di atas kotak Edit Template.
Kemudian Search/Cari dan temukan kode </head> ini *(gunakan fasilitas FindBar pada mozila/flock)

Tambahkan kode berikut tepat di atasnya:
<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

Gunanya adalah membuat class bernama fullpost yang akan tampil hanya di halaman detail (permalink).

2. Penambahan Read More
Langkah kedua, menambahkan link “Read More” (atau apa pun sesuai selera Anda) yang akan tampil setelah paragraf pengantar.
Scroll dan temukan kode:
<data:post.body/>

Tambahkan kode berikut setelahnya:
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url' target='_blank'>Read More...!</a>
</b:if>

Kalau sudah, klik Save Template. Link Read more ini hanya akan tampil di halaman depan (home) dan arsip (Archive). Kalau diklik, akan membuka halaman baru berisi satu tulisan penuh.

3. Penambahan di Post Template
Langkah terakhir adalah menambah format di template postingan, sehingga setiap membuat postingan baru akan memudahkan Anda, di mana menempatkan paragraf pengantar dan di mana sisa keseluruhan tulisan.

Klik Settings —> Formatting, lalu geser ke paling bawah halaman.
Copy dan Paste kode berikut ini ke kotak Post Template:

Paragraf Pertama
<span class="fullpost">
Paragraf Sisa
</span>

Klik Save Settings.

Ketika Anda membuat postingan (Create Post) dan kemudian mengklik tab Edit Html, Anda akan melihat seperti berikut ini:Ganti tulisan “PARAGRAF PERTAMA” dengan paragraf pertama Anda sendiri. Kemudian ganti tulisan “PARAGRAF SISA” dengan sisa paragraf berikutnya dari tulisan Anda. Jangan menghapus kode <span class="fullpost"> dan </span>.

Intinya masukkan paragraf pengantar Anda di atas kedua kode itu dan paragraf berikutnya di antara kedua kode tersebut. Lalu klik Publish. Lihat hasilnya dengan klik View Blog. Akhirnya anda telah mengerti cara menambahkan Read More pada blogger, selanjutnya terserah anda..!

Thanks to Rielthe.co.cc

Ayo Semangat...!
Percepat download file dengan IDM.6.7.8.1 + Crack