27 Mar 2014

Cara Memperindah Sidebar Blog Terbaru 2014

  • Sign in di blogger.com
  • Pada menu drop down pilih template
  • BackUp Template sobat terlebih dahulu.
  • Kalau sudah di BackUp, Klik Edit HTML dan klik Proceed
  • Cari kode ]]></b:skin>
  • Tempatkan kode berikut tepat di atasnya :
.sidebar h2 {
font-size:110%;
font-weight:bold;
color:#ffffff;
text-transform:uppercase;
text-align:center;
background:#2281C4;
border-radius: 15px;
}
  • Simpan template sobat
Untuk Kostumisasi:
  1. Kode #ffffff adalah kode warna teks dan #2281C4 adalah background judul sidebar. Silahkan di ganti dengan warna yang sobat blogger inginkan. Lihat kode Warna disini : Hex Color Code
  2. Ganti kata center menjadi left kalau sobat blogger ingin merubah posisi judul sidebar menjadi sebelah kiri.
  3. Untuk merubah lengkungan atau border, hapus kode border-radius: 15px; dan ganti dengan kode berikut :
  4. -moz-border-radius: 1em 4em 1em 4em;
  5. border-radius: 1em 4em 1em 4em;

No comments:

Post a Comment