Senin, 14 Mei 2012

Variasikan Judul Sidebar Blogspot

Dems Teknologi | kali ini membahas tentang cara mengubah tampilan judul sidebar, anda minat kawan? yu jangan banyak basa-basi langsung ke permasalahan.


  • login ke dashboard blogger.
  • pilih Rancangan »» edit HTML
  • kode default tampilan judul sidebar seperti ini »» 

.sidebar h2 {
. . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . , . .
. . . . . . . . . . . . . . . . . .
}

  •  untuk membuat tampilan judul sidebar berwarna, tambahkan kode font-color:#BB0000; ini akan menghasilkan judul tulisan sidebar menjadi berwarna merah, contohnya »
  •  .sidebar h2 { 
    font-color:#BB0000; } 
  • untuk membuat tampilan judul sidebar mempunyai background berwarna tambahkan kode background:#BB0000; ini akan menjadikan background berwarna merah pada judul sidebar, seperti blogtegal ini, contohnya »
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; } 
  • kita singkat saja artikel ini,
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; 
    font-size:120%;  } 
    bisa juga di ganti dg misalnya font-size:13px;
  • membuat judul sidebar berada di tengah.
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; font-size:120%;  
    text-align:center; } 
  • membuat border pada kotak judul sidebar. Contohnya »
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; 
    font-size:120%; text-align:center; 
    border:1px solid #000;  } 
  • membuat tulisan judul sidebar menjadi besar semua secara otomatis. Contoh nya»
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; 
    font-size:120%; text-align:center; 
    border:1px solid #000;
    text-transform:uppercase;  } 
  • membuat tulisan judul sidebar menjadi tebal. Contoh nya»
     .sidebar h2 { 
    font-color:#BB0000; background:#BB0000; 
    font-size:120%; text-align:center; 
    border:1px solid #000; text-transform:uppercase; 
    font-weight:bold;  } 
kayaknya sudah cukup untuk kali ini tentang mengatur tampilan judul sidebar deh kawan.

Sumber :  http://www.blogtegal.com

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | coupon codes