cara mudah edit judul sidebar pada blog

cara mudah edit judul sidebar pada blog

Assalamualaikum.
Seperti yang kita ketahui sidebar di blog pada umumnya terletak di bagian sisi kanan atau kiri blog yang didalamnya terdapat widget semisal label,popular post,arsip dan lain sebagainya.
Bagi anda yang tengah mengedit sebuah template blogger dengan menggunakan template simple yang disediakan oleh blogger.com,tentunya anda akan ,erasa sedikit bingung dalam mengedit judul sidebar,
Maka di tutorial kali ini saya akan share cara mudah mengedit judul sidebar pada blog agar tanpilan judul sidebar di blog anda lebih menarik dan berbeda dari blog lainnya.

Berikut cara mudah mengedit judul sidebar pada blog.
1.Pertama-tama yang anda harus lakukan adalah masuk ke halaman dashboard blog anda di www.blogger.com dengan menggunakan akun blogger yang anda miliki.
2.Setelah masuk ke halaman dashboard,silahkan anda klik nama blog yang anda miliki (apabila anda memiliki blog lebih dari 1).Contoh seperti gambar dibawah ini.
cara mudah edit judul sidebar pada blog

3.Di halaman berikutnya silahkan anda klik template,seperti contoh gambar dibawah ini.
cara mudah edit judul sidebar pada blog

4.Selanjutnya anda klik edit HTML,seperti contoh gambar dibawah ini.
cara mudah edit judul sidebar pada blog

5.Nanti anda akan bertemu dengan struktur kode-kode yang membentuk template blog anda.Silahkan anda cari kode 
]]></b:skin>
Agar lebih mudah dalam pencarian kode anda bisa menggunakan CTRL+F (jika anda menggunakan komputer).
6.Silahkan anda masukkan kode berikut ini tepat diatas ]]></b:skin>.
.sidebar h2 {
border:1px solid #0B8AF9;
text-transform:uppercase;
font-size:20px;
line-height:1.5em;
background :#212121;
text-align:center;
}

keterangan:
  • .sidebar h2 adalah kode css untuk judul sidebar.
  • border adalah garis yang berada di sisi teks judul sidebar.Anda dapat menggantinya dengan  style border yang anda sukai,semisal border-bottom (garis bawah),border-top (garis atas),border-left (garis di sisi kiri),border-right (garis sisi kanan).
  • 1px adalah ketebalan border.Anda bisa menggantinya sesuai dengan ukuran ketebalan yang anda inginkan semisal 2px,3px dan seterusnya.
  • solid adalah jenis border.Anda dapat menggantinya dengan kode dotted (garis titik-titik),dashed (garis strip).
  • #0B8AF9 adalah kode warna.Anda dapat menggantinya dengan kode warna yang anda inginkan.
  • text-transform adalah jenis huruf kapital.Anda dapat mengganti kode uppercase (huruf besar semua) dengan kode lowercase (huruf kecil semua) dan capitalize (huruf besar semua).
  • background adalah warna latar belakang teks,anda bisa mengganti kode warna #212121 sesuai dengan kode warna yang anda inginkan.
  • text-align adalah posisi teks.Anda dapat mengganti kode center (posisi teks di tengah) dengan kode left (posisi teks dari kiri) dan kode right (posisi teks dari kanan)
7.Jika anda telah selesai mengedit,berikutnya anda klik save atau simpan dan kunjungilah blog anda untuk melihat hasilnya.

Demikianlah cara mudah mengedit judul sidebar pada blog,tentunya hasil pengeditan akan bervariasi karena ide seseorang itu berbeda-beda dan saya yakin anda lebih kreatif daripada saya.Anda juga  bisa menambah kode-kode warna gradient yang anda suka,jenis font yang berbeda dan lain sebagainya karena saya juga yakin jika anda sudah mahir nanti,maka anda akan lebih baik lagi daripada saya.
Bagaimana? menarik bukan?
Terimakasih telah berkunjung dan semoga bermanfaat.
Assalamualaikum.

Berkomentarlah dengan kata-kata yang baik dan dilarang mencantumkan link berbau pornografi,iklan