Membuat Spoiler pada PhpBB

Spoiler merupakan bagian sebuah artikel atau gambar yang tersembunyi dan disediakan sebuah tombol untuk membuka ataupun untuk menutup agar sebuah postingan terlihat rapi sehingga postingan tidak terlalu panjang tutorial wdesain kali ini akan membahas baggaimana membuat spoiler pada forum phpBB anda :
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.
Nah Pada saat membuat postingan gunakan BBcode berikut [spoiler]text_atau_url_gambar[/spoiler]
Mudah Bukan ? Oke bagi anda yang punya gorum menggunakan phpbb silahkan mencoba....

Tweet

Share on :