Read More on Blogger New Version

Posted by che6vara on Sep 15, 2009

Setelah kita mengetahui adanya kemungkinan menambahkan abstraksi atau pemenggalan entri di blogger versi klasik, kali ini kita akan mengetahui cara untuk mendapatkan hasil yang sama di versi beta.

Hal yang pertama kita akan lakukan adalah memastikan template/layout kita berada dalam versi barunya.Ini penting karena kode berikut tak berfungsi di template versi lama.Untuk melihat kode template secara keseluruhan, klik pada bagian "Layout" di Dashboard,lalu menuju tab Edit HTML dan pilih "Expand widget templates".

Langkah 1. Cari kata "post-header-line" lalu tambahkan kode berikut (yang berwarna merah) :

<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......</a>
</b:if>

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


Langkah 2.Masih di dashboard, klik Settings, menuju ke Formatting dan perhatikan bagian paling bawah yang menunjukkan "Post template", lalu isikan kode berikut disana.

text yang akan di tampilkan
<span class="fullpost">
text yang akan di tampilkan setelah mengklik read more
</span>

Kode diatas digunakan hanya sebagai pembantu agar setiap kali kita membuat entri baru, maka di editor kita akan ada semacam template agar lebih memudahkan pemenggalan entri.

Source: http://edittag.blogspot.com

{ 0 comments... read them below or add one }

Post a Comment