Cara Memesang Komentar Buka Butup

   hello sobat......tutorial saya pada sore kali ini memngenei tentang pembuatan maupu memasang komentar buka tutup sederhana sekali yuk kita simak cara pemasangan nya...

   yg pertama sobat masuk ke blogger menggunakan akun sobat setelah masuk pastinya sobat dibawa ke dasbor lalu klik layout template edit html lanjutkan
   laku centrang expan widget setelah itu sobat copast deh kode berikut
lalu letak kan sebelum tag ]]></b:skin>

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTtjT6IWX7CZF9IzgP2O62p-G9GU9ITE69hkEJ9hZssWrBH3jUjWOEgMY2vy0HG9GU7byggK3t7QoRUpCYmlPe-1S5CExAsMtRr3gpaVYTWph2GJqy8OuK2jDRdKT18w-Jeew8sx7ZmXjq/s1600/topmenueva.jpg)repeat-x;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;position:relative;
}a.openpanel em {width:0px;height:0px;display:block;position:absolute;top:15px; right:15px;border:6px solid transparent;border-top-color:white;
}a.openpanel.active {background-color:#;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent;
}div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.hompiPanel {padding:10px 20px 20px;margin:0px 0px !important;}

selanjutnya sobat cari kode </head> setelah ketemu kopast kodeberikut di bawah nya

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var panelSelector       = '#comments',
    openPanelText       = "Buka Komentar",
    closePanelText      = "Tutup Lagi Komentarnya !",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed   = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://guseko.googlecode.com/files/slidekomentar.js' type='text/javascript'/>  

 lalu save templat sobat selesai deh mudah bukan selamat ya sobat saat ini udah memiliki komentar buka tutup

untuk kode yang berwarna biru dapat sobat ganti dengan punya sobat

sampai disini dulu tutorial singkat saya tentang memasang/membuat komentar buka tutup semoga bermanfaat dan selaman menjajal.....

Membuat/Menambah Kolom Sidebar Kiri

baik sobat pagi kali ini saya akan menjelaskan cara membuat atau menambah kolom sidebar di sebelah kiri cara pembuatan nya sangat simpel dan mudah ko'ga' pakek ribet .
   silahkan disimak cara pembuatan nya..............

Menambah Sidebar Sebelah Kiri-Sebagian ada blogger yang ingin membuat blog mempunyai sidebar sebelah kiri dengan mengedit sendiri. Mengedit template sendiri memang mengasikan. Kalau anda sudah sedikit mengerti dengan edit HTML tentu apa yang akan saya tulis dibawah ini mudah untuk dipahami.
  agar lebih mudah memahami tutorial ini. Sedebar sebelah kiri dapat digunakan untuk menempatkan widget sesuka anda seperti label atau widget lainnya.

      

        sobat masuk dulu keblogger dengan menggunakan akun sobat,jangan gunakan akun paepal twitter dan sebagainya pasti akan sia sia

         1.pergilah kedasbor

         2.klik menu template edit html lalu lanjutkan

         3.setelah itu centang kolom mungil di sebelah kiri halaman

sekarang kita laihat kode CSS nya sobat cari saja kode CSS  seperti:

#outer-wrapper {
  width: 660px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word; 
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 220px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }
setelah itu hapus aja kode tersebut jangan ragu ragu jika sobat mengikuti trik saya ini dengan benar dijamin ga' akan error.
setelah sobat menghapus kode tersebut ganti kode yg sobat hapus tadi dengan kode berikut:

#outer-wrapper {
  width: 910px;
  margin:0 auto;
  padding:10px;
  text-align:$startSide;
  font: $bodyfont;
  }

#main-wrapper {
  width: 410px;
  float: $startSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebar-wrapper {
  width: 200px;
  float: $endSide;
  word-wrap: break-word;
  overflow: hidden;
  }

#sidebarkiri-wrapper {
  width:260px;
  float:left;
  word-wrap:break-word;
  overflow:hidden;
  }

 tentukan kode yg berwarna merah dengan ukuran template sobat

  sekarang kita membahas tentang halaman body

Cari kode seperti ini

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>

Tambahkan kode ini diaatasnya
 <div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>

</b:section>
</div>

Menjadi seperti ini

<div id='sidebarkiri-wrapper'>
<b:section class='sidebar' id='sidebarkiri' preferred='yes'>

</b:section>
</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>

</b:section>

</div>

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

</div>



lalu save template sobat selesai deh gampang kan,nah untuk melihat hasil editan sobat,sobat klik layout tataletak lihat elemen templat sobat pasti sudah berubah...


   sampai disini dulu palajaran kali ini semoga bermanfaat selamat mencoba................