Kali ini aku mau sharing cara mempercantik tulisan judul di sidebar, kayak punyaku di samping kanan ini lho. Tujuannya untuk mempermudah pengunjung dalam navigasi di blog kita, misalnya mau mencari popular post atau label tulisan, kalau judulnya dibuat berbeda pasti lebih cepat mencarinya.
Pada template yang standar mungkin tampilan sidebar akan seperti ini.
Tulisan rata di sebelah kiri, dan background berwarna putih polos. Nah sekarang aku mau share cara membuat tulisannya berada di tengah dan ditambah dengan background yang berwarna.
Pertama, pada dashboard blogspot, klik Template. Jangan lupa backup dulu sebelum mengutak-atik ya. Lalu klik Customize.
Klik Advance lalu pilih Add CSS.
Lalu copy paste kode ini. Kalau di kolom ini sudah banyak code yang lainnya, letakkan saja di paling akhir. Jangan lupa klik Enter dulu untuk memisahkan dari code sebelumnya.
.sidebar h2 {
background:#FFF8C6;
color:#000000;
font-size: 16px;
text-align: center;
text-transform: uppercase;
}
Untuk warna background bisa disesuaikan dengan tema warna blogmu, pilihan warna dan codenya bisa dilihat DISINI. Color untuk warna tulisan. Font size untuk menentukan besarnya huruf yang dipakai sebagai judul, bisa diatur sesuai keinginan. Text allign untuk menentukan posisi peletakan tulisan, mau ditengah atau dipinggir. Text transform untuk menentukan tipe tulisan, karena aku menggunakan huruf kapital maka aku tulis uppercase, untuk huruf kecil bisa ditulis lowercase.
Sekarang tampilan judul di sidebarmu sudah lebih rapi dan lebih menarik.
Happy blogging ^_^
Sekarang tampilan judul di sidebarmu sudah lebih rapi dan lebih menarik.
Happy blogging ^_^
Thanks for sharing, Mbaaak.. :D
ReplyDeleteTapi blog ku aneh deh. Dulu sempet copy paste kode di menu css, tapi tetep aja ngga mau blognya. Ngga ngaruh en ngga ada bedanya. Huhuhu.. Blog ku sentimen! T_T
wah kenapa ya, templatenya mungkin
DeleteCantik mbak...ntar mau nyoba ah :)
ReplyDeletesilahkan mbak :)
Deletesipp..makasih tutorialnya mbk^^
ReplyDeletesama-sama :)
DeleteMakasih ilmunya. Kapan-kapan pengen di coba ah, siapa tahu berhasil.
ReplyDeleteselamat mencoba :)
Deletemakasih infonya mbak indah...kapan2 perlu dicoba...mudah2an bisa di masuk di templateku hihi...
ReplyDeletesama-sama mbak :)
Deletewah...bisa dicoba ini tipsnya...makasih ya mbak.salam kenal
ReplyDeletesalam kenal juga, selamat mencoba ya :)
Deletebagus tutorialnya mbak..salam kenal ya :)
ReplyDeletesalam kenal :)
DeleteMaakkk makasih yaa tipsnya. udah aku praktekan di blogku. horeee :)
ReplyDeletehoreee ^_^
DeleteKalo udah moding template rasanya pingin ini itu. Jadi bikin loading berat kak.
ReplyDeleteiya sih kadang-kadang gitu
DeletePengennys sih template feminin. Tapi gak pantes buat cowok :D
Deletecari yang feminin tapi warna maskulin hehehe :D
DeleteIni template bawaan blogger. Kalau yang udah udah sulit kak... Pake script html :3
ReplyDeleteaku juga pake template blogger :)
DeleteSip mba tipsnya. Terimakasih banyak
ReplyDeletesama-sama :)
Deletekalo mau ganti fontnya, di Advance cari yang Gadget, nanti bisa pilih jenis font
ReplyDeletekalo unkuran fontnya tinggal ganti font size :)
setahuku kalau tulisan judul sidebar jadi satu sama font tanggal di atas judul, gantinya yang di Advance kan?
ReplyDeleteTerima kasih mbak buat ilmunya :) sangat bermanfaat
ReplyDeletesama-sama mbak citra :)
Deletemba dona aku udah coba css-nya, aku mau nanya ko di sidebar aku gk bisa rapi kaya punya mb dona ya, templatenya yg beda atau gimna ya mba.
ReplyDeleteterimakasih
Kalau aku lihat sih kayaknya sama mbak, bedanya gimana?
DeleteOiya mba dona, kmin aku yg slah, nah aku pake layoutny ternyata twoside, aku bingung sendiri pas aku cek lagi ada ternyata yg pake oneside, langsung aku ganti deh.. hhe
DeleteDia mba aku masih bingung cara atur warna sm bentuk judul sidebarny, punya mb dona bisa jadi warna merah, itu settingny dimana ya mba?
Tinggal diganti code untuk backgroundnya, code warnanya bisa dilihat di link yang aku tulis ^^
Deletewaaaaa ibu, ini membantu sekaliii terimakasih <3
ReplyDeletesama-sama ^^
Delete