Cara Membuat Spoiler Pada Komentar

Cara membuat spoiler pada komentar, berikut caranya :

1. Login ke blog anda
2. Pilih template
3. Pilih edit HTML
4. Berikan tanda centang pada expand template widget
5. Kemudian cari kode </head> dalam template anda kalau sudah ketemu, copy kode script berikut tepat 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 = "Buka Komentar", closePanelText = "Tutup Komentar", slideDownPanelSpeed = 600, slideUpPanelSpeed = 400; //]]> </script> <script type='text/javascript'> </script> <script src='http://ceritangeblog.googlecode.com/files/spoillercomment.js.txt' type='text/javascript'/>
6. Kemudian cari kode ]]></b:skin> dalam template anda, kalau sudah ketemu, copy kode script berikut tepat di atasnya :
} a.openpanel {display:block;width:100%;height:40px;padding:0px 0px;text-align:center;font-weight:bold;line-height:30px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicPuJ5XwTxGuRKWDb5iYsJaH1I4uVHwQuV43-VqsiGvdLzdm0wq_D-95lglyuadfaGI6pZ4DoaW2gs_mvt0GsjDNxv98u7D7SZcOb5v_SqUuS0Zcndb4rKDF0jJVIkWIrUv-HH-wP5LNg0/s1600/page-wrapper-bg.png)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:#000;}a.openpanel.active em {top:6px;border color:transparent transparent white transparent; }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;}
7. Klik simpan template dan buka salah satu postingan anda untuk melihat hasilnya
8. Untuk demo sudah saya praktekan di blog saya ini

Selamat mencoba...

Related Post:

Blog

• Cara Membuat Daftar Isi Otomatis di Blog
• Cara Membuat Efek Bayangan pada Tepi Blog
• Cara Membuat Menu Tombol Drop Down / ComboBox di Blog
• Cara Membuat Satu Klik Dua Link Terbuka Sekaligus
• Cara Membuat Link Terbuka Tanpa di Klik
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Drive]
• Cara Membuat Bintang Berjatuhan Pada Cursor Blog [dengan coding Google Code]
• Cara Menambahkan Emoticon di Kotak Komentar [google drive]
• Cara Menambahkan Emoticon di Kotak Komentar
• Cara Membuat Breadcrumbs Terindex oleh Google Search Engine
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog [google drive]
• Cara Memasang Widget Burung Twitter Terbang Keren di Blog
• Cara Membuat Tabel Menggunakan CSS
• Cara Menambahkan Widget I Love Indonesia
• Cara Membuat Widget Translate Keren
• Cara Membuat Widget Popular Post Keren [Blogroll]
• Cara Membuat Widget Recent Post Keren [Blogroll]
• Cara Membuat Widget Recent Post Keren [Slide]
• Cara Membuat Buku Tamu Auto Hide Keren Di Blog
• Cara Mengganti Tulisan Older Post, New Post, Home Dengan Gambar Navigasi
• Cara Membuat Spoiler Di Dalam Posting Blog
• Cara Membuat Semua Link Blog Terbuka di Tab Baru
• Cara Membuat Spoiler Berisi Gambar di Blog
• Cara Membuat Icon Back To Top Keren
• Cara Membuat Sumber Link Otomatis Saat Artikel Di Copy