Ads 468x60px

Home » TIPS AND TRICK BLOG » Cara Membuat Kotak Komentar Show Hide

Cara Membuat Kotak Komentar Show Hide

Posted by Unknown Selasa, 17 April 2012 0 comments


  1.  Login ke blog sobat
  2. Kemudian pilih Template ~> Edit HTML
  3. Jangan lupa click expand widget template
  4. Setelah itu sobat cari kode <dl id='comments-block'> atau cari kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  5. Kalo sudah ketemu sobat masukan kode di bawah ini di atasnya :

&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;&lt;b&gt;Spoiler&lt;/b&gt; Untuk lihat &lt;b&gt;komentar yang masuk&lt;/b&gt;: &lt;input value=&quot;Lihat&quot; style=&quot;margin: 0px; padding: 0px; width: 60px; font-size: 10px;&quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display != &#039;&#039;) { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;&#039;; this.innerText = &#039;&#039;; this.value = &#039;Tutup&#039;; } else { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;none&#039;; this.innerText = &#039;&#039;; this.value = &#039;Lihat&#039;; }&quot; type=&quot;button&quot;&gt; 
&lt;/div&gt; 
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset ; margin: 0px; padding: 6px;&quot;&gt; 
&lt;div style=&quot;display: none;&quot;&gt;
6. Jika sudah selesai sobat cari kode  </dl>
7. Letakan kode di bawah ini di bawah kode di atas :

&lt;br&gt;
&lt;/div&gt; 
&lt;/div&gt; 
&lt;/div&gt;
8. Selesai deh, save dulu lalu lihat hasilnya sobat ...
9. Good Luck . . .
Categories: icon
Pin It

Related Post:



0 komentar:

Posting Komentar

Masukan komentar anda, karena komentar anda sangat berguna bagi kemajuan blog ini.
Terima Kasih. .

Copyright © 2012 Nuku Dta. All rights reserved.

Super SEO created by Blogger Tuts | Published by GalleryBloggerTemplates.com