Kalau Anda melihat Blog saya maka Anda akan melihat bagaimana adanya Box pemisah pada postingan, seperti gambar dibawah ini.
Cara untuk membuat box pemisah pada postingan, sebagai berikut:
1. Masuk ke 'Tata Letak'
2. Klik 'Edit HTML'
3. cari kode berikut:
#main-wrapper {
4. Taruh kode berikut persih dibawah kode #main-wrapper {
{Seperti biasa ganti kode warna dengan pilihan Anda}
/*background:#a8a7a8;
border: 1px solid #d8d7d6;
padding-right:7px;
padding-left:7px;*/
5. Lalu cari kode
{Ubah kode warna hijau menjadi margin:0 0 .5em;}
h2.date-header {
margin:1.5em 0 .5em;
Tak hanya itu, tetapi juga tambahkan kode yang sama seperti pada main-wrapper. Tetapi Hilangkan /* */. Maksudnya seperti ini:
Dan hasilnya akan seperti ini:
background:#a8a7a8;
border: 1px solid #d8d7d6;
padding-right:7px;
padding-left:7px;
6. Terakhir cari kode
h2.date-header {
margin:0 0 .5em;
background:#a8a7a8;
border: 1px solid #d8d7d6;
padding-right:7px;
padding-left:7px;
}
7. Lalu taruh kode yang sama seperti pada h2.date-header {
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
8. Selesai, kemudian Save Template
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
h2.date-header {
margin:0 0 .5em;
background:#a8a7a8;
border: 1px solid #d8d7d6;
padding-right:7px;
padding-left:7px;
}
Selamat Mencoba
0 komentar:
Posting Komentar
Silahkan tinggalkahn pesan Anda yang sopan, terimakasih!