Sunday, January 17, 2010

Memasang Spoiler di Blogger

  1. Seperti biasa backup terlebih dahulu template anda.
  2. Masuk ke Tata Letak - Edit Html, cari kode ]]></b:skin> letakkan kode dibawah ini diatasnya.
    .commenthidden {display:none;} .commentshown {display:inline;}
  3. Selanjutnya masukan kode di bawah ini diantara ]]></b:skin> dan </head>
    <script type='text/Javascript'>function togglecomments (postid) {var whichpost = document.getElementById(postid);if (whichpost.className=="commentshown") {whichpost.className="commenthidden"; } else { whichpost.className="commentshown"; }} </script>
  4. Save template anda.
  5. Nah untuk memodifikasi htmlnya sudah, jika ingin menggunakan triks ini di postingan makan anda harus menambahkan kode berikut ini disetiap postingan.
  6. Masuk ke Posting - Entri Baru
    <a aiotitle="click to expand" href="javascript:togglecomments('Nama_Spoiler')"><img src="http://sulai77unlam.googlepages.com/newspoiler1.png" /></a><div class="commenthidden" id="Nama_Spoiler">Gambar/Tulisan</div>
  7. Untuk Gambar/Tulisan bisa diganti sesuai keinginan anda, tinggal ganti http://sulai77unlam.googlepages.com/newspoiler1.png. Dan juga apa bila anda ingin dipostingannya memakai lebih dari satu spoiler maka Nama Spoilernya harus berbeda, ingat disetiap spolier terdapat dua buah kode Nama Spoiler. (sumber)
nah semoga bermanfaat ya.. selamat mencoba..

2 komentar:

SehatZBlog said...

waduh...kalo yang beginian rada bingun...bentuknya seperti apa ya...ada gambarnya ga??

junkdiller said...

dicoba ajah dulu sob jadi ga bingun n' penasaran, untuk demonya coba ajah kunjungin sumbernya..
http://sulae.blogspot.com/2009/01/membuat-spoiler-di-blogger.html

Post a Comment

saran, komentar dan kritikan anda sangat berharga buat saya, terima kasih.