Posted by : Karta_Jaya

Membuat kotak sidebar terpisah-pisah bukanlah hal yang sulit di dunia blogger. saat ini berbagai desain blog telha bermunculan. Contohnya mendesain kotak sedebar blog kita. Untuk lebih jelasnya, anda akan mengerti tips ini jika anda melakukan apa yang akan saya berikan kepada anda.
Untuk membuat kotak sidebar blog kita terpisah-pisah ikuti langkah-langkha berikut.

1. Login ke blogger dengan akun saudara
2. Pada dasbor blog, pilih Rancangan
3. Kemudian pilih Edit HTML
4. Cari kode yang mirip seperti ini

.sidebar .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
Biadanya kode di atas berada antara kode <head> ... </head>
5. Modifikasi kode tersebut menjadi seperti ini:
.sidebar .widget {
background:#fff;
border:1px solid #6E6E6E;
margin:0 0 1.5em;
padding:0.5em;
}
Artinya setiap widget yang kamu tambahkan dalam elemen sidebar akan dipisahkan (margin:0 0 1.5em;) sebesar 1,5em ke bawah. Kotak sidebar tersebut berlatar putih (#fff) dan memiliki garis tepi berwarna abu-abu (#6E6E6E), sedangkan jarak teks dengan tepi kotak (padding:0.5em;) sebesar 0.5em.


Kamu bisa membuat fersi kotak sidebar blog kamu, dengan melakukan editan pada kode tersebut

{ 13 komentar... read them below or Comment }

  1. Thanks infonya ya sob. Salam kenal...

    BalasHapus
  2. sob, kok pas ane cari di html ga ada yah ???? padahal udah pake ctrl-f tu

    BalasHapus
  3. Thanks informasinya Gan, sangat bermanfaat.

    BalasHapus
  4. Thanks sobat infonya, sangat membantu bagi blog saya.

    BalasHapus
  5. :X thanx om..sangat membantu sekali

    BalasHapus
  6. Wiiihh mantep tks gan

    http://sidetek.blogspot.com/

    BalasHapus
  7. Owh begitu mas ya? hmm baru ngerti saya

    BalasHapus
  8. wah info yang sangat bagus,,tapi susah gan praktekinnya barangkali ada video tutorialnya ane kesulitan nih,,bikin post baru kok ada di halaman bawah pos lama,,jadi jlek blog ane.......sewa villa di puncak harga 500 ribu

    BalasHapus

Tukaran Link Yooo...Silahkan Masukkan Nama dan URL Blog Kamu di Dalam Kotak di Bawah Ini. Silahkan Konfirmasi Saya di HUBUNGI KAMI untuk Melakukan Link Balik ke Blog Anda. Terima Kasih

Terima Kasih Telah Bertukaran Link Dengan Kami. Secepatnya Akan Kami Link Balik

Welcome to My Blog

Blog Archive

Tips Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.





Page Rank Checker Logo Forantum I Blogging Is My Life Photobucket Blogger Help Templates Widgets SEO Tips aRvaNs Site's WAHYOKU BLOG

Jika Sobat Menghapus Link TTB dari blog sobat, maka TTB-pun akan Berbuat hal yang sama. Adil kan?




Silahkan Anda Klik Salah Satu Link Iklan Di Atas


Widget Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.


- Copyright © TIPS dan TRIK BLOG -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -