membuat readmore pada blogger

Mungkin tips ini udah pada banyak yang tahu dan udah bisa menerapkannya di blogspot baru. Tapi gak papa itung2 untuk temen2 yang belum bisa aja.

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.

Type your summary here
<span class=”fullpost”>
Type rest of the post here
</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.

baca juga artikel lain:

tutorial blogging
memilah dan memilih judul dengan google keyword tools
pengertian keyword
mengoptimalkan seo
search engine optimization
situs komunitas blogger
microblogging
cara membuat link blogroll bergerak
cara membuat photoblog
membuat readmore pada blogger
memasang kalender cantik
posting artikel blogger via email
membuat link field di blogger
free template
cara mengganti template

Be the first to comment

Leave a Reply

Your email address will not be published.


*


Skip to toolbar