Trims telah datang di @ku dewe

Arsip Blog

Selasa, 03 Januari 2012

Membuat area sidebar dalam kotak terpisah

Pasti kebanyakan para blogger udah tau yang mana sidebar. apalagi setiap harinya edit-edit tamplate tentu udah pada hafal dong. jadi nggak perlu di jelaskan lagi. sidebar dalam kotak terpisah artinya adalah menambah pembatas disekeliling sidebar agar terpisah dari area sekitarnya. untuk lebih jelas nya anda bisa lihat contoh di bawah ini.
Sidebar tanpa baris pembatas.Sidebar dengan border pembatas



Untuk membuat nya sangat lah mudah.

  • Log in dulu ke blogger
  • Tata letak
  • Edit HTML
  • Cari kode
    .sidebar .widget, .main .widget {
    border-bottom:1px dotted $bordercolor;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
    }
  • Temukan yang hampir sama dengan kode diatas
  • Setelah ketemu hapus kode diatas ganti dengan kode dibawah ini.
    .sidebar .widget {
    background:#ffffff;
    border:1px solid #0B610B;
    margin:0 0 0.5em;
    padding:0.5em;
    font-family:"Trebuchet MS";
    }
  • Silahkan di modifikasi lagi sesaui dengan warna tamplate blog anda.
  • Setelah itu simpan template anda dan liat hasilnya.
Selamat mencoba........
cara membuat sidebar dalam kotak terpisah di blog, langkah memberi sidebar dalam kotak terpisah, membuat jarak kotak sidebar terpisah di blogspot, tutorial sidebar dalam kotak terpisah, sidebar dalam kotak terpisah tutor, cara memasang sidebar dalam kotak terpisah.

Komentar :

ada 0 komentar ke “Membuat area sidebar dalam kotak terpisah”

Posting Komentar

Berlangganan article via Email:

Pengunjung

MySpace Hit Counter

<a href=http://www.dennyglobal.co.cc>Denny Clocks</a>

Statistika

border="0" free counters

Radio

Photobucket
 
Now Playing:
Loading...
Powered by: radio online indonesia
 
Related Posts Plugin for WordPress, Blogger...
Berlangganan article via Email:

IP

Recent Comment

Recent Post

 

JOIN WITH US

Recent Post

JOIN WITH US

Copyright © 2012 Design by @ku dewe| Powered by Tutorial Blog , Games , Movies