Pemberitahuan :

1. Copy Menggunakan CTRL + C.

2. Highlight Transparan Kecuali Blockquote.

3. Silahkan Contact Saya Bila Ada Yang Erorr

Posted by : Ariq Rastaman Minggu, 06 Oktober 2013

Stelah kemareen membahas tentang  Cara Membuat Daftar Isi Blog Berdasarkan Label Otomatis
pada kesempatan kali ini saya mau  posting artikel tentang
Cara Membuat Show/Hide Pada Komentar Blog  Sering kita melihat blog seseorang yang disitu terdapat arikel yang banyak sekali visitor/pengunjung yang berkomentar pada artikel tersebut. Nah, kali ini saya ingin berbagi tentang Cara Membuat Menu Show/Hide Pada Komentar Blog yang berfungsi untuk menghemat tempat agar tidak telalu panjang dan tidak memperlambat loading saat membuka artikel yang dikarenakan banyaknya pengunjung yang berkomentar pada artikel tersebut.

  Ikuti cara-caranya di bawah ini:



1. Login ke blogger
2. Klik Rancangan >> Edit HTML >> centang Expand Template Widget
3. Cari kode ]]></b:skin> jika sudah ketemu, Copy kode dibawah ini, Paste di atas kode ]]></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/AVvXsEiGo1IdKKZsHsZZGMucW_hO3Tt2x2VYTAxFm1A7s9UdMtbh6yP-bvCaxz7t4HNCQhCSWS_BNUR_z-GuewwVHSd66N6HP3syJz1ziWlUzTSPUM06miJfK2E7lJ5xrh86VKU2pAwYTVW921kb/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;}
4. Kemudian cari kode </head> jika sudah ketemu, copy dan paste kode di bawah ini sebelum </head>
<script type='text/javascript'>
//<![CDATA[
var panelSelector       = '#comments',
    openPanelText       = "Buka Komentar",
    closePanelText      = "Tutup Komentar",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed   = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://evawangi.googlecode.com/files/slidekomentar.js' type='text/javascript'/>
5.  Simpan Template.

Sahabat dapat memodifikasi kembali tampilannya sesuai selera sahabat. Selamat mencoba dan semoga berhasil dan bermanfaat buat sahabat.http://ariqrastamanuyeah.blogspot.com

Entri Populer

About

Foto Saya
Nama Saya Yang Di Atas Itu Bukan Nama Asli Tapi Nama Panggilan . Kata Itu Juga Ada Maknanya . Dary Yaitu Nama Saya Muhammad Qalbu (Dary) . Sadega Yaitu Orang Yang Suka Coret-Coret Tembok .Tapi Kalau Saya Suka Mencoret-Coret Gambar Photoshop.Mantemand Yaitu Saya Banyak Teman Dunia Nyata Maupun Dunia Maya.Dah Segitu Aja Jika Sobat Mau Tahu Profil Lengkap Ku , Klik Salah Satu Ya Sob (‾⌣‾/)σ Atau
©Copyright 2013 belajarilmukomputer. Diberdayakan oleh Blogger.
Find Us :