Headlines News :
Home » » Mengatur Judul Sidebar

Mengatur Judul Sidebar

Penampilan judul sidebar dapat panjenengan rubah sesuai dengan keinginan, dengan tujuan agar tampilan lebih menarik pengunjung.
Kode awal untuk judul sidebar adalah .sidebar h2 { yang dibawahnya dapat ditambahkan kode-kode lain sesuai keperluan.
Cara untuk mengubah tampilan judul sidebar adalah sebagai berikut :

  • Masuk ke Blogger dengan ID panjenengan tentunya
  • Pilih Tata Letak
  • Pilih Edit HTML
  • Download Template Lengkap agar kita mempunyai data untuk template yang sedang di edit ini.
  • Silahkan cari kode .sidebar h2 { Tetapi perhatikan kode tersebut di bagian bawahnya, apakah sudah memiliki penambahan kode atau belum. Jika belum atau masih standar , coba diperhatikan kode sidebar dibawah ini yang telah dilengkapi dengan berbagai kode

.sidebar h2 {

font-size:110%;

font-weight:bold;

text-transform:uppercase;

text-align:right;

border: 1px solid #000;

background:#6df466;

padding;5px;

}


Penjelasan kode-kode tersebut sbb:

  • Kode font-size:110%; : berfungsi untuk mengatur besarnya huruf. Satuan yang digunakan bisa pakai % atau pixels (px). Angkanya dapat anda ganti sesuai keinginan
  • Kode font-weight:bold; : menunjukan judul yang tampil dengan huruf tebal. Kata bold dapat anda ganti dengan normal jika penampilanya tidak ingin tebal atau ganti dengan italic jika ingin penampilan hurufnya miring.
  • Kode text-transform:uppercase; : menunjukan bahwa huruf yang tampil semuanya berupa huruf kapital (besar). Anda dapat mengganti dengan kata lowercase (semuanya huruf kecil) atau capitalize (hanya huruf depannya yang besar).
  • Kode text-align:right; : Letak judul sidebar di bagian kanan. Anda dapat mengganti dengan left atau center.
  • Kode border: 1px solid #000; : berfungsi untuk menampilkan garis di sekeling judul sidebar. Anda dapat mengganti ukuranya dan warna dari garis tersebut.
  • Kode background:#6df466; ; untuk menampilkan warna latar dari judul sidebar. Ganti kode warnanya dengan warna kesukaan anda. Kode background silahkan ambil di sini
  • Kode padding;5px; : untuk memberi jarak antara bagian pinggir judul sidebar dengan tulisan judul sidebarnya, dengan maksud agar kelihatan tidak mepet ke bagian pinggir.
Silahkan anda coba untuk mengatur penampilan judul sidebar pada blog kesayangan anda
Jangan lupa setelah selesai klik Simpan Template.



Catatan : Jika pada template anda tidak ditemukan kode .sidebar h2 { coba anda cari kode h2 {. Belum ditemukan juga...... berarti anda harus menambahkan sendiri pada template.
Caranya cari kode


/* Headings
-------------------------------------- */


kemudian copy kode judul sidebar diatas dan paste tepat dibawahnya. Editlah kode tesebut sesuai dengan panduan diatas.

OK. Semoga berguna dan sukses serta terus semangat
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

Recent Post

Popular Posts

Dreaming IT News

 
Support : Dre@ming Post | Dre@aming Group | I Wayan Arjawa, ST
Proudly powered by Blogger
Copyright © 2011. research - All Rights Reserved
Template Design by Dre@ming Post Published by Hot News Seventeen