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

  6. <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'/>
  7. Kemudian cari kode ]]></b:skin> dalam template anda, kalau sudah ketemu, copy kode script berikut tepat di atasnya

  8. } 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/AVvXsEhou-cKGjQZWKAJ4EuiHHpbxaaryPoYFgbzsgDrjbry-Ma-PeijYTw9T9Eccy4q4gbOF_xxpBKN6-yE8l-EBGE_gmU5ErBpzeM8Ji0xDzbHLJmZ6MBUfM9vKKhHHlTFKC-SVYbpOKw9GabN/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;}
  9. Klik simpan template dan buka salah satu postingan anda untuk melihat hasilnya
  10. Untuk demo sudah saya praktekan di blog saya ini
Selamat mencoba...

Artikel Terkait:

Tidak ada komentar:

TULISKAN KOMENTAR ANDA DISINI...
» Berkomentarlah dengan bahasa yang baik dan sopan. CeCaRez Blog menerima semua kritik, saran, dan pertanyaan yang sesuai dengan ketentuan di atas. Apabila tidak sesuai, maka komentar tidak akan kami tanggapi dan bahkan dihapus jika melampaui batas kewajaran
Demikian atas kerjasamanya saya sampaikan terima kasih, Salam Blogger !

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS