Tuesday, October 5, 2010

PHPBB3 : Menambahkan fitur Spoiler ke posting forum

Hari ini dapat request dari member di forum untuk memberikan fasilitas Spoiler di forum IT (seperti yang ada di Kaskus). Niatnya sih bagus, untuk menghemat bandwith kawan-kawan yang mungkin internet-nya lemot. Mengingat spoiler bukanlah fitur dasar dari forum berbasis PHPBB3, maka yang harus kita lakukan adalah menambahkan custom BBCode .


Berikut adalah step-by-step yang harus kita lakukan :
1. Login sebagai admin di forum. Masuk ke Administration Control Panel
2. Selanjutnya pilih tab Posting > BBCodes > Add a new BBcode
3. Di bagian BBCode usage, masukkan kode berikut :
[spoiler]{TEXT}[/spoiler] 

4. Di bagian HTML replacement, masukkan kode berikut :
 <div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler:</b> <input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" /></div><div class="quotecontent"><div style="display: none;">{TEXT}</div></div></div>

    
5. Di bagian Help line, masukkan tooltiptext yang anda inginkan
6. Di bagian Settings, beri centang pada Display on posting page.
7. Oke done! Silakan Submit. 

Mudah kan? untuk membuat Spoiler cukup gunakan BBCode [spoiler]text_atau_url_gambar[/spoiler] pada saat posting topik.

Berikut contoh penampakan Spoiler di forum PHPBB3, perdana oleh bro Elaurum :



 Semoga tips ini membantu ....

1 comment:

  1. terima kasih gan. sukses saya pasang spoilernya.
    yang dari blog lain saya coba gagal.

    ReplyDelete

Leave your comments with attitude please. This blog does DOFOLLOW :-)