02 February 2013

Cara Menyembunyikan dan Menampilkan Komentar


Siapa tau bisa nge-rapihin blog kalian :D mungkin bisa dicoba... . . . 

Cara Menyembunyikan dan Menampilkan Komentar
1. Login ke akun blogger.com
2. Pilih Template kemudian Edit HTML
3. Jangan lupa centang Expand Template Widget
4. Cari kode ]]></b:skin> lalu taruh kode berikut di atasnya
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. Cari kode </head> lalu taruh kode berikut di atasnya
<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 = "<center><b>LIHAT KOMENTAR</b></a></center>",
    closePanelText = "<center><b>SEMBUNYIKAN KOMENTAR</b></a></center>",
    slideDownPanelSpeed = 800,
    slideUpPanelSpeed = 300;
    //]]>
    </script>
    <script type='text/javascript'>
    </script>
    <script src='http://misbahudin-dcaesga.googlecode.com/files/show-hide.js' type='text/javascript'/>

6. Simpan template jika sudah selesai

Dengan memasang show hidden atau tampilankan dan sembunyikan komentar, semakin membuat space blog menjadi lebih hemat. Tentu pembaca bisa lebih fokus pada postingan blog sebelum melihat atau memberi komentar.


Tips diatas gue copy dari blognya Kurnia Septa, gue cuman sekedar berbagi aja :) ini blognya kalo mau lebih banyak tips Kurnia Septa

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...