Penambahan kode untuk membuat judul posting menjadi rata tengah, memang tidaklah sulit, tetapi yang rumit adalah membuat tutorial ini, bagaimana menempatkan kode tersebut di dalam elemen kode HTML template blog yang kita gunakan, karena template blog yang digunakan oleh para blogger sangatlah beragam.
Ok.. kita langsung mempraktekannya :
- Login ke blogger dengan ID Anda
- Klik Template >> Edit HTML >> Proceed/Lanjutkan
- Cari kode .post-title kemungkinan anda akan menemukan lebih dari satu kode tersebut, pusatkan perhatian pada kode h3 atau h2, karena kemungkinan akan berbeda untuk setiap template. Sebagai contoh lihat kode di bawah ini :
h3.post-title {
font: $(post.title.font);
margin: 0;
}
- Untuk membuat judul artikel menjadi rata tengah tambahkan kode text-align:center; sehingga kodenya menjadi seperti ini :
h3.post-title {
font: $(post.title.font);
margin: 0;
text-align:center;
} - Atau kemungkinan anda akan menemukan kode seperti di bawah ini :
h2.date-header{margin:1.5em 0 .5em;display:none;} .post-title{margin:0 0 8px 0;padding:10px;line-height:24px;font-size:24px;font-family:Kaushan Script,Arial,Helvetica,Sans-serif;color:#303030;font-weight:bold;text-align:left;text-shadow: 4px 4px 4px #aaa;}
- Maka anda tinggal merubah kode text-align:left menjadi text-align:center
h2.date-header{margin:1.5em 0 .5em;display:none;} .post-title{margin:0 0 8px 0;padding:10px;line-height:24px;font-size:24px;font-family:Kaushan Script,Arial,Helvetica,Sans-serif;color:#303030;font-weight:bold;text-align:center;text-shadow: 4px 4px 4px #aaa;}
- Setelah selesai merubahnya klik tombol Simpan template >> Tutup jendela kode HTML
semoga bermanfaat
ayo tukaran link dengan blog ku
cara membuat link friend
4 comments
Gan, ane mau nanya, kalo buat widget TOTAL PENAYANGAN jadi rata di tengah gimana,,,??? BUKAN JUDUL WIDGETNYA LO....
kl it emang langsung gan, saya aja pas prtma bwat lngsung rata tengah dy gan , , ,
Gan tlong share cara buat Gadget ganti background ithu dong
@rendi, iy gan tnggu aja ia nnti saya posting cara nya , , ,