Tutorial Pasang Widget Pelita Raya Di BLog

Hai all..apa kabar??puasa tak hari ini?^^ okey hari ini koz nak kongsi dengan korang hasil rekaan widget yang koz buat khas sempena hari raya yang akan tiba nanti...Kali ini koz telah mereka widget pelita untuk menerangi cahaya di blog korang^^..contoh design seperti di atas...macam mana,cantik tak?...Widget ini koz hasilkan menggunakan sofware macromedia flash...Dan widget ini mempunyai animasi api pada pelita tersebut...koz buat simple sahaja^^...Jadi kalau berminat nak letak widget ini di blog korang,ikuti langkah-langkah di bawah:-

Langkah 1

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

Langkah 2

Copy dan paste code di bawah

Widget ini terpaksa di delete atas masalah yang tidak dapat dielakkan..mohon maaf...

Save dan lihat hasilnya...

Kalau nak lagi mudah korang hanya klik button di bawah dan secara auto widget ini akan berada di blog korang

Selamat mencuba^ ^...

Amalkan Sikap Membaca Di Mana Sahaja...

Hai all..apa khabar...Salam Ramadhan dari koz yea...maap lah ye lama sangat tak post entry...Buat masa ini koz buzy sangat-sangat...Biasalah banyak sangat job luar kena buat^ ^(kumpul duit hihihi)...

Ahak...Layan gambar di atas okey^ ^...

Tutorial Cara Buat Spoiler Di Blog Versi 2

Hai all...hari ini koz akan ajar korang cara membuat spoiler versi kedua dari koz...sebelum ini koz ada ajarkan cara membuat spoiler versi pertama...korang boleh lihat di SINI...Perbezaan versi kedua ini adalah ia kelihatan lebih kemas dan teratur...
Spoiler adalah gabungan kode HTML dan javascript yang bertujuan untuk menyimpan atau menyembunyikan widget blog , kumpulan teks , isi posting dan lain-lain...spoiler juga bertujuan untuk mempercepat loading pada posting blog dan cara membuatnya cukup senang...contohnya korang boleh lihat di bawah

copy paste kode ini:

Tutorial Cara Buat Spoiler Di Blog

Apa macam...okey tak? kalau berminat nak cuba buat korang bolehlah copy code di bawah dan paste di bahagian HTML code...code ini boleh digunakan di bahagian sidebar,posting dan javascript...

<div style="margin: 5px 20px 20px;"> <div class="smallfont" style="margin-bottom: 2px;"> <b>copy paste </b> <i>kode ini</i>: <input 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'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div> <div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;"> <div style="display: none;">

isi teks/gambar / kode html 

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

Ada sedikit perubahan harus dilakukan pada code berwarna merah,korang boleh menggantikannya mengikut ayat yang korang suka dan pada code berwarna biru korang boleh meletakkan teks,gambar atau code html di ruangan berkenaan...

Selamat mencuba...