Masih suka utak-atik template? Memang, jika kita seneng mengutak-ngatik template blog rasanya ada saja yang kurang dengan penampilannya. Nah, berikut ini ada beberapa trik untuk mengubah tampilan pada judul sidebar. Sobat tahu sendiri, umumnya template-template yang ada selalu menempatkan judul sidebar-nya di sebelah kiri dan terlihat biasa. Dengan trik ini, mungkin yang "terlihat biasa" itu akan menjadi luar biasa, hehehe...
Untuk mengubah tampilan judul sidebar ini sebenarnya cukup mudah, kamu hanya tinggal menambahkan sedikit perintah saja pada CSS-nya. Hanya saja dalam mencari kode CSS judul sidebar ini diperlukan ketelitian karena tidak semua template menggunakan kode yang sama. Namun yang pasti, kata sidebar selalu sama untuk semua template (itu yang saya tahu. Mungkin ada sobat yang mau memberikan koreksi?).
Bagi kamu yang tertarik ingin mengubah tampilan judul sidebar, kamu bisa mengikuti langkah-langkah berikut:
Carilah kode CSS berikut (gunakan Control F atau F3):
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0
Nah, segitu aja sob, semoga bermanfaat dan bisa dimengerti.
Selamat mencoba....
Untuk mengubah tampilan judul sidebar ini sebenarnya cukup mudah, kamu hanya tinggal menambahkan sedikit perintah saja pada CSS-nya. Hanya saja dalam mencari kode CSS judul sidebar ini diperlukan ketelitian karena tidak semua template menggunakan kode yang sama. Namun yang pasti, kata sidebar selalu sama untuk semua template (itu yang saya tahu. Mungkin ada sobat yang mau memberikan koreksi?).
Bagi kamu yang tertarik ingin mengubah tampilan judul sidebar, kamu bisa mengikuti langkah-langkah berikut:
Carilah kode CSS berikut (gunakan Control F atau F3):
.sidebar h2
Jika kolom sidebar-nya ada 2 (dua), biasanya kodenya seperti ini:
.sidebar1 h2 dan .sidebar2 h2atau seperti ini:
.sidebarA h2 dan .sidebarB h2Jika masih tidak ketemu, coba cari kode seperti ini:
.widget h2
atau seperti ini:
#sidebar .widget h2
Membuat Judul Sidebar Berada Di Tengah
Jika kode tersebut sudah kamu temukan, dan kamu ingin menempatkan judul sidebar berada di tengah-tengah, tambahkan perintah text-align:center kedalamnya.
Contohnya seperti ini:
.sidebar h2 { text-align:center;atau disusun ke bawah, seperti ini:
.sidebar h2 { text-align:center;
Membuat Judul Sidebar Berefek Bayangan
Tentu kamu masih ingat cara memberikan efek bayangan pada teks. Nah, untuk membuat judul sidebar supaya ada efek bayangannya kamu tinggal menambahkan perintah text-shadow.
Contohnya seperti ini:
.sidebar h2 { text-shadow:2px 2px 2px #777777;
Membuat Judul Sidebar Berkedip
Jika kamu ingin membuat judul sidebar ini berkedip-kedip, kamu tinggal menambahkan perintah text-decoration:blink.
Contohnya seperti ini:
.sidebar h2 { text-decoration:blink;
Mengubah Jenis, Ukuran, dan Warna Teks
Jika kamu ingin mengubah jenis, ukuran, dan warna teks judul sidebar, kamu tinggal mengubah perintah-perintah berikut:
font: jenis huruf; Misalnya: Arialfont-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0
Nah, segitu aja sob, semoga bermanfaat dan bisa dimengerti.
Selamat mencoba....
24 komentarPosting Komentar
Gimana kalau membuat 'isi' sidebarnya ke posisi centre ?
sidebar itu yg mana yang kang?
assalamu'alaikum, Kang ...
punten nembe sindang deui, maklum nuju pabaliut sareng tugas. PR abi tos 3? Timana sareng kumaha ningalna, Kang? Beu!! Maaf rada lelet mikir hehe ...
mmm...ternyata gitu y mas.
mksh bnyk nich y mas atas info nya..
hatur nuhun..
wah aku masih bingung mas, maklum masih newbie
Ternyata sidebar juga bisa di'otak-atik' to..?
Baru tahu nih hehehe
izin kami simpan
@Rep Putra:
Supaya isinya ada di tengah, jika gadgetnya pake HTML/JavaScript, bisa menambahkan perintah <center> di awal script yg dimasukkan, dan ditutup pake </center>
Atau bisa juga melalui HTML template, caranya: centrang Expand Widget Template, trus cari kode <div class='widget-content'> lalu ubah menjadi class='widget-content' style='text-align:center'>.
@Rep Alrezamittariq:
Sidebar itu yang untuk widget atau gadget sob.
@Rep Annie:
Cobian ka popuri.us atanapi prchecker.info ceu...
@Rep BlogPuisi:
Sama-sama sob...
@Rep Arem:
Tenang sob, ntar juga ngerti, hehehe...
@Rep Reni:
Bisa mbak, semuanya biasa diutak-atik kok, hehehe...
@Rep Aryadevi:
Siiip...
sudah sy terapkan..
makasih info nya,
wah, ini baru main CSS..!
Wah bagus mas triknya..
oke mas enes...sukses selalu ya mas buat blog dan ilmu nya yang terbaru..
hhe..
aku nggak control c kan tapi printscreen imagenya supaya bisa aku pake untuk blogku salam
aya aya wae si akang mah kreasina.....keun aya waktos mah engke urang utak atik ah.....
nuhun kang info PR na .....langsung luncat ka3....he..he...
pingin nyoba jadinya, terima kasih sharing ilmmunya...
salamualaikum kang bade naroskeun pan abi ngango buku tamu buka tutup.
tapi aneh ayeuna mah janten teubuka tutup janten tampilan biasa wae shotmix na teh ,, kinten kinten kunaon nya sebab na sareng widgeo janten teu aya deuih ...hatur nuhun di antos waleranna salam...
ka palihan sukabumi
@Rep Semua:
Makasih sob atas komentarnya.
@Rep Ahmadsyah:
Waleranna tos ditulis di komentar blog sobat.
Terima kasih infonya sobat :)
bari jeung utag atog oge....alhamdulillah....kapendak geuningan.....
ayeuna mah widget sidebarna ngumpul di tengah....
kok gk ketemu2 kode sidebarnya gk ada yang sama
@Rahmatea:
Syukur atuh ari kapendak mah kang...
@Ikhsan:
Setiap template suka berbeda kodenya sob. Kalo gak ada kode-kode yang saya sebutkan di atas, coba cari kode sidebar-wrapper h2
blog anda sangat bagus, kaya dengan ilmu dan pengetahuan... salut dengan anda salam kenal dari saya.
izin coba dulu ya gan,
ow sekalian tukaran banner y gan, ane sudah pasang banner agan cek disini http://proners.blogspot.com/2011/09/mari-bertukar-link.html
keren gan templatenya :D visit back gan,di tunggu loh!
Blog tips dan trik komputer,internet gratis, sms gratis,Chord Gitar
Situs Film Porno lengkap
Share tips dan trik Blogger dan internet
Kumpulan Forum Jual beli,dan jadwal bioskop terbaru
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.