Minggu, 16 September 2012

Cara Membuat Show-Hide Koemntar

Sebelum kuliah biasa anak blogging sukanya Blogwalking :D trus tadi ane nemu nii gan bagus juga nii trik komentar bisa di buka dan bisa di Tutup waw bukan?



lantas gue berfikir, gimana ya kalau di terapkan di blog kuu hemm pastinya keren kan orang nya aja keren apalagi blog nya :D

hahahaha



lantas gue langsung search di google biasa.. klo gak tau kan cari di google ternyata saya nemu blog sobat http://pujiantoroblog.blogspot.com/ yang memposting bagaimana cara nya membuat komentar buka tutup lantas saja aku belajar :D nambah ilmu :D

sekarang saya salurkan di blog ini agar agan-agan dan agan wati bisa mencoba nya seklian :D

Langkah dan Cara Membuat Show Hide Komentar / Expand Collapse Blogger Comment Box

Pertama,sobat pergilah ke Dashboard lalu pilih Tata Letak kemudian contreng tulisan Expand Widget Templates,dan cari kode berikut (Gunakan Ctrl+F):
</head> atau <head>


saya lupa, di coba aja satu per satu hehehe, klo tadi aku make yang <head>

Jika sobat sudah menemukannya,tepat diATASnya letakkan script berikut:

<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       = "Tampilkan Komentar",
    closePanelText      = "Tutup Komentar",
    slideDownPanelSpeed = 600,
    slideUpPanelSpeed   = 400;
//]]>
</script>
<script type='text/javascript'>
</script>
<script src='http://mrpujiajadeh.comze.com/slide-blogger-comment-box.js' type='text/javascript'/>



di bagian tulisa Tampilkan komentar atau Tutup komentar anda bisa meng-edit sendiri :D

Setelah itu,cari kode berikut:

]]></b:skin>


Jika sudah sobat ketemukan,tepat diATASnya letakkan barisan kode ini:


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;}



Setelah itu simpan template sobat.


Catatan:
Trik ini akan bekerja tentu jika sobat mengaktifkan komentar di blogger,baik dalam komentar posting maupun settingan secara universalnya.Selamat mencoba ya :D


Selamat Mencoba dan Selamat Beraktifitas :) See You Agant on the my new post :)


Cara Membuat Show-Hide Koemntar, Cara Membuat Buka Tutup Koemntar

0 komentar:

Posting Komentar

Blog Archive

 
 
Copyright © MXM BERBAGI INFO
Blogger Theme by Blogger Designed and Optimized by Tipseo