Cara Merubah Tampilan Judul Sidebar

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

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: Arial
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0

Bagai mana bisakan selamat mencoba semuga berhasil jangan lupa komentarnya ya....!!!!







copas dari :

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

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: Arial
font-size: ukuranpx; Misalnya: 14px
color: #kode warna; Misalnya: #BCBEB0

Bagai mana bisakan selamat mencoba semuga berhasil jangan lupa komentarnya ya....!!!!







copas dari :