cara membuatnya ikutilah langkah langkah berikut ini:
1. Login ke akun Blogger anda
2. Klik Rancangan
3. Klik Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Klik Download Template Lengkap (Agar kita mempunyai template cadangan bila terjadi kesalahan)
6. Cri kode <data:post.title/> (gunakan CTRL + F untuk memudahkan pencarian)
7. Tambahkan kode di bawah ini
<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
Dan
</div>
Lakukan persis seperti kode dibawah ini.
<div style='border: 0px solid rgb(250, 252, 252); margin: 10px 0px; padding: 10px; -moz-border-radius: 0px 0px 0px 0px; width: auto; height: auto; background-color: rgb(250, 252, 252); '>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</div>
</b:if>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</div>
</b:if>
Keterangan:
background-color: rgb(250, 252, 252); adalah warna background. Anda bisa menggantinya degan warna yang anda inginkan. Untuk kodenya lihat DISINI
8. Klik Simpan Template
9. Beralih ke Rancangan
10. Klik Eleman Laman
11. Klik Edit pada Posting Blog
12.
Saya pakai editor entri baru dari Blogger ( Cek editor kamu di Pengaturan > Dasar > Setting Global > Editor Entri > Pilih option Editor yang diperbarui..) lalu pada awal postingan (tambahkan) klik Insert Jump Break, baru setelahnya isilah dengan postingan kita... Simple kan.. :)
13. Klik Simpan.
14. Coba buat salah satu posting mu dan Terbitkan. Kemudian Lihat Blog kamu.
Tidak ada komentar:
Posting Komentar