membuat sidebar terpisah dalam kotak-kotak

Salah satu trik untuk menarik minat pengunjung adalah membuat tampilan blog yang menarik,salah satu cara  membuat blog tampak menarik adalah membuatnya kelihatan simple dan cara terbaik membuat blog kelihatan simple adlah dengan mengelompokkan setiap bagian blog...dan cara mengelompokkan itu adalah dengan memisahkannya sehingga tampak dalam kotak-kotak yang terpisah satu sama lain membuat widget sidebar tampil dalam kotak-kotak yang terpisah akan membuat blog tampak lebih rapi. 
Cara membuat blog terpisah dalam kotak-kotak adalah dengan membuat border pada setiap sisi untuk setiap widget pada sidebar.

Bagi yang tertarik untuk membuat widget blog-nya tampil dalam kotak-kotak yang terpisah, silakan ikuti langkah-langkah berikut.

1. Log in ke akun blogger.

2. Setelah masuk ke akun blogger, kemudian klik menu "Rancangan" atau "Design"

3. Klik "Edit HTML" untuk masuk ke halaman pengeditan kode template.

4. Centang kotak kecil yang berada di sebelah kiri kalimat "Expand template widget" kemudian back up (copy paste) seluruh kode template di notepad. Untuk berjaga-jaga jika terjadi kesalahan dalam pengeditan kode template.

5. Temukan kode berikut ini atau yang mirip dengan kode berikut ini :

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

6. Ganti kode diatas dengan kode berikut ini :

.main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

.sidebar .widget, .main .widget {
border:1px solid;
margin:2px;
padding:3px;
}

7. Klik "Pratinjau" atau "Preview" untuk melihat hasilnya.

8. Simpan template

9. Selesai

Jika ada yang kurang jelas hubungi saya melalui kontak saya,kolom komentar atau guest book.
Terima kasih ..
Semoga bermanfaat...


Sobat perlu baca yang ini juga:

1 komentar:

  • dion

    belum ada komentar, silahkan tambahkan komentar atau pertanyaan anda.

    jawab
  • Posting Komentar

    silahkan tinggalkan pesan !!!