Modifikasi Bentuk Sidebar

Salah satu cara untuk menarik simpati pengunjung sebuah weblog yaitu dengan cara memperindah atau mempercantik tampilan blog kita. sebuah blog yang di hujani dengan berbagai macam widget / gadget yang dipasang tidak beraturan kadang justru membuat pengunjung blog tidak menyukai hal tersebut. Jadi sebagai saran, tata dengan rapi blog anda sehingga terlihat nyaman ketika pengunjung atau tamu blog datang menghampiri blog anda.

Cara lain yang sangat simple adalah dengan mengolah ruang sidebar anda terlihat berbeda. contohnya seperti blog ini. (lihat gambar)


kolom sidebar pada blog saya ini tidak lagi berbentuk segi empat (kotak), tetapi saya modifikasi seperti ini.
jika anda berminat untuk membentuk kolom seperti ini, saya akan memberikan tips singkatnya sebagai berikut :

  • Masuk ke Design / Rancangan
  • Klik di bagian Edit HTML
kemudian cari script    .sidebar .widget {
atau jika anda belum mempunyai .sidebar .widget { , silahkan anda buat seperti dibawah ini (kode warna sesuaikan dengan kemauan anda)

.sidebar .widget {
  background:#EDF1F4;
  border:4px solid #EDF1F4;
  margin: 1.0em 0 .0em;
  padding:0.3em;

}

selanjutnya anda pasang radius sidebar dibagian bawah dari kode diatas. Radius yang saya maksudkan adalah seperti ini
border-radius: 0 .5em 3em;
background-radius: 0 .5em 3em;
sehingga hasilnya seperti ini
.sidebar .widget {
  background:#EDF1F4;
  border:4px solid #EDF1F4;
  margin: 1.0em 0 .0em;
  padding:0.3em;
  border-radius: 0 .5em 3em;
  background-radius: 0 .5em 3em;

}
anda dapat mengubah nilai radius diatas sesuai keinginan anda. setelah selesai silahkan anda simpan hasil modifikasi template anda, kemudian lihat hasil akhirnya.
Share on :

4 komentar:

Tawang Akal said...

OKE BOYS :s

Panduan Belajar Blogspot said...

salam kenal sob, saya newbie blogspot ni..
artikelnya menarik, sgt berhubung dgn tingkat kreatifitas masing-masing blogger.
ditunggu komen + follow backny ya

Anonymous said...

@Panduan Belajar Blogspot

Trims Sob :q

andes said...

ditunggu komen anda + follow backnya ya

 
© Copyright Berbagi Inspirasi Seputar Dunia Blogger 2011 - Some rights reserved | Powered by Blogger.com.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates and Theme4all