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
2. Copy dan paste kode dibawah ini tepat diatas kode diatas:
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
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.
Nah ini dia referensinya: http://vensieve.blogspot.com/2010/01/agar-link-read-more-tidak-selalu-muncul.html
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'>3. Klik save templete
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >
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 {atau yang ini
background: #ffff00;
padding: 3px;
color: #fff;
}
.jump-link a:hover {Menyesuaikan warna sesuai selera, kode-kode di atas dapat diletakkan di bagian <body> di bawah kode.
background: #000000;
padding: 3px;
color: #ccc;
}
.post-body {Kalau mau gambar pakai ini
margin:10px 0px 10px 0px;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
<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"
Terimakasih telah berkunjung, silahkan tinggalkan komentar