Powered by Jasper Roberts - Blog

Tutorial Cara Buat Alert Perkenalan Dengan Pengunjung

23 comments

click to zoom

Hai all...petang ini koz nak ajar korang buat satu tutorial ni...tutorial ini berfungsi untuk berkenalan dengan pengunjung blog korang...seperti sedia maklum,sebelum ini koz ada buat tutorial berkenaan cara buat Alert Massage...Jadi hari ini koz nak kongsi dengan korang pula cara buat Alert Perkenalan dengan Pengunjung blog korang,kira macam mesra pengunjung ar^^...
Jadi kalau nak cuba korang boleh ikuti langkah-langkahnya...

Langkah 1

Layout>Page Elements>Add a Gadget>HTML/Javascript

Langkah 2

Copy dan paste code di bawah

<script type='text/javascript'>
var name = prompt("Selamat Datang^^! Boleh Beri Tahu Nama Anda?", "Nama Anda ");
alert("Salam Perkenalan "+name)
alert("Enjoy Dengan Tutorial-Tutorial Di sini^^")
alert("Jangan Nakal-Nakal Okey^^ !!")
</script>

Code berwarna merah korang gantikan pada ayat yang korang nak...
untuk menambah alert korang cuma tambah code di bawah sebelum atau di atas code </script>

alert("AyatKorangDiSini")

Save dan lihat hasilnya...

Camat mencuba...

Artwork...(Reka Cipta Watak Kartun...)

10 comments

click to zoom

Hai all..camat petang..Semalam koz ada kongsikan artwork "Artwork...(Kekesalan...) " Koz banyak dapat komen yang nak tahu cara nak reka cipta watak...jadi di atas ini koz pamirkan langkah-langkah yang koz lakukan di dalam mereka cipta watak kartun...moga dapat membantu korang jika ada yang berminat nak melukis...Okey demi korang koz pamirkan juga dalam versi video...Video ni koz pamirkan juga langkah2 koz reka cipta watak kartun di dalam macromedia flash...Jika korang pun nak melukis juga...korang juga boleh melukis di dalam kertas^^











Camat melakar^^...

Tutorial Cara Buat Button Show-Hide Spoiler

14 comments

 click to zoom

Hasil selepas di klik...
click to zoom

Hai all...Semalam koz dah ajar "Cara Buat Button Untuk Blog",jadi hari ini koz akan ajar benda yang sama tapi hasilnya lain.Button Spoiler ini fungsinya adalah untuk menyimpan isi sesuatu post,JavaScript atau gambar caranya lebih kurang seperti Hide/Show Shoutbox yang koz ada buat tutorial sebelum ini.

Sebagai contoh seperti berikut:-

Pengunaan spoiler untuk widget di JavaScript









Mari Cuba Mana Tahu Dapat Tingkatkan Pengunjung Di Blog Korang^^











Penggunaan Spoiler untuk Text/posting
Hai all...Semalam koz dah ajar "Cara Buat Button Untuk Blog",jadi hari ini koz akan ajar benda yang sama tapi hasilnya lain.


Button Spoiler ini fungsinya adalah untuk menyimpan isi sesuatu post,JavaScript atau gambar caranya lebih kurang seperti Hide/Show Shoutbox yang koz ada buat tutorial sebelum ini.blablablabla....


Penggunaan Spoiler untuk gambar

Cuba teka..gambar apakah ini??
click to zoom


click to zoom



Sudah paham?jadi berikut adalah langkah-langkahnya...

Langkah 1

Copy dan paste code di bawah pada JavaScrip/Posting

<div><div style="margin: 5px;">
<div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 95px; " value="Pamirkan" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Pamirkan'; }" type="button"/>
</div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;" class="alt2">
<div style="display: none;">

Masukkan Code JavaScript/Gambar/Text Di sini

</div></div></div></div>



Langkah 2

Pada code berwarna merah korang boleh ubah ayat "Pamirkan" kepada ayat yang korang nak(fungsi sebelum spoiler di buka)
Pada code berwarna hijau korang boleh ubah ayat "Tutup" kepada ayat yang korang nak(fungsi selepas spoiler di buka)
Pada code berwarna biru korang letak code JavaScript,gambar atau text yang korang nak.

Save dan Lihat hasilnya...

Camat mencuba...

Denaihati.com

 
Google PageRank Checker Powered by  MyPagerank.Net