Sama halnya pengertian pada posting terdahulu yaitu tentang cara membuat area posting dalam kotak terpisah. Bedanya kali ini yang akan kita buat kelihatan terpisah adalah elemen sidebar blog kita. Tri k ini saya ambil dari Bang del dan sudah saya praktekan di blog ini, sekarang gantian saya share barangkali ada teman-teman yang kebetulan mampir dan membutuhkannya. Tujuannya adalah jelas satu agar setiap widget dengan widget yang lain pada sidebar terlihat terpisah. OK kita langsung menuju ke tutorialnya saja.
- Pertama, Login ke akun blogger teman-teman
- Pada Dashboard pilih Tata Letak - Edit HTML
- Jangan lupa centang kotak Expand Template Widget
- Untuk mengantisipasi terjadinya kesalahan yang fatal mungkin, Back up template dengan Download Template Lengkap
- Cari kode kurang lebih seperti di bawah ini [teman-teman fokus mencari pada kode yang berwarna hijau saja]
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
} - Hapus kode di atas lalu ganti dengan kode di bawah ini
.sidebar .widget{
background:#fff url(http://i45.tinypic.com/2zeyulg.jpg) repeat-x top left;
border:0px solid #000;
margin:0 0 0.5em;
padding:0.5em;
font-family:"Trebuchet MS"} - Klik pratinjau atau langsung klik Simpan Template dan lihat hasilnya.
Jika tampilan tidak sesuai dengan design template kita, maka langkah selanjutnya adalah menyesuaikan dan sedikit mengedit kode-kode tadi. misalkan warna atau imagenya. Selamat mencoba dan berkreasi. untuk melihat contoh demonya [he he he..contoh tampilannya aja ya...] bisa lihat di blog saya ini
Demikian artikel tentang Area sidebar Blog terlihat seperti terpisah-pisah ini dapat kami sampaikan, semoga artikel atau info tentang Area sidebar Blog terlihat seperti terpisah-pisah ini, dapat bermanfaat. Jangan lupa dibagikan juga ya! Terima kasih banyak atas kunjungan nya.
