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(http://3.bp.blogspot.com/-QaUG1sActZA/UOtt_9FEuUI/AAAAAAAABkI/2HTh_DaeqSw/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...


Related Post:

4 komentar:

Zorro mengatakan...

sip bgt gan;;), thank's bgt infonya,sangat bermanfaat;)

Randi mengatakan...

mantab om. . .
berhasil di blog saya

Anonim mengatakan...

ini yg tk cari gan8-}

al varo mengatakan...

@Zorro: sama-sama gan, makasi ya udah mampir kesini...

@Randi: iya gan, semoga bermanfaat ya...

@Anonim: iya gan, senang bisa membantu agan...

TULISKAN KOMENTAR ANDA DISINI...
» Berkomentarlah dengan bahasa yang baik. Blog ini menerima segala jenis komentar, saran, kritik dan pertanyaan, dimohon tidak spam ya. Apabila tidak sesuai dengan ketentuan yang ada, maka komentar tidak akan di tampilkan.
Demikian atas kerjasamanya saya ucapkan terima kasih, Salam Blogger !!!

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