Cara membuat, memasang, atau menambah satu kolom embel-embel di sidebar kiri (left-sidebar) di Blogger sangat mudah. Tinggal memasukkan aba-aba CSS, HTML, dan elemen widget di layout untuk kontennya atau isinya.

Berikut ini pola sidebar kiri blogger yang ditambahkan di template dua kolom, sehingga menjadi tiga kolom --sidebar kiri, main area atau area utama (blog post, main area/main wrapper), dan sidebar kanan.

 atau menambah satu kolom embel-embel di sidebar kiri  Cara Menambah Satu Kolom Sidebar Kiri di Blogger

Cara Menambah Satu Kolom Sidebar Kiri di Blogger

1. Template > Edit HTML
2. Pasang Kode CSS berikut ini di atas kode ]]></b:skin> atau </style>

#sidebarleft-wrapper {
width: 160px;
    float: left;
    word-wrap: break-word;
    overflow: hidden;
    padding: 15px 10px 15px 25px;
    background: #fff;
    color: #666;}
#sidebarleft-wrapper li{border-bottom: 1px solid #f9f9f9;
    padding: 0 0 3px 0;
    margin: 0 0 3px 0;}
#sidebarleft-wrapper a:link,#sidebarleft-wrapper a:visited{color:#555}
#sidebarleft-wrapper a:hover {color:#c00}
#sidebarleft-wrapper h2 {
    font-size: 120%;
    color: #c00;
    padding: 5px 0;
    margin: 0 auto;}
@media screen and (max-width:600px){
#sidebarleft-wrapper {display:none}
}

Catatan:
- Ukuran sidebar kiri di atas 160pixel, dapat diubah.
- Ubah juga ukuran aba-aba main-wrapper template, dengan dikurang ukuran sidebar yang gres dikurangi lagi padding dan margin.

3. Pasang Kode HTML sidebar kiri berikut ini di atas aba-aba <div id='content-wrapper'> atau <div id='main-wrapper'> atau <div class='content-wrapper'> atau <div class='main-wrapper'>

<div id='sidebarleft-wrapper'>
<b:section class='sidebarleft' id='sidebarleft' preferred='yes'/>
</div>

4. Save!

Saatnya mengisi kontennya. 

  1. Klik Layout
  2. Refresh (Tekan F5) untuk memastikan elemen sidebar kiri sudah muncul di layout dashbloard blogger Anda.
  3. Klik Add a Gadget dan pilih widget yang akan dimunculkan di sidebar kiri blog Anda yang gres saja dibuat.


Demikian sekadar menyimpan catatan kalo mau tambah sidebar kiri blog. Tentu, ini untuk blog yang memakai template bukan bawaan blogger, alasannya kalo template bawaan blogger mah dapat diatur dan dipilih otomatis jumlah sidebarnya.

Good Luck & Happy Blogging! (www.idtutorial.com).*

Share To:

Endo Sadewa

Post A Comment:

0 comments so far,add yours