Friday, 9 November 2012

Tutorial : Agree or disagree


Assalamualaikum...hari ni saya nak buat tutorial yang agak rumit iaitu agree or disagree...
contohnya macam bawah ni...


Tutorial ni untuk blogskin sahaja...
Mula2 dashboard->template

Copy code bawah nie dan paste atas kod tutorial...

<div id="rules" style="display: none;">
<u><center>Agree or not</center></u><br><br>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="Url image bagi rules" width="450" /></div><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET"/>&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<img src="BULLET" />&nbsp; YOUR RULES<br>
<br><br></div>
<div style="text-align: center;">
<span onClick="document.getElementById('page').innerHTML=
document.getElementById
('stuff').innerHTML">AGREE</span> // <span onClick="document.getElementById('page').innerHTML=document.
getElementById('diary').innerHTML"><b><u>DISAGREE
</u></b></span><br> </div>

Note:
Url image bagi rules : Tukar dengan imej apa2 yang dikehendaki...(boleh ambil bawah ni)

Click gambar dan copy image url


Bullet : Tukar dengan url bullet
YOUR RULES : tukar dengan ayat anda
page : Tukar dengan anda punya (kalau tak tahu) search code bawah ni
onClick="document.getElementById('
Ambil ayat lepas itu contoh saya punya
onClick="document.getElementById('entry')
So, Gantikan page dengan entry

stuff  : gantikan dengan id page tutorial anda
diary : gantikan dengan id page home anda
Tahu tak id page tu apa? kalau tak tahu contohnya yang saya highlight kat bawah ni

<a class="tablo" onclick="document.getElementById('page').innerHTML=
document.getElementById
('diary').innerHTML" >Diary</a>

kemudian yang terakhir search code tutorial anda (contoh macam bawah ni)

<a class="tablo" onclick="document.getElementById('page').innerHTML=
document.getElementById
('stuff').innerHTML" >Stuff</a>


Yang saya highlight tu stuff tukar dengan rules

Kemudian preview dan save...

1 comment: