Wednesday 20 June 2018

Tutorial Memperbagus Sidebar

Assalamu'alaikum warohmatulloh wabarokaatuh Sobat saya punya code untuk mempercantik side bar widget  template bawaan bloger
kalau mau Dibawah ini code nya

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

.main-inner .sidebar .widget-content {
margin: 0px;
padding: 2px 2px;
text-align: justify;
text-decoration: none;
border: 1px solid #674ea7;
border-radius: 4px;
box-shadow: 1px 1px 6px 1px #3d85c6;
background: #ffffff;
}

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



Bagaimana Cara nya Berikut Tutorial nya


Sebelum nya saya ingat kan back up template  dulu  diatas ,sebelum hal yang tidak di inginkan  lanjuut

Masuk ke dasboard bloger
klik tema/template
edit html
biar cepat
didalam code template  tekan CTRL + F

supaya kotak search keluar

lalu copy code dibawah ini

]]></b:skin> 

Pastekan code tersebut dikotak search tekan enter

jika sudah keliatan ]]></b:skin>  di  code template bloger copy code diatas

lalu di pastekan DIATAS code  ]]></b:skin>

Pratinjau kalau berhasil save
Contoh nya lihat tampilan  di sebelah kanan di blog saya ini
ok hanya ini yang bisa saya berikan code ini saya dapat dari  di blog Zona Cerdik

Selamat mencoba

Alhamdulillah Catatan sederhana Tutorial Memperbagus Sidebar Telah selesai Mohon maaf jika Ada kesalahan Wasalamu'alaikum warohmatulloh wabarokaatuh