Mengubah Tampilan Judul Sidebar - E-Learning With Blog
Headlines News :
Home » » Mengubah Tampilan Judul Sidebar

Mengubah Tampilan Judul Sidebar

Written By Ahmad Nurhakim on Sabtu, 07 Januari 2012 | 21.43

Pada kali blogtegal akan menerangkan tentang cara mengubah tampilan judul sidebar. Contoh pada blog ini terlihat pada sidebar sebelah kiri dg background berwarna merah, anda juga bisa menambahkan variasi lai pada judul sidebar, bisa di buat huruf besar semua, bisa di buat berjalan, bisa di buat background berwarna seperti blogtegal ini, apakah anda tertarik untuk membuatnya, lets duit :d do it kamsudnya.


  • login ke dashboard blogger.
  • pilih Rancangan »» edit HTML
  • download template lengkap dulu, barangkali terjadi kesalahan bisa di upload ulang.
  • 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 apabila ada yg kurang jelas bisa bertanya pada kotak komentar,key.
kata kunci postingan, mengatur tampilan judul sidebar, membuat judul sidebar berwarna, cara memvariasikan judul sidebar, sidebar oh sidebar, trik variasi sidebar,edit tampilan sidebar.
<p>Your browser does not support iframes.</p>
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

SubScriber

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Add to Google Reader or Homepage

Join Member

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. E-Learning With Blog - All Rights Reserved
Template Design by Creating Website Published by Mas Template