Membuat Show Hide Kometar di Blogger

Membuat Show Hide Kometar di Blogger -

Hallo Para Blogger apa kabar, Seperti biasa  saya akan posting tutorial cara buat Show HIde Komentar pada blogger

 

Sebenarnya sich udah mau posting artikel ini dari dulu tapi kok malah lupa terus, mumpung keinget saya posting aja dech sekalian biar enggak lupa lagi

Oke langsung menuju ke caranya, CEKIDOt....

 - Pertama yang mesti kalian lakukan adalah masuk blogger kalian masing-masing

- Kedua Klik Rancangan lalu klik Edit HTML atau untuk yang menggunakan tampilan blogger       baru klik Template lalu klik Edit HTML

-Selanjutnya Cari kode </Head>

- Setelah itu letakan kode di bawah ini tepat di atas kode</head>

 <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'/>

-Setelah itu cari kode ]]></b:skin>

-Setelah ketemu letakan kode di bawah ini tepat 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:#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 dan lihat hasilnya

catatan: Cara ini akan bekerja jika kalian mengaktifkan di blogger secara universal





Tweet