GRATIS Panduan ECourse Cara Membuat Landing Page 2023 bersama Agungnesia Klik Disini

Cara Break Page di Window Live Writer 2014

Ni dia gan cara paling ampuh dan jitu untuk page break atau read more di window live writer pada postingan sobat terbaru september 2014. biar gak bolak balik buka postingan di dasbor blogspot sobat hanya untuk membuat page break. langsung praktek ni aja yuk.
1. Cari kode ini di edit HTML template blogspot sobat
<data:post.body/>

2. Copy dan paste kode dibawah ini tepat diatas kode diatas:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
3. Klik save templete
4. update account window live writer sobat

5. Sekarang masuk  ke postingan sobat (klik source pada window live writer), tempatkan kode dibawah ini di posisi manapun yang sobat kehendaki pada saat membuat postingan
<!-- more -->
6. klik publish seperti baisa. buktikan sendiri di blog sobat.


Nah kalau yang dibawah ini sunah gan. boleh iya boleh gak
Mengatur READ MORE font, warna, letak, warna yang berubah jika ditunjuk mouse, dan bisa juga diganti gambar. Berikut kode untuk mengatur font, warna, dan letak.
.jump-link a {
background: #ffff00;
padding: 3px;
color: #fff;
}
atau yang ini
.jump-link a:hover {
background: #000000;
padding: 3px;
color: #ccc;
}
Menyesuaikan warna sesuai selera, kode-kode di atas dapat diletakkan di bagian <body> di bawah kode.
.post-body {
margin:10px 0px 10px 0px;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
Kalau mau gambar pakai ini

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><img src="url gambar" border="0" alt="Alternative text" /></a>
</div>
</b:if >
 
Nah ini dia referensinya: http://vensieve.blogspot.com/2010/01/agar-link-read-more-tidak-selalu-muncul.html

Posting Komentar untuk "Cara Break Page di Window Live Writer 2014"