...SELAMAT DATANG DI PETA CREATION, TEMPAT BELAJAR BERSAMA UNTUK MENAMBAH ILMU PENGETAHUAN DAN IMAJINASI MU DI SINI OK...
 
iklan banner 125 x 125 iklan banner 125 x 125 iklan banner 125 x 125 iklan banner 125 x 125 iklan banner 125 x 125

Jumat, 28 Juni 2013

Cara membuat Spoiler Pada PHPBB

0 komentar

Spoiler merupakan hal yang banyak di gunakan dalam sebuah forum yang fungsinya untuk menyembunyikan bagian sebuah artikel atau gambar dan juga 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><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....
- See more at: http://sisatruk.blogspot.com/2012/02/cara-membuat-spoiler-pada-phpbb.html#sthash.1EIePC25.dpuf

0 komentar:

Diberdayakan oleh Blogger.