Membuat border pada judul posting
Membuat border pada judul posting adalah entri yang akan aku tulis sekarang ini, berarti aku akan menunjukkan bagaimana caranya seperti di bawah nanti. Jelasnya gambarnya seperti di atas itu yang line border warna hitam. Langkah-langkah untuk membuat border pada judul posting adalah sebagai berikut:
1.Masuk ke Dashboard > Template > edit HTML template
2.Tick expand widget template
3.Tekan secara bersamaan CTRL + F dan cari kode di bawah ini:
h3.post-title {atau berdekatan dengan kode
comments h4 {
4.Ini untuk blog simple template berdekatan dengan kode di atas pada no 3 terdapat kode seperti di bawah ini atau mirip dengan kode di bawah ini:
font: $(post.title.font);margin: .75em 0 0;
5.hapus atau delete kode seperti no 4 tersebut dan gantikan atau tukar dengan kode di bawah ini:
font-family: arial;
color: #000000;
font-size: 14px;
text-align: center;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 3px 3px 3px #A9F5F2;
border: 2px solid #F7819F;background: #FFFFFF;padding: 5px; margin: 20px;
6.Tekan pratinjau dulu jangan lupa jadi atau gak? kalau jadi baru tekan simpan template (preview then save template). Untuk warna biru boleh diubah sendiri menurut size/ukuran yang anda inginkan, warna merah boleh juga ditukar menurut warna kesukaan disini untuk mencari ==> kode warna dan warna hijau solid itu adalah jenis border boleh diganti juga menurut selera anda xD.
Post a Comment for "Membuat border pada judul posting"