Cara membuat Read More atau baca selengkapnya pada blogger baru

Sebagai seorang pemula dalam dunia Blogging. Tentunya, pengetahuan saya tentang nge-Blogging masih minim. Terutama lagi soal 'Bagaimana mengedit kode HTML pada bagian Template Post Blog <on new blogger> agar supaya isi posting blog menjadi singkat'. Atau yang lebih dikenal dengan istilah 'Expandable Post Summaries'. Atau para blogger sering menyebutnya dengan "Read More atau baca selengkapnya".

Dan alhamdulillah, setelah beberapa kali melakukan uji coba pada beberapa blog saya, dan juga dengan sedikit menyontek pada bantuan yang di sediakan oleh blogger, akhirnya saya bisa juga membuat format Read More pada setiap posting blog.

Nah, bagi kamu yang ingin mencoba untuk membuatnya. Silakan ikuti langkah-langkah berikut :

1. Login ke Blogger, lalu pada halaman Dashboard, klik 'Layout'
2. Pada halaman 'Layout', klik 'EditHtml' lalu klik kotak kecil disamping kiri tulisan 'Expands Widgets Templates'
3. Ketikkan kode berikut sesudah kode ]]></b:skin/>, atau tepatnya sebelum Tag </head>:

Inilah kodenya :

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

Masih pada kolom 'EditHtml' Scroll Mouse ke bawah dan carilah kode berikut :

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

<div class='post-body'>

Kalau sudah ketemu, Copy & Paste kode berikut :

<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'>'Read More......'atau,'Selengkapnya......'</a>
</b:if>

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

Penjelasan ...
• Tulisan 'Read More.....'atau, 'Selengkapnya....'. Nantinya akan menjadi link yang akan menuju ke potongan post kamu yang selanjutnya.
• Setelah itu jangan lupa untuk meng-klik SAVE TEMPLATE.
• Kemudian klik SETTINGS, terus klik FORMATTING. Cari kolom POST TEMPLATE (paling bawah). Lalu ketikkan kode berikut :

<span class="fullpost">

</span>

• And dont' forget to click Save.

Penjelasan cara memposting blog :

1. Pada kolom untuk memposting tulisan. Pilih mode Edit HTML. Jangan mode Compose. Maka, secara otomatis akan tampak kode <span class="fullpost"> </span>
2. Letakkan posting yg akan ditampilkan di halaman muka di atas kode <span class="fullpost"> sementara sisanya (isi keseluruhan dari tulisan yang akan di posting) di tulis di antara kode <span class="fullpost"> dan </span>

Contoh :
Ini adalah tulisan awal yang ingin kamu tampilkan
<span class="fullpost">
kemudian ini adalah isi dari keseluruhan tulisan yang akan di posting <span>


Ok frend, selamat mencobanya!