Cara Membuat Komentar Show / Hide di blog

Cara Membuat Komentar Show / Hide di blog
Lama tidak update posting malan ini , dan malam ini sambil untuk mengisi waktu luang awel awel... daripada tidur pagi serenteh mending update posting biarpun posting yang kayak beginian dah membludag di halaman om google toh gak ada salahnya kalo saya ikut share postingan ini , tentang cara Membuat Komentar Show / Hide Di Blog . Yuk langsung saja

Cara Membuat Komentar Show / Hide di blog :

• Login blogspot
• Edit Html Cari code ]]></b:skin> , letakkan kode css di bawah ini di atas code ]]></b:skin>

a.openpanel {background:#f9f9f9;display:block;width:100%;height:35px;padding:0px 0px;text-align:center;font-weight:bold;line-height:35px; 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:#f9f9f9;}a.openpanel.active em {top:6px;border color:red; }div.paneline {height:0px;-webkit-transition: all .15s ease-in-out;-webkit-transform-origin: 50% 1px;}div.kerenPanel {padding:10px 20px 20px;margin:0px 0px !important;}

• Kemudian Cari code </head> letakkan script di bawah ini di atas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[

var panelSelector = '#comments',

openPanelText = "Beri Komentar",

closePanelText = "Sembunyikan Komentar",

slideDownPanelSpeed = 500,

slideUpPanelSpeed = 300;

jQuery(function() {

    jQuery(panelSelector).hide()

        .addClass('kerenPanel')

            .before('<a class="openpanel" href="#">' + openPanelText + '<em></em></a>')

                .after('<div class="paneline"></div>');

    jQuery('a.openpanel').toggle(function() {

        jQuery(this).addClass('active').html(closePanelText + '<em></em>');

        jQuery('div.kerenPanel').slideDown(slideDownPanelSpeed);

        return false;

    }, function() {

        jQuery(this).removeClass('active').html(openPanelText + '<em></em>');

        jQuery('div.kerenPanel').slideUp(slideUpPanelSpeed);

        return false;

    });

});

//]]>

</script>




• Save template .