Membuat pemenggalan postingan dengan read more. Jika anda menggunakan wordpress, bukan menjadi kendala karena sudah tersedia. Bagaimana jika menggunakan blogger.com? maka yang harus dilakukan adalah menambahkan kode scrp HTML di bagian HTML templatenya.
Masuk ke dashborad lalu klik bagian "layout" dan cari tab "edit HTML" untuk di klik. Setelah masuk edit HTML maka klik "Expand Widget Template" dengan mencentangnya.
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>
Masih di dashboard, klik Settings, menuju ke Formatting dan perhatikan bagian paling bawah yang menunjukkan "Post template", lalu isikan kode berikut :
Tuliskan ringkasan yang akan dipenggal disini...
<span class="fullpost">
...Lanjutan tulisan
</span>
Selamat mencoba:
Sumber rujukan dari www.edittag.blogspot.com
Bagi anda yang ingin berkreasi maka "read more" bisa diubah penampakannay. Berikut ini artikel yang saya ambil dari http://joe-bisnis.blogspot.com
Cara Membuat Read More "Black edition"
Silakan anda login dan klik menu Dashboard >> Layout >> Edit HTML >> dan jangan lupa contreng Expand Widget Template.
temukan kode di bawah ini:
Kemudian ganti tulisan Read More.. tersebut dengan kode di bawah ini:
Maka read more nya terlihat seperti ini:
Selamat berkreasi.
Masuk ke dashborad lalu klik bagian "layout" dan cari tab "edit HTML" untuk di klik. Setelah masuk edit HTML maka klik "Expand Widget Template" dengan mencentangnya.
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>
Masih di dashboard, klik Settings, menuju ke Formatting dan perhatikan bagian paling bawah yang menunjukkan "Post template", lalu isikan kode berikut :
Tuliskan ringkasan yang akan dipenggal disini...
<span class="fullpost">
...Lanjutan tulisan
</span>
Selamat mencoba:
Sumber rujukan dari www.edittag.blogspot.com
Bagi anda yang ingin berkreasi maka "read more" bisa diubah penampakannay. Berikut ini artikel yang saya ambil dari http://joe-bisnis.blogspot.com
Cara Membuat Read More "Black edition"
Silakan anda login dan klik menu Dashboard >> Layout >> Edit HTML >> dan jangan lupa contreng Expand Widget Template.
temukan kode di bawah ini:
<a expr:href='data:post.url'> Read More..</a>
Kemudian ganti tulisan Read More.. tersebut dengan kode di bawah ini:
<img src="http://i434.photobucket.com/albums/qq70/zujoe/readmore.png" border="0" alt="read more"/a>
Maka read more nya terlihat seperti ini:
Selamat berkreasi.
Waah..thanks ya buat tips blogger nya, its very helpful.
ReplyDelete