Hal yang bisa membuat pengunjung merasa betah di blog adalah dengan membuat tampilan blog menjadi lebih menarik, salah satunya dengan membuat tampilan artikel mejadi lebih mudah dibaca dengan memberi sebuah pemisah / separator. Sekarang sudah banyak template yang langsung menyediakan fitur itu, namun masih ada juga yang belum. Untuk anda yang memiliki tempalate yang termasuk kategori itu, di tips kali ini saya akan menjelaskan cara membuat separator artikel tersebut. Mau?

Berikut Cara Membuat Separator Artikel:

1. Login ke akun Blogger anda

2. Plih Layout > Edit HTML

3. Cari kode berikut:

.post {
margin: 0 0 40px 0;
width: 90%
}

4. Paste kode berikut tepat di bawah kode .post

background: url(LINK-GAMBAR-SEPARATOR-ANDA);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

Ganti LINK-GAMBAR-SEPARATOR-ANDA dengan link gambar separator anda.

Contoh:

.post{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2pBRlDyWj7niPXlAD1ZIMm2IiTeItUezypQu_CXu88-eE-iyUo2tuRCDSkA1plt8K0YkqKjTSD0BBqRq4-Mc12FFSwYPmUv67Z4C0H4VNNlwS62lLkTV5B-IRZ_FkE4KPL0-BV8qSvQl/s1600/barsnake.gif);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
margin: 0 0 40px 0;
width: 90%;
}

5. Terakhir, klik Save Template untuk menyimpan perubahan.

Selamat mencoba...

Jangan lupa kasih komentar ya...