Cara Membuat Auto Hide Kotak Komentar Blog

Selasa, 22 Januari 2013 | komentar (2)


Cara Membuat Auto Hide Kotak Komentar Blog-Selamat pagi sobat 

Blogger,tahukan sobat tentang auto hide kotak komentar?pastinya sudah tidak asing lagi ditelinga sobat blogger yang sudah lama malang melintang didunia blogger.Cara ini banyak diterapkan oleh para blogger salah satunya saya,tp tidak di Planktoon Blog™ karena untuk mengantisipasi loading blog yang bagi saya sudah terlalu berat.Kita kembali ke topik utama sob,cara membuat auto hide kotak komentar atau membuat show hide komentar caranya cukup mudah,langkahnya hanya menambahkan kode java script dibawah ini yang nantinya akan berfungsi sebagai perintah untuk menyebunyikan kotak komentar blog.

Btw sudah berbulan-bulan saya vacum didunia blogger,entah kenapa rasa malas untuk menulis masih hinggap didiri saya,semoga saja mulai sa'at ini saya bisa wembali menuis untuk berbagi dengan sobat.
Cara Membuat Auto Hide Kotak Komentar Blog.Mari mluncur kwe TKP sob,.......... 
1.Login ke blogger
2.Opsi lainya>>Template>>Edit HTML>>Lanjutkan(centang Expand Template Widget)
3.cari kode </head> dan copas kode dibawah ini kemudian taruh diatas kode </head> tadi.

<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 = "Lihat Komentar",
closePanelText = "Sembunyikan Komentar",
slideDownPanelSpeed = 800,
slideUpPanelSpeed = 300;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/>

 4.Setelah itu cari kode ]]></b:skin> setelah itu taruh kode dibawah ini diatas kode ]]></b:skin>

a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background:#ffffff; url()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:#ffffff;}a.openpanel.active em {top:6px;border color:#222222;
}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;}

5.PRATINJAU dulu sob,X aja ada yang salah,klo udah sukses simpan template.

Sekian dulu artikel Cara Membuat Auto Hide Kotak Komentar Blog.Komentar ditunggu dibawah..hehehehe
Share this article :

+ komentar + 2 komentar

17 Juli 2013 01.21

mantep bos....

15 September 2013 05.49

saya coba dulu gan
salam,
http://albabalpachino.blogspot.com/

Poskan Komentar

Kumpulan Tips Menarik Merupakan Blog DOFOLLOW Yang dapat memberikan BACKLINK Gratis Kepada Pengunjung Hanya denga Meninggalkan KOMENTAR. Silahkan Tinggalkan Jejak Anda (KOMENTAR) Terimakasih!!!

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. kumpulan tips menarik - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger