Cara Membuat Separator Artikel

Posted by Rusdi Nice on Tuesday, May 22, 2012

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/AVvXsEhTnYbyJIbmh6edUSIsbWPH-hlEP2cPkWVGEKu2nQSxRsMrRPjacWp6cge1pNexhsNHBwVmkIwsXXtHRNHcJGRNRw06d9fJTG3pkI1dTFB9zg8K1PvkYRV-p9FOk3icnv2DYpwzXMgQsW0s/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...