Buat Spoiler di Blog

Masih ingat postingan saya sebelumnya seputar google?
Saya menyediakan link "klik untuk melihat videonya" dan keluar video secara tiba-tiba dari atas ke bawah. Itu dinamakan spoiler. Spoiler digunakan untuk menyembunyikan tulisan/gambar/video/link. Dengan ini, bisa menghemat tempat dalam postingan blog. Untuk membuatnya, silahkan ikuti tutorial ini yang code-code dan triknya dari http://me.zestful.org/2008/03/tt-create-spoilers-blogger-wp/

1. Login ke akun blogger anda
2. Lalu ke Layout > Edit HTML 
3. Cari kode html ]]></b:skin> lalu letakkan kode berikut ini sebelum kode ]]></b:skin>
4. 
   
   Klik buat lihat kode HTML
   
   
   
   
   
   .commenthidden {display:none;} .commentshown {display:inline;}
   
   
   
   
   
   
   
5. Lalu, letakkan kode berikut ini setelah kode ]]></b:skin> atau sebelum kode </head>
6. 
   
   
   
   Klik untuk melihat kode
   
   
   <script type="text/Javascript">
   function togglecomments (postid)
   {
     var whichpost = document.getElementById(postid);
     if (whichpost.className=="commentshown")
       {
         whichpost.className="commenthidden";
       }
       else
       {
         whichpost.className="commentshown";
       }
     } </script>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
7. Simpan pekerjaan anda 
8. Lalu, ketika anda akan posting dan ingin membuat spoiler di dalam posting, masukkan kode berikut.
9. <br />
   <a aiotitle="click to expand" href="javascript:togglecomments('SPOILER_NAME')">expand</a></p>
   <div class="commenthidden" id="SPOILER_NAME">
   PUT YOUR HIDDEN TEXT HERE
   </div>
   <p>
10. Selesai 

Artikel Terkait: