Jadual Perlawanan Akhir Piala Dunia 2010

Hai all...wa...tak pernah-pernah koz buat artikel pasal Piala Dunia ini...Bukan ape,koz sesaje nak kongsi dengan korang...Ahak..korang mesti selalu dengar kabar pasal Paul Sotong...hihi tak asing lagi nama itu dalam musim demam bola yang sedang berlaku sekarang...Segala ramalannya semua tepat dalam jadual-jadual perlawanan sebelum ini dan tidak di lupa jadual separuh akhir baru-baru ini tentang ramalannya memilih Spain memenanggi perlawanan antara German Vs Spain yang berkesudahan Spain layak ke Final setelah memenangi perlawanan 1-0...Adakah perlawanan Final kali ini akan di menangi Spain?Ahak...koz pun tak pasti sebab lawannya juga tidak kurang hebatnya...Tapi apa-apa pun Paul sotong telah memilih Spain...anda bagaimana?
Apa-apahal tunggu dan lihat perlawanan akhir yang akan di tayangkan di screen tv anda antara Spain Vs Belanda...

Artwork...( Reka Cipta Robot ...)

Hai all...Camat malam....malam ini koz akan tunjuk dekat korang hasil reka cipta watak robot lak...reka cipta watak ini koz habiskan masa lebih kurang dalam 20 minit dan colournya makan masa dalam beberapa hari...koz mereka cipta watak di dalam macromedia flash dan colour di dalam adobe photoshop....Apa pendapat korang?okey tak hasil ciptaan koz ini^^....

Tutorial Cara Membuat Kotak Blogroll Model Marquee

Hai all...camat petang...hari ini koz akan berkongsi dengan korang cara nak buat kotak blogroll Model Marquee...Blogroll ini kebanyakanya di gunakan oleh para blogger untuk memastikan ruangan link exchange atau banner yang di promot di blog nampak kemas...sebagai contoh,makin banyak link atau banner yang di promot,makin panjanglah sesebuah widget javascript. Sebab itulah kebanyakkan blogger menggunakannya sebagai langkah menjimatkan ruang di dalam sesebuat blog...

Contoh boleh di lihat pada Sidebar belah kanan anda...koz ada buat pada ruangan "Promot Rakan ^^"...

Nak tahu langkah-langkah nak membuatnya...ikuti langkah-langkah di bawah...

Langkah 1

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

Langkah 2

Copy dan paste code di bawah

<marquee direction="up" width="160" onmouseover="this.stop()" scrollamount="2" onmouseout="this.start()" height="150" align="center">

Letak Code Link Atau Banner Di Sini

</marquee>

Code warna merah menunjukkan arah pergerakkan sama ada anda inginkan up,down,right atau left
Code warna hijau menunjukan lebar dari marquee yang anda inginkan
Code warna biru tahap kelajuan yang anda inginkan ,kalau hendak lajukan latak 3 , 4 atau 5 ke atas
Code warna oren menunjukan tinggi dari marquee yang ada inginkan
Code warna ungu letakkan link atau banner

Save dan Lihat hasilnya...

Camat mencuba...

Artwork...(Rindu Zaman Sekolah...)

Hai all...petang ini koz pamirkan artwork koz berikutnya...seperti biasa...koz akan melukis mengikut mood yang koz hadapi sekarang...tadi time duduk-duduk tetibe teringat kembali kisah zaman sekolah dulu, rindu rasanya.Betul cakap Cikgu yang mengajar koz dulu..dier cakap,satu hari nanti,bila korang dh berkerja pasti akan merasai kerinduan pada zaman persekolahan.....Apa korang rasa lak?????

Tutorial Cara Buat Alert Perkenalan Dengan Pengunjung

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...)

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

 

Hasil selepas di klik...

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??

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...

Artwork...(Kekesalan...)

Hai all...petang ini koz tak ada tutorial untuk di kongsikan,maybe esok...jadi sebagai penganti koz nak pamirkan hasil seni yang koz hasilkan 10 minit ini...

artwork ini koz hasilkan menggunakan macromedia flash 8...reka watak nya koz hasilkan mengikut mood koz yang koz hadapi sekarang...sekian...

Tutorial Cara Memasang Widget Translate Google Di Blog

Hai all...okey tutorial berikutnya.Koz nak ajar korang cara nak pasang Widget Translate Google dekat blog korang.Kalau korang nak tahu...Widget ini amatlah penting di pasang di blog korang kerana ia juga salah satu cara untuk korang meningkatkan trafik korang bukan sahaja di dalam malaysia ,malah di negara asing juga...Sebagai contoh tiga hari selepas koz memasang Widget ini di blog koz ini ...



Langkah-langkah pemasangannya amat mudah...

Langkah 1

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

Langkah 2

Copy dan paste code di bawah

<center><div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'ms'
}, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></center>

Kemudain save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Button Untuk Blog

Hai all...Hari ini koz akan ajar cara-cara nak buat button di dalam blog korang.Kegunaan button ini adalah untuk menjadikan/memberikan perkongsian link menjadi lebih menarik.Tutorial button kali ini bukan sahaja boleh di gunakan untuk perkongsian link sahaja,malah korang boleh juga di jadikan sebagai tajuk posting juga.Di bawah ini koz akan beri langkah-langkah cara nak buatnya...

Code2 yang di kongsi di bawah ini korang boleh gunakan untuk bahagian posting atau untuk HTML/JavaScript

Code kegunaan tajuk posting tanpa Link



Code:-

<button>Letak Tajuk Di Sini</button>

Code kegunaan tajuk posting dan Link



Code:-

<a href="http://LinkKorang"><button>Letak Tajuk Di Sini</button></a>

Code kegunaan tajuk dan link buka ke new tab



Code:-

<a href="http://LinkKorang" target="blank"><button>Letak Tajuk Di Sini</button></a>

Pada code berwarna merah gantikan pada link yang di tuju
dan pada code berwarna biru gantikan pada tajuk yang korang suka...

Contoh Button yang terhasil seperti berikut:-

Code kegunaan tajuk posting tanpa Link



Code kegunaan tajuk posting dan Link



Code kegunaan tajuk dan link buka ke new tab




Camat Mencuba...

Tag...(Budak NAkal Dapat Tag Dari Blog Marina)

Hai all..selamat petang...^^petang ini koz happy sangat...
Happy kenapa?happy sebab koz dapat tag yang ke-2...
Tag ke dua ini koz dapat dari pemilik blog http://akuanakcikbob.blogspot.com/
iaitu cik Marina...mekacih koz ucapkan...di sini macam biasalah kene jawap soalan-soalan yang di berikan...

1: Anda mesti beri pujian pada pemberi award ni.

Terimas Budak nakal ucapkan kepada Marina kerana sudi beri Tag kepada
blog Budak nakal ini...mekasih sekali lagi di ucapkan(T__T)terharu beb...

2: Sila beri award kepada 10 blogger yang lain

Adei...Nak Tag kat sapo erk...ermm...ahak

> Cik Ti Anne
> Cik Kina
> Sangilapi
> Kak Yanmie

itu je kot...maap kalau tak cukup hihihi...

3: Anda mesti memberitahu kepada 10 blogger ini

Dalam Proses Menjejak^^

4: Bagaimana anda boleh digelar blog yang best and great?

Erk...ape nak jawap erk..hihi..xde idea lak...
Budak nakal bagi penerangan je la tentang blog ni...hihihi
Blog ini atau blog yang anda sedang perhatikan ini merupakan
blog yang di kategorikan blog cute(perasan)sebabnya,tuan empunya blog
ini suka akan mereka cipta kartun jenis2 cute ini(mana tak nyer...kerja pun dalam bidang animasi^^)idea mereka cipta kartun di serapkan pada templet blog ini dan dengan itu terjadilah blog Budak Nakal seperti yang anda lihat ini...sekian...

Tutorial Cara Buat Widget Total Posting Dan Comments

Hai all...hari ini koz akan ajar korang cara nak buat widget total posting dan comments yang ada dekat blog korang.Widget ini kegunaannya adalah mempamirkan jumlah posting blog dan comments yang terdapat di sesuatu blog...jadi senanglah korang nak tahu total isian blog ...Cara-cara nak buat seperti berikut:-

Langkah 1

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

Langkah 2

Copy dan paste code di bawah

<center><div style="background-color: #8e7cc3;">
<script style="text/javascript">function showpostcount(json) {document.write('Jumlah Posting ' + parseInt(json.feed.openSearch$totalResults.$t,10) + '');}</script><script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script><script style="text/javascript"></script></div></center>

<center>.......................</center>

<center><div style="background-color: #8e7cc3;"><script style="text/javascript">function numberOfComments(json) {document.write('Jumlah Comments ' + json.feed.openSearch$totalResults.$t + '');}</script><script src="http://NamaBlog.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></div></center>

Langkah 3

Code yang berwarna Merah korang boleh gantikan warna backgroud kesukaan korang
Code yang berwarna Biru korang gantikan ayat kesukaan korang
Code yang berwarna Hijau korang gantikan link blog korang

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Mengosongkan Tajuk Widget HTML Java Script

Hai all..selamat petang...okey petang ini koz nak membantu anda yang mengalami masalah ini sejak ada perubahan pada Google Blogger baru-baru ini...
Untuk pendekkan cerita anda hanya perlu copy paste code di bawah ini dan letak di bahagian tittle/tajuk

<budaknakal> </budaknakal>

Jika ada yang masih tidak paham ikuti langkah-langkah di bawah:-

Langkah 1

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

Langkah 2

Masukkan widget/code HTML yang korang hendak di letak dan copy code di bawah dan paste ke bahagian tittle/tajuk

<budaknakal> </budaknakal>

Kemudian save...
Itu sahaja,senangkan...
camat mencuba...

Tutorial Cara Mengoptimalkan Gambar Untuk Memperoleh Traffic

Hai all...Hari ini koz akan mengajar anda cara mengoptimalkan gambar untuk mesin pencarian.Ia juga salah
satu teknik SEO on Page.Dengan cara ini anda tidak semestinya mendapatkan traffik melalui kata
kunci/keyword pada posting sahaja, malah teknik ini akan mengajar anda cara mendapatkan traffik
melalui kata kunci yang diletakkan pada gambar di dalam setiap posting anda.

Bagaimana Cara Nak Buat?
Mudah sahaja, anda hanya perlu memberi nama pada gambar yang hendak di posting,nama pada gambar
tersebut haruslah di beri nama yang ada kene mengena dengan apa yang di posting sebagai contoh
jika posting berkenaan "Cara Buat Blog Mesra SEO" anda namakanlah gambar berkenaan "Blog Mesra SEO.jpg/gif/png"
Mudahkan?Memang mudah, jika inginkan gambar anda itu agar lebih Mesra SEO atau SEO friendly,anda
hanya perlu menambah code yang akan koz kongsikan,sebagai contoh:-

Kebiasaan selepas mengapload sesuatu gambar, code gambar akan menjadi macam ini

<img src="namadomain.com/blog_mesra_SEO.png"/>

Jadi jika inginkan gambar anda menjadi SEO friendly anda hanya menambah/menukar
sedikit code sahaja pada code asal seperti ini

<img src="namadomain.com/blog_mesra_SEO.png" alt="Cara Buat Blog Mesra SEO" />

p/s:JAngan berikan nama terlalu panjang pada gambar bekenaan kerana ia akan di anggap sebagai SPAM oleh
Search Engine...Semoga ilmu ini dapat membantu anda untuk meningkatkan traffik dan menjadikan blog anda
mesra SEO...insyallah...

Camat mencuba...

Tutorial Cara Buat Meta-tags di blog

Apa yang di maksudkan Meta-tags?

Meta-tags adalah salah satu cara para blogger mengoptimas blog ke search engine kerana
ia sangatlah penting untuk mengindeks halaman blog kita.Sia-sialah kalau anda sumbit artikel/Url
blog unda ke search engine jika anda tidak engoptimalkan Meta-tags blog anda.

Bagaimana cara membuat Meta-tags?

DI sini koz akan mengajar anda cara bagaimana hendak membuatnya.Berikut adalah langkah-langkahnya

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<title><data:blog.pagetitle/></title>

Jika tidak jumpa cari code ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

Langkah 3

Kemudian copy paste code di bawah ini di bawah code(Langkah 2)

<meta content="DESKRIPSI BLOG ANDA" name="description">
<meta content="KEYWORDS BLOG ANDA" name="keywords">
<meta content="ISI AUTHOR NAME" name="author">
<meta content="INDEX, FOLLOW" name="ROBOTS">

Langkah 4

Gantikan DESKRIPSI BLOG ANDA dengan Description blog anda...
Gantikan KEYWORDS BLOG ANDA Dengan Keyword atau Kata kunci blog korang...
Gantikan ISI AUTHOR NAME dengan nama anda...

Contoh Code Meta-tags yang sudah di edit:-

<meta content="Blog ini berkenaan....." name="description">
<meta content="tutorial blogger, Tips blogger, Widget Blogger" name="keywords">
<meta content="Budak Nakal" name="author">
<meta content="INDEX, FOLLOW" name="ROBOTS">

Segala Isian di meta-tags haruslah ada kena mengena dengan blog korang sebagai contoh keyword yang di gunakan haruslah ada kena mengena dengan posting di blog anda.Kemudian anda harus menganalisa mata-tags anda di
SubmitExpress.com, Ruangan ini akan membantu anda memberitahu informasi mengenai meta-tags blog anda.Anda harus fokus pada bahagian Site Description dan Keywords.Jika terdapat tulisan berwarna merah itu bermakna ada kekurangan
pada optimal penulisan meta-tags anda.Perbaiki atau ubah meta-tags yang ada di blog anda sekiranya terdapat tulisan merah dan ulangi analisa meta-tags sampai tidak ada lagi tulisan berwarna merah.Untuk memudahkan anda menetapkan keyword yang bagus untuk blog anda, dapatkan di Sini mungkin ia dapat membantu anda untuk mendapatkan keyword yang sepadan dengan blog anda.

Yang terakhir anda haruslah rajin megupdate keyword anda dari masa kesemasa kerana setiap posting di blog berlainan keywordnya.

Selamat mencuba...

Tutorial Cara Berblogwalking bersama Wawwi.com

Hai all...Petang ini koz nak perkenalkan kepada korang widget dari wawwi...

Apa kegunaan widget ini?Apa yang akan kami dapat kalau pakai/guna widget ini?

Jawapan pertanyaan yang bermain di fikiran korang ada di bawah...

Baca dengan teliti okey^^

Wawwi Matrix BlogWalking adalah widget yang akan memaparkan URL Blog anda ke senarai Networker blog yang mendaftar melalui blog anda mengikut formula Matrix nx15 dan juga merupakan sistem Autospillover.

Matrik nx15

Sebagai contoh jika status akaun anda ialah Matrik 5x5, jumlah blogger atau potensi trafik yang bakal anda terima adalah

Lv1: 5 = 5

Lv2: 5x5 = 25

Lv3: 5x5x5 = 125

Lv4: 5x5x5x5 = 625

Lv5: 5x5x5x5x5 = 3125

Jumlah Network: 3905 Blogger

Dengan ini potensi untuk anda mendapat trafik dari aktiviti blogwalking adalah lebih tinggi berbanding aktiviti blogwalking cara biasa..

Autospillover

Apabila anda telah mencapai had lebar (width) downline network Level 1 anda, ahli terbaru akan dipindah ke network downline Level 1 anda itu dimana ahli yang belum atau mempunyai network terendah akan menerima ahli baru tersebut secara automatik.

Sistem yang digunakan:

MATRIK (nx15) + Autospillover

Sistem Mata (Point)

Fungsi mata ini adalah digunakan untuk menaiktaraf lebar atau kedalaman network anda dan juga diguna semasa sebarang pelawat yang klik melawat laman web anda di widget Wawwi Matrix BlogWalking. Semakin lebar atau semakin dalam network anda, semakin tinggi pelawat yang akan datang ke blog anda dan juga semakin banyak nilai mata yang bakal anda perolehi.

Anda diberi 10000 mata permulaan dimana fungsi nilai mata ini membolehkan blogger lain untuk melawat blog anda. Setiap klik unik sehari untuk lawatan ke blog akan dipotong 20 mata (jika upline melihat blog anda) dan dari 5 mata hingga ke 15 mata (jika downline melihat blog anda).

Apabila anda melayari sebarang laman web yang terdapat di dalam senarai network anda, sebagai contoh jika anda mempunyai 20 senarai blog, dengan melawat 20 blog itu, anda akan mendapat sejumlah nilai mata di widget anda itu seperti berikut:

Blog Downline (tanda REF) - 2 Mata

Blog Upline (tanda LV) - 1 Mata

Iklan Teks (tanda ADS) - 5 Mata

Iklan Banner 160x180 - 5 Mata

Iklan Banner 125x125 - 10 Mata

Iklan Banner 468x60 - 15 Mata

Jika downline anda klik link blog di widgetnya, maka anda akan mendapat 1 mata bagi setiap blog yang dilawatinya sehingga kedalaman level mengikut status akaun anda. Maksimum kedalaman adalah level 15. Dengan ini jika anda mempunyai network downline sebanyak 3905 blogger dengan purata klik ialah 10 link/blog sehari, maka anda akan memperoleh 39050 mata. Jika anda inginkan lebih lagi mata, maka anda perlu juga melawat blog lain di widget downline anda atau sebarang pelawat lain yang klik link di widget anda, maka anda dapat mata tambahan.

Jumlah Mata Sehari

3905 blogger x 10 blog dilawati = 39050 mata

Walaubagaimanapun anda diwajibkan untuk klik sekurang-kurangnya 2 link blog sehari untuk menerima jumlah mata tanpa had dari downline anda pada hari yang sama.

Selain dari itu, jika terdapat blogger yang mendaftar melalui widget anda, anda juga menerima nilai mata mengikut level.

Sponsor secara langsung = 20 mata

Downline level 1 = 15 mata

Downline level 2 = 14 mata

Downline level 3 = 13 mata

Downline level 4 = 12 mata

Downline level 5 = 11 mata

Downline level 6 = 10 mata

Downline level 7 = 9 mata

Downline level 8 = 8 mata

Downline level 9 = 7 mata

Downline level 10 = 6 mata

Downline level 11 = 5 mata

Downline level 12 = 4 mata

Downline level 13 = 3 mata

Downline level 14 = 2 mata

Downline level 15 = 1 mata

Potensi Nilai Mata Referral

Lv 1: 5 x 15 = 75 mata

Lv 2: 25 x14 = 350 mata

Lv 3: 125 x 13 = 1625 mata

Lv 4: 625 x 12 = 7500 mata

Lv 5: 3125 x 11 = 34375 mata

Jumlah keseluruhan:

43924 mata

Nilai mata lebih lumayan adalah hasil dari aktiviti blogwalking yang dapat anda lakukan dalam sehari. Semakin banyak blog dalam network anda dapat anda layari, maka semakin tinggi jumlah mata anda. Komisen anda juga akan tinggi kelak.

Pendapatan Sambilan

Sambil blogwalking dengan Wawwi Matrix BlogWalking, silalah kumpul nilai mata sebanyak mungkin kerana fungsi di masa-masa akan datang adalah anda berpeluang untuk menukar nilai mata kepada nilai wang sebenar. Pendapatan sambilan menanti anda semudah klik.

Manfaatkanlah sistem widget ini untuk menjana trafik dan pendapatan yang lumayan melalui blog. Sila naiktaraf status akaun anda untuk menikmati trafik yang lebih berganda lagi.

Buat masa sekarang, sempena pelancaran sistem ni, Wawwi.com telah menganjurkan pertandingan menulis artikel pasal  Wawwi Matrix BlogWalking dan Ganjaran/Hadiah yang ditawarkan ialah 5000 Mata Ganjaran, serta Tambahan 1 lebar Network. Tarikh tutup untuk pertandingan ini ialah  30 Jun 2010 11:59PM iaitu sebelum hari pelancaran widget ini pada 1 Julai 2010.

Selain itu, pelbagai pertandingan menanti untuk semua pengguna widget ini dan hadiahnya memang amat menarik. Untuk maklumat lanjut, jemputlah ke http://gengblogwalking.wawwi.com/dan jangan lupa daftarkan nama anda sebagai pengguna widget ini juga.

P/s: widget ini koz ada letak di bahagian sidebar belah kanan>>>>>>

Tutorial Cara Buat Title SEO Friendly

Hai all...selamat petang...okey petang ini koz nak wat tutorial ringkas berkenaan tajuk di atas...Korang mesti nak blog korang mesra dengan Search Engeine (SEO Friendly) kan...jadi pada yang dah tahu baguslah, dan pada yang tak tahu ikuti cara-caranya...

Langkah 1

Macam biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<title><data:blog.pageTitle/></title>

Dan gantikan code tersebut dengan code di bawah ini

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

save dan hasilnya akan jdi seperti berikut:-

Sebelum



Selepas

 

Untuk melihat hasilnya sila masuk di mana-mana post entry blog korang...

Camat mencuba...

Tutorial Cara Buat Widget Halaman Posting

Hai all...hari ini koz nak berkongsi dengan korang cara nak buat halaman posting.Fungsinya adalah untuk memudahkan para pengunjung memasuki halam-halaman berikutnya dan halaman-halaman sebelumnya.contohnya seperti halaman google di bahagian bawah:-


Sudah paham kegunaan widget kali ini?okey kita mulakan tutorialnya...

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini ]]></b:skin> dan copy code di bawah...

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

Kemudian paste code tersebut sebelum/di atas code ini ]]></b:skin>

Langkah 3

Kemudain cari code </body> dan copy code di bawah...

<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;

var upPageWord ='Previous';

var downPageWord ='Next';
</script>
<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/blogger_navpage.js' type='text/javascript'/>
</b:if>

Kemudian paste code tersebut sebelum/di atas code ini </body>

Langkah 4

Pada code berwarna merah, Korang boleh tetapkan jumlah posting yang berada di salah satu halaman.
Pada code berwarna oren, korang boleh tetapkan jumlah angka/npmbor yang hendak di pamirkan.
Pada code berwarna biru, korang boleh ubah ayat Next atau Previous pada ayat kesukaan korang


Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Ruangan Code Converter Di Blog

Hai all...bertemu kembali untuk tutorial berikutnya...Hari ini koz nak kongsi dengan korang untuk memasang ruangan untuk convert code HTML yang hendak di pamirkan atau di kongsi di blog korang, Apa kegunaannya?Ok kepada yang tak tahu kegunaannya, kegunaannya adalah untuk convert code supaya ia dapat di kongsi kepada para pengunjung di blog korang...sebagai contoh:-

code asal

<a href="http://kozumiro.blogspot.com/" target="_blank">
<img src="http://img109.imageshack.us/img109/7105/promotblog.png" />
</a>

Code selepas di convertkan

&lt;a href=&quot;http://kozumiro.blogspot.com/&quot; target=&quot;_blank&quot;&gt;
&lt;img src=&quot;http://img109.imageshack.us/img109/7105/promotblog.png&quot; /&gt;
&lt;/a&gt;

Biasanya code yang sudah di convertkanlah biasanya digunakan untuk para blog tutorial untuk berkongsi code-code untuk tutorial yang di pamirkan...

Contoh Ruangan tersebut



Jadi kalau dah paham mari koz ajarkan cara-cara nak pasang ruangan convert tersebut...


Copy code di bawah ini

<script src="http://www.gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/102462998830435293579/post-Code.xml&up_grows=10&up_conv1=1&up_conv2=1&up_conv3=1&up_conv4=1&up_conv5=1&synd=open&w=200&h=200&title=Code+Converter&border=%23ffffff%7C0px%2C1px+solid+%2399BB66%7C0px%2C2px+solid+%23AACC66%7C0px%2C2px+solid+%23BBDD66&output=js"></script>

Dan paste sama ada di ruangan Add a gadget atau pada New Page...

save dan lihat hasilnya...

Jika nak tukar warna bingkai dan saiznya korang boleh pergi ke sini

Camat mencuba...

Tutorial Cara Pasang Widget LinkWithin Di Blog

Hai all...Hari ini koz akan ajar korang cara nak letak widget LinkWithin di blog korang...LinkWithin ini kegunaannya adalah mempamirkan post-post yang berkaitan yang ada pada blog korang di bahagian setiap bawah post korang...Cara-caranya mudah sahaja...Ikuti langkah-langkah berikut...

Langkah 1

Login blog korang

Langkah 2

Kemudian masuk ke web LinkWithin dan isi maklumat pada ruangan yang di sediakan
seperti gambar di bawah...

Jika sudah, Klik Button "Get Widget"...

Langkah 3

Kemudian ikuti Langkah-langkah yang diberikan...
Install Widget dan Add Widget...

Langkah 4

Widget tersebut letakkan di bawah bahagian posting..

Save dan lihat hasilnya...

Camat mencuba....

Tag...(Budak NAkal Dapat Tag Dari Lensa Buruk)

Ahak..camat pagi all..Sebelum koz post tutorial berikutnya(dah 3 hari tak bagi korang tutorial,cory sangat-sangat koz tak berapa sehat^^)...koz nak ucapkan ribuan terimas kepada cik Ti Anne Mohd Yassin atau nama panggilan cik Anne iaitu pemilik blog Lensa Buruk kerana tagkan pada koz...Kalau korang nak tau ,segala photo dari lensa buruknya semuanya cantik-cantik belaka...memang segala hasil tangkapan gambarnya memang PRO abis...ahak...ok ok...berbalik pada tag yang di beri, apa lagi...kena jawap la soalan-soalannya...

1. Apa yang bermain di fikiran anda sekarang ini ?

Nak Kena Siapkan Tutorial Untuk Korang^^...

2. Apakah nama samaran anda ?

kozumi_ro

3. Berikan tiga (3) orang yang anda sayang ?

Smua yang koz kenal termasuk rakan-rakan blog^^(lari topik)

4. Panggilan untuk si dia ?

Rahsia gak^^

5. Hadiah yang anda impikan daripada seseorang yang istimewa ?

Erk...Cukuplah Sekadar menyayangi koz^^,

6. Blog manakah yang anda suka lawati ?

Blog Nisa,Anne,Dahlia,Kak YanMie, AizBatuCampur dan Rakan-rakan blog yang lain(banyak sangat2)

7.Tag kan kepada 15 orang rakan blogger anda ?

>Dahlia
>Nisa
>Aiz

Tiga je kot^^,

Iklan Penaja DiGi dan Bola! Bola! Bola! datang kepada anda!

 Ahak...korang masih ingat  Bola! Bola! Bola! with DiGi ?Ia sudah kembali lagi di semua tempat yang terpilih...Ia akan bermula pada 25 june hari ini di melaka negeri bersejarah.Di bawah ini di lampirkan jadual-jadual Bola! Bola! Bola! with DiGi .Jangan ketinggalan okey^^...

• 25 June, Malacca: Rally Club (12C, Jalan Bukit Baru)
• 25 June, JB: E&Y Harmonium Bistro (12, Jalna Sagu 2)
• 26 June, JB: Restoran ABMH (28, Jalan Harimau Tarum Century GRC)
• 26 June, Selangor: Kafe Darussalam (SS15 Subang Jaya)
• 29 June, Selangor: Rock Cafe (SS15 Subang Jaya)
• 2 July, Kuantan: Restoran Taj Point (Jalan Sungai Lembing)
• 2 July, Penang: Original Kayu Nasi Kandar (15, Lebuh Nipah 5, Bukit Jambul)
• 3 July, Penang: Pelita Samudra (Sg. Dua)
• 3 July, Alor Setar: Restoran Ahmediah (Lebuh Raya Darul Aman)

Datang jangan tak datang,ajaklah kawan-kawan, family,satu kampung pun boleh. Datanglah seawal pukul 7 malam untuk memenangi hadiah-hadiah seperti HTC phone, original jerseys dan footballs di dalam pertandingan yang akan di langsungkan pada hari tersebut.

Akhir kata, "Ingat Bola Ingat DIGI"
Apa tunggu lagi...serbulah^^...

Budak Nakal Nak Header Baru!!!

Sekarang Punya

Terkini(dalam proses)

Hai all..hihihi lari tokpik sikit..hahah koz ni memang tak boleh lah kalau tangan ini tak gatal nak ubah itu ubah ini...hihi...hari ini header blog budak nakal lak dah jadi mangsa kegatalan tangan koz...seperti yang di paparkan di atas koz sekarang tengah buat design baru untuk menggantikan header sedia ada...

takat ini baru je siap 50%...ahak banyak lagi design yang tak siap...kalau korang perasan dalam header terbaru itu koz buangkan karakter arnab itu dan tambah tiga karakter terbaru..."Mana dapat idea buat karakter itu?"ahak...karakter yang tiga orang itu sebenarnya karakter sticker koz dulu-dulu..."Karakter sticker?"hihi..dulu-dulu koz ni sebenarnya ada hobi buat sticker...sticker ini biasanya tuk isi masa lapang zaman koz belajar dulu...Tiap2 Petang Or Malam koz dan kawan-kawan koz akan buat "Sticker Attack"..kira duk tampal sana,duk tampal sini..hihi "Nakalnya Budak Nakal Ni!"... :P kikiki...jangan marah erk...

Tutorial Cara Letak Gambar Di Sebelah Tajuk Post

hai all...hari ini koz akan tunaikan permintaan pengunjung laman budak nakal ini yang memintak koz buat tutorial cara letak gambar/icon di sebelah tajuk entri atau tajuk post...Contohnya seperti dekat blog ini,dekat setiap tajuk post pasti ada gambar di sebelahnya...Cara-cara nak buatnya seperti berikut...

Langkah 1

Seperti biasa backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code di bawah

<a expr:href='data:post.url'><data:post.title/></a>

Cara termudah untuk cari code ini tekan CTRL+F pada keyboard dan copy paste code ini ke ruangan find...

Langkah 3

Kemudain copy code di bawah

<img src="LinkGambar"/>

Dan paste di tengah-tengah code antara code ini

<a expr:href='data:post.url'>

dan code ini

<data:post.title/></a>

Contoh akan jdi seperti ini

<a expr:href='data:post.url'><img src="Link Gambar"/><data:post.title/></a>

Langkah 4

Kemudain Ganti/Tukar "LinkGambar" kepada link gambar yang korang nak letak

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Sosial Bookmark Di Bawah Post

Hai all..hari ini koz nak ajar korang tutorial cara nak letak sosial bookmark dekat bawah post entry korang seperti contoh yang ada pada bawah post koz ini...
Cara-caranya seperti berikut...

Langkah 1

Apa-apahal backup templet dulu kemudian Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Cari code ini

<data:post.body/>

Langkah 3

Kemudian copy paste code di bawah ini selepas code/bawah code(langkah 2)

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Selepas sudah paste,kedudukan code akan jadi macam ini

<data:post.body/>

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Kemudian save dan lihat hasilnya...


Code ini juga korang boleh letak pada Layout>Page Elements>Add a Gadget>HTML/Javascript dan copy paste code di bawah

<script type="text/javascript" src="http://www.letsgetsocialnow.com/source-codes/medium.js" language="JavaScript"></script>

Camat mencuba...

Tutorial Cara Menghilangkan Tajuk Blog Di Header

Hai all...hari ini koz akan mengajar korang pula cara nak hidden tajuk blog korang yang ada di bahagian header...Kebanyakan blog yang koz kunjungi pasti ada yang tak tahu cara untuk menghilangkan tajuk blog masing-masing ada gak yang terpaksa menggunakan simbol seperti titik dan sebagainya...Jadi hari ini koz akan membantu/mengajar cara termudah untuk menghilangkan tajuk blog tersebut...Cara-caranya seperti berikut...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Korang Cari code yang serupa atau lebih kurang sama seperti code di bawah

#header h1 {
margin:50;
padding:10px 0 0 20px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#0099CC;

visibility:hidden;

}

Atau

.blogname h1 {
font-size:40px;
font-weight:normal;
margin:0px 0px 0 40px;
color:#ffffff;
text-decoration: none;
text-align:left;

display:none

Atau

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;

visibility:hidden;

}

Langkah 3

Bila dh jumpa code di bawah...tambahkan code seperti code warna merah pada bahagian bawah sebelum tanda ( } )...

Code yang boleh di gunakan seperti berikut

display:none

Atau

visibility:hidden;

Kemudian save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Memasang Pageview di Post

Hai all...hari ini koz akan mengajar cara nak buat / memasang page view pada setiap post di blog korang...kegunaannya adalah untuk korang megetahui bilangan post korang di lihat oleh pengunjung di blog korang...caranya adalah seperti berikut...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Kemudian cari code ini ,cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang dan copy paste diruangan find...

<div class='post-header-line-1'/>

atau

<data:post.body/>

Langkah 3

Copy dan paste code di bawah ini sebelum/di atas code di atas(langkah 2)

<b:if cond='data:blog.pageType == "item"'><div align='left'><img src='LinkGambarKorang' style='width: 26px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

Langkah 4

Tukar/ganti code berwarna merah pada link gambar yang korang nak dan pada code berwarna biru tetapkan saiz gambar tersebut dan pada code berwarna hijau pula tetapkan kedudukan yang korang suka sama ada left,right atau center...

Contoh code yang sudah di edit:-

<b:if cond='data:blog.pageType == "item"'><div align='right'><img src='http://img8.imageshack.us/img8/4186/blogger16.png' style='width: 16px; height: 16px;' /><b><font size='2'><script src='http://bestwidgets.zxq.net/counter.php' type='text/javascript'/></font></b></div></b:if>

save dan lihat hasilnya...

camat mencuba...

Tutorial Memasang Kotak Peringatan Di Bawah Post

Hai all..hari ini koz akan mengajar tutorial berguna untuk blog korang...
tentu ada yang bertanya apa kegunaan tutorial pada kali ini...tutorial kali ini adalah berkenaan cara nak letak kotak/pegumuman/peringatan atau ucapan di bawah setiap post di blog korang.Contoh seperti yang berada di bawah post blog koz ini...Cara-cara nak buat ikuti langkah-langkah di bawah...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates

Langkah 2

Cari code ini

]]></b:skin>

Nak lagi mudah gunakan kekunci CTRL + F
dan paste code ini diruangan find

Langkah 3

Copy dan paste code di bawah ini sebelum/diatas code(Langkah 2)

.underpost{
padding:10px;
margin:10px 0px;
background:#eee;
border:1px solid #ddd;
line-height:1.6em;}

korang boleh ganti code warna pada code berwarna biru untuk mengganti warna bacground pada tulisan dan code berwaran hijau untuk warna garis

Langkah 4

Kemudaian Cari code ini

<data:post.body/>

Langkah 5

Dan copy paste code di bawah ini selepas/di bawah code(langkah 4)

<b:if cond='data:blog.pageType == "item"'><data:post.body/>
<div class='underpost'>

Ayat/Perkataan/Peringatan/Ucapan

</div>
</b:if>

Pada code berwarna merah ubah/ganti ayat yang korang suka...

save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Title Header Bergerak

Hai all...bertemu kembali ke tutorial berikutnya...maap la ye sebab hari ini lambat bagi tutorial^^.Koz tengah buzy siapkan web orang(cari duit lebih)...
Okey,kepada yang dah tahu kegunaan tittle header baguslah,dan pada yang tak tahu title header ialah tajuk blog korang yang berada di atas sekali sebelah lambang blogger(seperti gambar di atas)...Cara-cara nak buat mudah sahaja,ade 2 versi yang boleh di ikuti,ikuti langkah-langkahnya:-

Versi 1

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates

Langkah 2

Cari code ini

<HEADER>

atau ini

<header>

Langkah 3

Copy dan paste code di bawah ini sebelum code di atas(Langkah 2)

<script type='text/javascript'>
//<![CDATA[

msg = "AyatKorangAtauTajukBlog";
msg = "AyatKorangAtauTajukBlog" + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",200);
}>
scrollMSG();
//]]>
</script>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Versi 2

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates

Langkah 2

Cari code di bawah

<title><data:blog.pageTitle/></title>

Langkah 3

Dan gantikan code di bawah ini pada code di atas(Langkah 2)

<script language="JavaScript">

var txt=" AyatKorangAtauTajukBlog ";

var espera=100;var refresco=null;function rotulo_title() { document.title=txt;

txt=txt.substring(1,txt.length)+txt.charAt(0);

refresco=setTimeout("rotulo_title()",espera);}rotulo_title();

</script>

Langkah 4

Pada code berwarna merah ubah/ganti pada ayat/tajuk blog kesukaan korang

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Letak Button Comment Di Blog

Hai all...hari ini koz akan memenuhi permintaan cik dahlia kita yang inginkan tutorial letak button comment cute pada blog...

