Cara Membuat Sidebar Template Blog dari Awal

Halo gan.. kali ini admin akan membahas Cara Membuat Sidebar Template Blog dari Awal Mungkin sebagian agan bertanya2, apasih itu sidebar? Sidebar adalah gadget yang menampilkan isi dari blog yang bisa digeser keatas atau bawah, jadi pengunjung merasa lebih simpel untuk mencari artikel yang ingin ia baca. Biasanya kita menggunakan menu daftar isi berada di menu bagian atas atau drop down menu.
Cara Membuat Sidebar Template Blog dari Awal. Mungkin sebagian agan bertanya2, apasih itu sidebar? Sidebar adalah gadget yang menampilkan isi dari blog yang bisa digeser keatas atau bawah, jadi pengunjung merasa lebih simpel untuk mencari artikel yang ingin ia baca. Biasanya kita menggunakan menu daftar isi berada di menu bagian atas atau drop down menu.

disini admin akan membagikan caranya kepada agan agar bisa membuat daftar isi seperti milik admin dibawah ini :

Cara Membuat Sidebar Template Blog dari Awal

Cara Membuat Sidebar Template Blog dari Awal di rekomendasikan untuk pemula, oke langsung saja caranya di bawah ini:
Gambar Screenshot

Gimana gan? paling tidak lebih simple bukan?

  • Agan pilih menu tata letak

Cara Membuat Sidebar Template Blog dari Awal

  • Nah disitu agan langsung pilih Tembahkan Gadget maka akan tampil seperti screenshot dibawah

  • Disitu agan pilih menu HTML/JavaScript akan tampil lagi seperti menu dibawah
  • Untuk Judul agan boleh kosongkan aja
  • Untuk Kontennya agan silahkan copy script berikut

<div class="widget HTML" id="HTML2">
   <div class="widget-content">
       <h2><center>Tutorial Dunia Komputer</center></h2>
       <div style="overflow:auto;width:300px;height:200px;padding:0px;border:0px solid #eee">
          <ol>
             <li><a href="Link1">Artikel 1</a></li>
             <li><a href="Link2">Artikel 2</a></li>
     <li><a href="Link3">Artikel 3</a></li>
    </ol>
       </div>
   </div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=3676439003585993756&amp;widgetType=HTML&amp;widgetId=HTML2&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML2&quot;));" target="configHTML2" title="Edit">
<img alt="" height="18" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>

  • Nah untuk tulisan yang berwarna merah Link. isi dengan link nya agan. 
  • Untuk tulisan yang berwana biru Artikel... agan bisa isi dengan judul artikel nya agan.
Jika agan berminat, agan bisa mendownload sriptnya disini dan begitulah Cara Membuat Sidebar Template Blog dari Awal. Semoga tutor sederhana ini bisa membantu agan.