Cara memasang Divider di bawah setiap posting blog

Cara memasang Divider di bawah setiap posting blog

Sebelum ini aku sudah menuliskan entri tentang cara membuat divider icon pada sidebar, sekarang aku akan membuat tutorial tentang cara memasang divider di bawah setiap posting blog seperti gambar di atas yang ada butterfly/kupu-kupu dan itu letaknya di bawah setiap postingan. Caranya sebagai berikut :

1.Dashboard > Template > edit HTML

2.Tick Expand template widget kemudian tekan F3/CTRL + F dan cari kode:

.post {

atau (ada template blog yang tidak ada kode .post { )

.post-body {

3.Kita perlu menghapus kode yang ada di bawah kode no 2 diatas dan kodenya seperti di bawah ini contoh gambarnya:

ATAU

PILIH SALAH SATU SAJA

Kalau kode di bawah .post { atau .post-body { seperti contoh gambar di atas sudah dihapus, gantikan dengan kode di bawah ini:

.post-body { 

background: url(http://dl9.glitter-graphics.net/pub/152/152179h4qroi8q2b.gif); background-position: bottom center; background-repeat: no-repeat; margin:.5em 0 1.5em; padding-bottom:1.5em; }

Yang aku tandai dengan warna biru adalah contoh URL DIVIDER klik dan cari disitu tentang divider cantik-cantik, cute sesuai keinginan. Cara mengambil URL DIVIDER lihat contoh seperti gambar di bawah ini:

Setelah menekan divider pilihan nanti di bawah icon divider itu akan keluar kode seperti gambar di atas dan cukup copy seperti yang aku tandai dengan warna biru saja.

4.Kalau semua tugas sudah selesai, tekan pratinjau dulu baru simpan template.

Share :