11.08.2009

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:
Diposting oleh Muhammad Faisal di 12.01
Label: ,

0 komentar:

Posting Komentar

Komentar anda sangat berarti bagi blog ini untuk membangun lebih baik lagi.

Langganan: Posting Komentar (Atom)