Langkah-langkahnya seperti berikut:-

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates.

Langkah 2

Kemudian cari code ini

<span class='post-comment-link'>

Atau

<b:include data='post' name='postQuickEdit'/>

Atau

<div class='post-body entry-content'>

Atau

<div class='post-footer'>

Pilih ruangan yang korang rasa sesuai...
cara termudah untuk mencari code ini korang tekan kekunci Ctrl+F pada keyboard korang

Langkah 3

Copy dan paste code di bawah selepas code di atas(langkah 2)

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='PesananAnda!'><img class='post-comment-link' src='LinkGambar'/>
</a>
</b:if>
</b:if>
</span>

Langkah 4

Tukar/ganti ayat yang berwarna merah dan pada ayat berwarna biru masukkan url gambar

Contoh code yang sudah di edit:-

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Komen Dekat Sini!!'><img class='post-comment-link' src='http://img192.imageshack.us/img192/7019/komen3.png'/>
</a>
</b:if>
</b:if>
</span>

Save dan lihat hasilnya...

camat mencuba...

Tutorial Cara Buat Alert Message

Hai all...^^nak tutorial lagi?tentu nakkan...okey hari ini koz nak berkongsi dengan korang cara nak buat Alert Message ,contoh seperti yang tersedia ada di laman budak nakal ini...okey langkah-langkah nak buat bende ini senang sahaja...

Langkah 1

Login blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript

Langkah 2

Copy dan paste code di bawah

<script type="text/javascript">
alert('UcapanKorangKepadaPengunjung!')
</script>
<noscript>Enable javascript in your browser to view an important message.</noscript>

Langkah 3

Pada Tulisan Biru Korang ubah la ucapan yang korang nak dan pada tulisan merah tu, mesej itu akan tertera jika ada pengunjung yang Disable Javascript.

Save dan lihat hasilnya...

Camat mencuba...

Sedihnya!...

Uwaa......lemah semangat koz bila buka blog koz ni...kenape templet koz tetibe jdi camni...uwa......

duk try setting lik tak elok2 gak....adakah koz kne tukar templet baru?????

Tutorial Cara Buat Dropdown Menu

Hai all...camat pagi...ahak...maap ye sebab ada yang menunggu tutorial berikutnya dari koz...hihi...okey hari ini koz akan ajar next tutorial pulak dekat korang...nak belajar??^^okey kalau nak hari ini koz akan berkongsi dengan korang cara buat Dropdown Menu dekat blog korang...contoh seperti yang koz ada buat unutk Rakan Budak Nakal di belah kanan>>>

Kalau nak buat ikuti langkah-langkah berikut...

Langkah 1

Dashboard>Layout>Page element>Add a gadget>HTML/javascript.

Langkah 2

Copy dan paste code di bawah

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option selected>Tajuk</option>
<option value="Link 1">Text 1</option>
<option value="Link 2">Text 2</option>
<option value="Link 3">Text 3</option>
</select>

Langkah 3

Pada Link 1 Masukkan link.
Pada Text 1 Masukkan perkataan/ayat untuk link yang di paparkan.

Langkah 4

JIka ingin menambah ruangan menu,masukkan code ini

<option value="Link ">Text </option>

Diatas/sebelum code ini

</select>

Save dan lihat hasilnya...

camat mencuba...

Tutorial Cara Buat Widget Post Bergerak

Hai all..selamat pagi...hari ini koz akan berkongsi dengan korang ilmu baru yang koz baru dapat...Tutorial pada hari ini berkenaan membuat widget post entry bergerak...cara nak buat agak mudah...jadi ikuti langkah-langkah di bawah...

Langkah 1

Login blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript

Langkah 2

Copy paste code di bawah

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:10px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[1] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[2] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[3] = "http://img15.imageshack.us/img15/5439/noimagex.png";
imgr[4] = "http://img15.imageshack.us/img15/5439/noimagex.png";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://NamaBlogKorang.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>

Langkah 3

Pada code ayat berwarna merah,masukkan nama blog korang

save dan lihat hasilnya...

Camat mencuba:D

Tutorial Cara Buat Hide/Show Shoutbox Versi Simple

Hai all...petang ini koz akan memenuhi pemintaan "mamaGee"

Maap ye koz lambat tunaikan permintaan mamaGee^^....

Sebenarnya koz dah buat tutorial ini dalam versi comel...tapi memandangkan ada yang nak jenis simple koz akan edit kembali code tersebut kepada yang asal..
jadi jika inginkan yang jenis simple teruskan megikuti langkah-langkah berikut:-

Langkah 1

Login blog >Layout> Page Elements>Add a Gadget>HTML/JavaScript


Langkah 2


Korang copy dan paste code di bawah:-

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img411.imageshack.us/img411/6496/hijau.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN CODE SHOUTBOX DISINI

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Langkah 3

Kemudian korang masukkan code shoutbox korang pada perkataan
" MASUKKAN CODE SHOUTBOX DISINI "

dah masukkan save dan tengoklah hasilnya...

Pada code yang berwarna hijau korang boleh ubah gambar tersebut(saiz 100X30)
contoh:-





Anda juga boleh buat permintaan di sini jika inginkan button macam kat atas ni di tukar dengan warna yang anda hendak...koz akan cuba bantu untuk buatkan...

Button untuk MamaGee

Code

http://img143.imageshack.us/img143/4863/pinki.png

camat mencuba :D