Hai Sobat sekalian kita berjumpa kembali dengan saya disini untuk mengupas beberapa hal untuk anda semua khususnya yang punya blog atau sejenisnya yang senang dengan utak atik tempale blog hati-hati ada rusak tau lho tanggung sendiri. pada kesempatan kali ini saya membahas mengenai Sidebar yaitu mengubah tampilan sidebar.
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
Dibawah ini beberapa code CSS yang akan merubah tampilan sidebar blog anda berikut inilah codenya silakan copy pada blog anda
Carilah kode CSS berikut (gunakan Control F atau F3): ketik sidebar h2
Membuat Judul Sidebar Berada Di Tengah
Membuat Judul Sidebar Berefek Bayangan
Membuat Judul Sidebar Berkedip Contoh Sidebar berkedip
Mengubah Jenis, Ukuran, dan Warna Teks
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0
Bagai mana bisakan selamat mencoba semuga berhasil jangan lupa komentarnya ya
Pengantar artikel sebagian dirubah dari aslinya tapi code CSS 100 % asli.Didapat dari : Teman
....
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
Dibawah ini beberapa code CSS yang akan merubah tampilan sidebar blog anda berikut inilah codenya silakan copy pada blog anda
Carilah kode CSS berikut (gunakan Control F atau F3): ketik sidebar 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;
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;
text-shadow:2px 2px 2px #777777;
Membuat Judul Sidebar Berkedip Contoh 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;
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
Bagai mana bisakan selamat mencoba semuga berhasil jangan lupa komentarnya ya
Pengantar artikel sebagian dirubah dari aslinya tapi code CSS 100 % asli.Didapat dari : Teman
....
hemmm... pilih mn ea???
bagusan efek bayangan apa berkedip??
knp gag dikasih hasil contohnya sekalian kag??? kan biar tau :D
makasih yah infonya :D
oh gitu ya caranya... makasih
Mantap Triknya Gan... Tx
oowh gto toh...bkinya....
mudah y gan...
nice...
Yes, berhasil
mkasih....
thx infony,,
makasih ya trik nya !
makasih yaa triknyaa/..,
wah kalau nggak ada sidebar h2 nya gmana gan.......
Thx ya , aku copy scriptnya dulu mau di praktekin di blog sy