Selasa, 24 September 2013

Mengedit Dan Mempercantik Tampilan sidebar



sidebar
Sidebar adalah kolom-kolom di kanan atau kiri blog yang berisi label, arsip blog, informasi diri dll. Sidebar memudahkan menemukan artikel posting blog untuk ditemukan pembaca. Yang pernah saya baca, sidebar itu bagus kalau tempatnya di sebeloah kiri karena google robot merayap dari kanan ke kiri. Jadi kalau di tempatkan di sebelah kiri, Google Robot akan merayapi artikel postingan kita terlebih dulu. Jadi saran saya taruh sidebar ki sebelah kiri dan percantiklah. Berikut cara jika anda ingin mempercantik sidebar dengan memberi judul sidebar, efek bayangan pada judul sidebar, border dan brackground silahkan ikuti langkah berikut ini :



Cara Mengedit Dan Mempercantik Tampilan Sidebar :


1. Logging blog >> Template >> Sesuaikan
2. Tingkat lanjut >> Edit CCS
3. Copy dan pastekan kode berikut :

.main-inner .sidebar .widget h2 { 
 margin-top: 0px; margin-bottom: 0px;
 margin-left-value: 0px; 
 margin-right-value: 0px; 
 padding: 5px 5px; color: #ff0000 !important;
 text-align: center; 
 border: 0px solid #ff0000; 
 border-radius: 0px; 
 box-shadow: 7px 6px 7px 1px #3d85c6;  
 background: #6fa8dc; 
 }

.main-inner .sidebar .widget-content { 
 margin: 2px; padding: 2px 2px; 
 text-align: justify; 
 text-decoration: none; 
 border: 0px solid #ff0000; 
 border-radius: 0px; 
 box-shadow: 0px 0px 35px 0px #6fa8dc; 
 background:#ffffff; 
 }

.main-inner .widget ul, 
.main-inner .widget li,
.main-inner .widget ul li,
.main-inner .widget #ArchiveList ul.flat li { margin: 1px; padding: 4px; list-style: none; 
 }

Edit CCS tersebut sessuai keinginan anda.

1 komentar:

mohon memberi komentar dengan bahasa baku dan sopan.