Kotak Sidebar Terpisah

type='html'>Sebenarnya saya sudah pernah membahas tentang Kotak Postingan Terpisah yang pada dasarnya agak - agak mirip dengan cara membuat sidebar terpisah - pisah ini. Tadi barusan juga ada pertanyaan dari sobat dalam kotak shoutmix dengan pertanyaan yang hampir sama, yaitu bagaimana cara membuat sidebar terpisah. Karena setiap template mempunyai karakter yang berbeda - beda, makanya saya tulis postingan ini untuk template yang umum digunakan atau template dasar.

1. Buka blogger dengan ID sobat.
   
   
2. Klik Tata Letak --> Edit HTML.
   
   
3. Contreng Expand Template Widget.
   
   
4. Lalu cari kode yang seperti ini :
   
   
   .sidebar .widget, .main .widget {
   margin:0 0 1.5em;
   padding:0 0 1.5em;
   }
   
   
   
5. Pisahkan saja sehingga menjadi seperti ini :
   
   
   .sidebar .widget {
   margin:0 0 1.5em;
   padding:0 0 1.5em;
   }
   
   
   
   
   .main .widget {
   margin:0 0 1.5em;
   padding:0 0 1.5em;
   }
   
   
   
6. Untuk sidebar terpisah sobat rubah menjadi seperti berikut :
   
   
   .sidebar .widget {
   background:#FFFFFF;
   border:1px solid #CCCCCC;
   margin:0 0 1.5em;
   padding:0.5em;
   }

Buat bagian main. widget atau kolom postingan tinggal sobat kreasikan sendiri, untuk background #FFFFFF adalah warna background putih dan border:1px solid #CCCCCC untuk border warna abu - abu. Kode warna bisa sobat lihat disini. Sedangkan untuk padding adalah jarak antara postingan dengan border, bisa juga sobat merubahnya menjadi padding:15px; agar lebih terlihat rapi antara postingan dengan border tidak terlalu rapat. Untuk kotak sidebar agar membentuk garis melengkung pada sudutnya sobat bisa tambahkan kode sehingga menjadi seperti berikut ini :

.sidebar .widget {
background:#FFFFFF;
border:1px solid #CCCCCC;
margin:0 0 1.5em;
padding:15px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
}

Sipp, buat sobat sebelum mengedit template nya sebaiknya cuci tangan dulu ya biar mousenya ga kotor.. Oke deh selamat mencoba !

Tips Cara membuat Random Post Di Sidebar Blogspot

type='html'>Seberapa pentingkan random post/postingan acak itu untuk sebuah blog, menurut saya penting dan sangat membantu pengunjung yang datang ke blog kita untuk mendapatkan informasi dari artikel yang telah kita posting  di blog kita secara cepat. Karena artikel yang telah kita posting akan di tampilkan secara acak di sidebar blog.

Lalu bagaimana cara menambah atau membuat wedget Random Post tersebut, Berikut di bawah ini cara atau panduan membuatnya :

1. Anda masuk dulu ke akun blogger anda.
2. Kemudian masuk ke dashboard, lalu pilih dan klik Desaign/rancangan.
3. Sekarang anda berada di halaman Layout atau Page elements.
4. Pilih dan klik Add Gadget, lalu pilih HTM/JavaScript.
5. Masukkan dan Copy Paste Kode di bawah ini :

6. Terakhir klik save/ Simpan HTML

Keterangan : Angka 12  yang Berwarna Merah dapat anda ganti sesuai keinginan anda, terserah anda berapa banyak anda akan menampilkan link artikel acak di sidebar blog anda tersebut. Angka 12 tersebut adalah jumlah link postingan acak yang akan di tampilkan.

Sebagai contoh dan hasilnya anda dapat melihat Random post di sidebar blog ini yang berada di sebelah kanan anda.

Nah selesaikan,semoga bermanfaat.

Tips cara buat random post ini saya dapat dari blog tetangga di http://nenkudo.blogspot.com pada saat blogwalking.

Happy blogging