Cara Mengubah Tampilan Sidebar

Hello sobat t'Net!! pa kabrnya hari ini? yang pasti kabr sehat-sehat selalu. Pada kesempatan kali ini saya ingin mengajak teman-teman untuk merefres otak kita dari banyaknya kegiatan kita hari ini dengan berbagai tulisan yang menarik, apalagi buat kamu yang doyan dengan BLOG. Saat kita tidak merasa nyaman dengan kegiatan kita, jangan dipaksakan karena itu akan membawa dampak yang buruk kepada kita. Jadi jika teman-teman merasa tidak nyaman, kunjungi blog ini, karena masih banyak tutorial/tips2 blog yang akan say berikan kepada teman2. Oke langsung saja ke pokok pembahasan. 

Saat ini say ingin memberikan sedikit informasi bahwa untuk memperindah sidebar blog kita, harus dengn memberi seni2 yang dapat memberikan nilai yang membangkitkan semangat  kita. Heee

Salah satunya adalah dengan memberi bayangan pada judul sidebar kita, seperti gambar di bawah ini:

Gambar 1, Tulisan mempunyai bayangan.

Teman pasti ingin menampilkan seperti tulisan sidebar yang ada di gambar itu kan?.

Nah untuk itu ikuti langkah2 di bawah ini.

• Masuk ke blogger dengan ID saudara
• Pada dasbor anda, silahkan anda pilih Rancangan
• Edit HTML
• Carilah kode CSS berikut (gunakan Control F atau F3):

.sidebar h2

Jika kolom sidebarnya ada 2, maka biasanya kodenya seperti ini: 

.sidebar1 h2 dan .sidebar2 h2

Atau seperti ini:

.sidebarA h2 dan .sidebarB h2

Jika masih blom ketemu, silahkan coba kode seperti ini:

.widget h2

Atau seperti ini:

#sidebar .widget h2

Nah setelah itu, kita akan memberikan macam-macam modifikasi buat judul sidebar kita. yaitu:

• Membuat Judul Sidebar menjadi di Tengah

Jika kode yang anda cari telah ketemu, maka tambahkan tulisan berwarna merah di samping kode tersebut. 

Contohnya adalah:

.sidebar h2 { text-align:center;

• Membuat Judul Sidebar Berkedip

Jika kode sudah ketemu, silahkan masukkan kode berwarna merah disamping kode tersebut.

Seperti contoh di bawah ini:

.sidebar h2 { text-decoration:blink;

• Membuat Judul Sidebar Mempunyai Bayangan

Jika kodenya telah ketemu, silahkan anda masukkan kode berwarna merah di bawah tepat disamping kode yang anda cari tadi.

Seperti contoh berikut:

.sidebar h2 { text-shadow:2px 2px 2px #777777;

Nah gitu aja tipsnya, mudah kan?

Semoga anda berhasil. 

.::Tq ::.