Tutorial Cara Vote Blogger of The Year by DiGi WWWOW Awards

Hai all...korang dah menyertai DiGi WWWOW Awards .Mesti sudahkan...kalau ada yang tak join lagi cepat-cepalah daftar penyertaan okey^^...masih sempat lagi...Koz dah join event ni ...kalau tak silap dah masuk hari yang ke-6...Alhamdulillah now Blog Budak Nakal ini berada di rangking 96...

Kepada yang mengundi Blog Budak Nakal ini,koz ucapan terima kasih banyak-banyak...tanpa korang memang tak cecahlah blog koz ni bawah top 100^^...Bagi yang masih tak undi Blog Budak Nakal ini...sila-silakan ye...nanti koz belanje tutorial ok...hihihi...Undi boleh di lakukan sehari sekali...jadi tiap-tiap hari korang boleh mengundi...Bagaimana cara nak mengundi...senang je...mari koz tunjukkan langkah-langkah untuk mengundi:-

Langkah 1

Klik gambar di bawah


Langkah 2

On Akaun Facebook korang

Langkah 3

Masukkan huruf di captcha


Langkah 4

Klik button Vote


Langkah 5

Ulangi Langkah 1 hingga ke 4 setiap hari sekali^^

Hihii...koz gurau je...setiap vote yang korang buat tiada paksaan okey...^^Yang penting marilah reramai menghangatkan lagi event ini^^...

Pakej Periklanan(Budak Nakal Blogspot)

Periklanan di blog budak nakal telah bermula dari sekarang.Dapatkan ruangan iklan secepat yang mungkin kerana ruangan periklanan adalah terhad.Ruangan periklanan terbuka kepada sesiapa yang ingin mengiklankan produk mereka di blog ini.

Antara Pakej Periklanan yang ditawarkan

Pakej A(Sidebar)

>Periklanan Banner Bersaiz 125 X 125

>Harga yang di tawarkan RM25/ 1 bulan

>Mempunyai 4 slot yang di tawarkan

Pakej B(Atas Artikel)

>Periklanan Banner Bersaiz 468 X 60

>Harga yang di tawarkan RM50/ 1 bulan

>Mempunyai 2 slot yang di tawarkan

Maklumat Trafik Budak Nakal Blogspot

Trafik blog hampir cecah 10k sehari?

Jika berminat membeli ruangan iklan di blog budak nakal ini anda bolehlah mengikuti cara-cara mendapatkannya:-

• Menghantar maklumat periklanan ke kozumi_ro@yahoo.com
• Pada Tajuk Email tersebut mestilah bertajuk "Pakej Periklanan Budak Nakal Blogspot".
• Isi maklumat seperti nama,Link website,jenis iklan.
• Sertakan URL banner mengikut saiz yang di tetapkan.
• Sertakan bukti pembayaran yang telah anda buat.Jika menggunakan mesin ATM ,pastikan anda sertakan phone-snap atau scan resit pembayaran tersebut.
• Sertakan Pakej yang anda inginkan beserta tempoh masa anda inginkan.
•  Sertakan link/alamat iklan anda untuk memudahkan kami linkkan banner iklan anda.

 Serta menyenangkan lagi urusan anda emailkan maklumat seperti di bawah

Nama:

Link Website:

Url Banner:

Jenis Iklan:

Jenis Pakej:

Tempoh Iklan:

Jumlah Bayaran:

Bukti Pembayaran:

Pembayaran bleh di laksanakan di:-

No Account: 164119075040
Nama: Wan Md Hasrul


No Account: 14230001069204
Nama:Wan Md Hasrul

Tutorial Cara Letak Icon Sebelah Comments

Hai all...hari ini koz nak ajar korang cara meletakkan icon comel di sebelah nama pengunjung yang memberi komen seperti gambar di atas...Cara nak membuatnya mudah sahaja...ikuti langkah-langkah di bawah:-

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code ini  

data:comment.authorUrl

Kemudian copy  code di bawah 

<img src="URL Gambar"/>

dan pastekan di bawah code

data:comment.authorUrl

Langkah 3

Code yang berwarna biru gantikan kepada url gambar yang korang suka

Hasil perubahan code akan jadi seperti di bawah

<b:if cond='data:comment.authorUrl'>
       <img src="http://i21.photobucket.com/albums/b271/kozumi_ro/komen-2.png"/>
                <a expr:href='data:comment.authorUrl' rel='nofollow'>

Save dan lihat hasilnya...

Jangan Lupe Vote Sekali ok^^Klik Gambar di bawah

10 Tips Untuk Menjadi Blogger Cemerlang

Hai all...Apa kabar?sehat...okey hari ini koz nak kongsi dengan korang tips-tips yang berguna untuk blog korang.Moga tips-tips yang koz kongsikan ini dapat membantu korang menjadi blogger yang cemerlang setaraf dengan blog-blog otai yang lain...

• Buat Blog Nampak Menarik Dari Segi Template,Header Dan Banner
• Rajinkan Diri Blogwalking Dan Follow Memfollow
• Rajinkan Diri Untuk Tinggalkan Komen Di Blog Dofollow dan Berpagerank Tinggi
• Rajinkan Diri Berkongsi Artikel-artikel Yang Berguna Kepada Blogger-Blogger lain
• Kurangkan Mempamirkan Gambar-Gambar yang Bersaiz Besar
• Buat Ruangan Exchange Link Di Blog Dan Juga Group Di Facebook Dan Rangkaian Sosial Lain
• Meletakkan Widget Yang Berguna Sahaja
• Membuat Daftar Isi Dalam Kategori Berbeza
• Tidak Meletakkan Lagu Mp3 Kerana Ia Akan Melembapkan Loading Sesebuah Blog
• Menggunakan Teknik Readmore Kerana Ia Akan Meringgankan Loading Blog.

Moga Tips-tips ini akan dapat membantu korang...insyallah akan koz kongsi tips-tips lain pula bersama korang...^ ^

Maksud Iframe Dalam Dunia Blog

 

Hai all...hari ini koz nak kongsi dengan korang dan pada mereka-mereka yang cerdik pandai yang mengatakan penggunaan ifame adalah salah dan ada yang siap nak boikot lagi...ish...ish...ish...kesian...Koz tak nafikan ada pelbagai jenis iframe yang ada dalam sistem HTML blog...Jadi di sini koz dengan tanpa segan silunya ingin mengajar korang apakah ERTI sebenar Iframe...

Iframe atau nama penuhnya Internal Frame adalah salah satu fasilitas didalam coding pogramin HTML yang berfungsi untuk memasukkan sesuatu halaman web lain ke dalam halaman web tersebut. atau boleh di anggap "menampilkan isi dari web ataupun blog milik orang lain pada blog milik kita dengan izin mereka sendiri ,maknanya bukan curi link tanpa di ketahui tuan punya blog".Apabila kita membuat sesuatu code pogramin tertentu pastikan code pogramin tersebut tidak didukung oleh blog kita atau jika pun di dukung, ternyata memberatkan loading page halaman blog maka lebih baik menggunakan fasilitas iframe.

Halaman yang ada didalam iframe hanya akan di loading dan ditampilkan jika kita membuka halaman yang bersangkutan. Tetapi jika kita memasukkan code pogramin tersebut secara langsung didalam blog kita ini bererti code-code pogramin itu boleh sahaja akan di loading walaupun halaman yang berkaitan tidak ditampilkan. Hal inilah yang memberatkan loading main page halaman blog kita. Pemasangan code iframe yang tidak membratkan loading blog seperti di bawah...

<iframe src="Url Blog" border="0" framspacing="0" marginheight="0" marginwidth="0" vspace="0" hspace="0" frameborder="0" height="100%" scrolling="yes" width="100%"></iframe>

Code ini kegunaannya adalah untuk membantu mempromosi blog yang sederhana(blog baru) kepada blog-blog lama(BLOG-BLOG OTAI)untuk bersama-sama mengenali antara satu sama lain.Ia juga dapat membantu meningkatkan Alexa Rank sesebuah blog.Setiap blog pada code HTML pasti memiliki code iframe yang pelbagai rupa dan bentuk codenya.Jika tiada code iframe di sesebuah blog pasti ia tidak akan melengkapkan sesebuah blog itu sebagai simbol kematagan sesebuah HTML.Kegunaan code iframe juga biasanya di gunakan untuk mempromosi iklan, widget dan sebagainya.Itu menandakan bahawa code ini telah giat digunakan oleh webdesign-webdesign di seluruh dunia.Sebagai contoh code widget yang sering digunakan seperti di bawah:-

<iframe src="http://myquran.org/sholat/sholat2.php?kota=39"
frameborder="0" scrolling="no" width="100%" height="250"></iframe>

Apakah maksud yang terkandung di dalam code di atas?

 Penerangan:

• Untuk memasukkan sesuatu halaman anda boleh gunakan code <iframe......./iframe>
• Code Align pula berfungsi untuk menempatkan halaman lain dalam posisi tertentu, ada tiga posisi, iaitu; align="center"; kedudukan halaman lain ditempatkan di tengah-tengah frame, align="left"; kedudukan halaman lain ditempatkan di sebelah kiri frame, align="right"; kedudukan halaman lain ditempatkan di sebelah kanan frame.
• Code src="http://halaman-tujuan.html" berfungsi untuk mengarahkan frame agar menampilkan halaman yang dituju. Halaman yang dituju ditempatkan didalam tanda kutip.
• COde bahagian width dan height pula berfungsi untuk menentukan lebar dan tinggi frame, hal ini harus disesuaikan dengan lebar dan tinggi halaman artikel. Tetapi bukan mengatur lebar dan tinggi halaman lain yang dituju. Simbol yang digunakan biasanya menggunakan persen (%) atau pixel (px). Jika menggunakan simbol persen maka lebar atau tinggi frame akan mengikuti lebar atau tinggi halaman artikel dan atau browser, jika menggunakan simbol pixel maka lebar atau tinggi frame tidak akan berubah mengikuti halaman artikel dan atau browser.
• Code frameborder pula digunakan untuk memberikan ketebalan garis pinggir frame, jika diberi nilai "0" (nol) maka garis pinggir tidak akan ditampilkan.
• Code Parameter lain yang biasa ditambahkan adalah scrolling yang berfungsi untuk menambahkan baris scroll vertikal dan horisontal, parameter ini hanya tambahan sahaja. Parameter scroll memiliki tiga setting iaitu: no; scroll tidak ditampilkan, yes; scroll ditampilkan, auto;scroll akan ditampilkan jika halaman yang dituju lebih besar dari frame, jika tidak lebih besar maka scroll tidak akan ditampilkan.

 Moga perkongsian ini dapat membuka minda korang yang masih tak megenali erti sebenar code ini...Sekian...


Iklas dari kozumi tuan empunya Budak Nakal Blogspot


p/s: Blog aku pun ada kongsi backlink dengan blog-blog lain...Perkongsian ini bukan paksaan OKEY!!!
dan saya bukan seorang pencuri...

Cara Membuat Button to Top

Hai all...next tutorial untuk hari ini pula..koz akan ajarkan korang cara untuk membuat button "Back To Top"..
Kegunaan button ini adalah untuk memudahkan para pengunjung blog anda untuk kembali ke permukaan atas halaman blog anda apabila para pengunjung anda sudah sampai di tahap bawah halaman blog anda...Okey pendekkan cerita jom ikuti langkah-langkah cara membuatnya...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code ini

</body> 

Kemudian copy code di bawah dan pastekan tepat-tepat di atas code  </body> 

<a href='#' style='left: 5px; position: fixed; bottom: 27px;' title='Back to Top'><img border='0' height='41' src='http://img34.imageshack.us/img34/3412/topbudaknakal.png' width='95'/></a><script language="javascript" src="http://kozumiro.blogspot.com/"></script>

Langkah 3

Pada code berwarna merah korang boleh letak URL gambar yang korang suka dan code berwarna biru korang tetapkan saiz gambar berkenaan...

Save dan lihat hasilnaya...

Camat mencuba^ ^...


 Tag: tutorial cara letak button to top, letak butang to top di blog, cara meletak button to top di blog, membuat button to top, cipta button to top di blog, widget button to top,button comel to top

Meletak Gambar Di Cursor Blog

Hai all...Hari ini koz nak ajar korang tutorial yang terbaru....Korang perasan tak setiap kali korang menggerakkan cursor di blog koz akan ade gambar yang mengikutnya??Mesti perasan punya...Jadi hari ini koz nak berongsi dengan korang bagaimana hendak membuat cursor blog korang seperti blog koznya...Tutorial kali ini pun mendapat ramai permintaan dari pengunjung blog koz jadi atas jasa baik korang yang tak henti-henti singgah di blog koz ini,koz akan kongsikan tutorial ini...jadi kalau sudah bersedia untuk membuatnya,ikuti langkah-langgkah di bawah:-

Langkah 1

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

Langkah 2

Kemudian korang copy dan paste code di bawah

<script type="text/javascript">
var trailimage=["http://img28.imageshack.us/img28/729/lovebudaknakal.png", 50, 40] //image path, plus width and height
var offsetfrommouse=[10,-20] //image x,y offsets from cursor position in pixels. Enter 0,0 for no offset
var displayduration=0 //duration in seconds image should remain visible. 0 for always.
if (document.getElementById || document.all)
document.write('<div id="trailimageid" style="position:absolute;visibility:visible;left:0px;top:0px;width:1px;height:1px"><img src="'+trailimage[0]+'" border="0" width="'+trailimage[1]+'px" height="'+trailimage[2]+'px"></div>')
function gettrailobj(){
if (document.getElementById)
return document.getElementById("trailimageid").style
else if (document.all)
return document.all.trailimagid.style
}
function truebody(){
return (!window.opera && document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function hidetrail(){
gettrailobj().visibility="hidden"
document.onmousemove=""
}
function followmouse(e){
var xcoord=offsetfrommouse[0]
var ycoord=offsetfrommouse[1]
if (typeof e != "undefined"){
xcoord+=e.pageX
ycoord+=e.pageY
}
else if (typeof window.event !="undefined"){
xcoord+=truebody().scrollLeft+event.clientX
ycoord+=truebody().scrollTop+event.clientY
}
var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15
var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight)
if (xcoord+trailimage[1]+3>docwidth || ycoord+trailimage[2]> docheight)
gettrailobj().display="none"
else
gettrailobj().display=""
gettrailobj().left=xcoord+"px"
gettrailobj().top=ycoord+"px"
}
document.onmousemove=followmouse
if (displayduration>0)
setTimeout("hidetrail()", displayduration*1000)
</script>

Langkah 3

Pada code berwarna Merah korang gantikan kepada URL gambar yag korang suka..Gambar berkenaan haruslah bersaiz yang sesuai...

Pada code berwarna Biru korang boleh tetapkan saiz gambar berkenaan...

Save dan lihat hasilnya...

Camat mencuba^ ^...

tag:  cara meletak gambar cursor blog, letak cursor comel di blog,  cursol comel di blog, gambar di cursor,

       cursol blogspot comel,tutorial letak cursor cantik, tutorial cursol comel,gambar di cursol

Ubah Nama Posting By Kepada Gambar

Hai all...hari ini koz nak kongsi korang cara nak mencantikkan blog korang dengan cara mengubah bahagian "Posting By nama korang" kepada gambar...Contohnya korang boleh lihat di blog koz ini^ ^...Nampak menarik bukan?Kalau bermainat nak mencuba ikuti langkah-langkah di bawah okey^ ^...

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code ini

<data:post.author/>

Kemudian gantikan code di atas kepada code di bawah

<img src="URL Gambar Korang"/>

Pada code berwarna merah korang ganti/letak URL gambar yang korang suka...
Gambar mestilah bersaiz kecil dan bersesuaian ...

Save dan lihat hasilnya...

Camat mencuba^ ^...

U comment I follow !!

Hai all...Hari ni koz nak ajar korang ilmu tentang bagaimana hendak membuat para pengunjung yang meninggalkan comment di blog korang terindeks oleh search engine...Keuntungan yang akan di perolehi adalah setiap posting korang akan mendapat banyak comment dari pengunjung...insyallah... koz pasti korang yang sentiasa berblog ni akan terbiasa mendengar ayat "U comment I follow" di blog-blog yang di kunjung,betul x?Bagi sesetengah blogger pasti nak tahu cara nak membuatnyakan?Okey hari ni koz akan ajar korang cara membuatnya

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code

data:comment.authorUrl

Kemudian hapus code rel='nofollow' yang berada berdekatannya...

Selepas dah buang save dan sekarang blog anda sudah menjadi dofollow dan ia sudah terindeks di search engine...

Camat mencuba... 

Tutorial...( Cara Letak Effect Salji Di Blog )

Hai all...wah dah lama koz tak kongsi dengan korang tutorial untuk menghiaskan blog...ok...hari ini koz nak ajar korang cara nak letak effect salji di blog korang^^...Sebelum koz mulakan tutorial koz nak kasi tahu yang effect salji ini tidak memberatkan blog anda...Ada banyak tutorial yang di kongsikan para blogger-blogger lain...tapi kebanyakkannya ada yang memberatkan blog bila effect ini di pakai...Jadi korang jangan risau...Effect salji yang koz berikan ini tak memberatkan blog anda^ ^...Caranya amat mudah ...kalau korang nak cube sila ikuti langkah-langkah di bawah:-

Langkah 1

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

Langkah 2

Kemudian korang copy dan paste code di bawah

<br />
<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"></p>
<p>/***********************************************</p>
<p>* Snow Effect by BudakNakal at http://kozumiro.blogspot.com/</p>
<p>* Please keep this notice intact</p>
<p>***********************************************/</p>
<p></script><br />

kemudian save....

dan lihat hasilnya...

selamat mencuba^ ^...

Tutorial Cara Buat/Letak Sitemap Di Blog

Hai all...hari ini koz nak ajar korang pula cara nak buat sitemap di blog korang.Sitemap ini merupakan ruangan untuk korang mempamirkan kesemua entry yang korang sudah buat mengikut ketegori-kategori yang telah di tetapkan.Penting ke sitemap ini?Bagi koz ia penting juga untuk memudahkan pengunjung mengetahui senarai entry yang ada dalam sesebuah blog yang di kunjung.Lagi-lagi kalau ada blog yang mempunyai entry yang telah mencecah 100 ke atas.Jadi mari kita mulakan langkah-langkah untuk membuatnya.

Langkah 1

Log in blog>Dashboard>Posting>Edit Pages>New Page

Langkah 2

Kemudian korang copy dan paste code di bawah

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>
<script src="http://NamaBlogKorang.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>

Langkah 3

Pada code berwarna merah gantikan kepada nama blog korang.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Letak Background Di Form Kotak Comment Blog

Hai all...wah...sudah lama koz menyepi dalam memberi korang tutorial untuk blog korang..Ahak...Biasalah sekarang buzy dengan keje yang bertimbun2...Now ada masa sikit koz akan kongsikan dengan korang satu tutorial ini.Mesti korang sukalah^^...ahak lau tak percaya cuba try okey^^...Pendekkan cerita ,pada tutorial kali ini,koz nak ajar korang cara hendak mencantikkan atau meletak background pada form kotak comment blog korang...Contoh hasilnya seperti gambar yang tertera di atas,tak pun korang boleh lihat pada form kotak comment di bawah^^..Cara nak buatnya mudah sahaja,ikuti langkah-langkah di bawah okey..

Langkah 1

Log in blog>Dashboard>Layout>Edit HTML. kemudian klik pada Expand Widget Templates. (sila backup template korang dulu okey^^)

Langkah 2

Cari code ini

<div class='comment-form'>

dan gantikan code di atas dengan code ini

<div id='comment-form'>

Langkah 3

Kemudian cari code ini

]]></b:skin>

Langkah 4

Kemudian copy dan pastekan code di bawah ini tepat di atas code ]]></b:skin>

#comment-form iframe{
background:#ffffff url(http://img202.imageshack.us/img202/8525/texturec.jpg) ;
border:5px solid #FF66CC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}
#comment-form iframe:hover{
background:#000000 url(http://img202.imageshack.us/img202/8525/texturec.jpg);
border:5px solid #FF66CC;
}
#comment-form a{
color:#7EB2AC;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
}

Pada code berwarna merah korang boleh letak link gambar yang korang suka
Pada code warna biru korang boleh gantikan warna line di luar kotak

Save dan lihat hasilnya...

Selamat mencuba^^...

p/s: Sebelum apa-apa pastikan korang setting dulu pada Ruangan Comments korang

Log in blog>Dashboard>Setting>Comments>

pada "Comment Form Placement" tanda pada Embedded below post...

Tutorial Cara Buat Widget Copy Artikel Untuk Mendapat Backlink

Hai all...hari ini koz akan ajar korang cara untuk memudahkan pengunjung blog anda untuk mengopy artikel yang berada dalam blog korang.Cara ini bukan sahaja memudahkan untuk para pengunjung,tetapi juga ia dapat menambah bilangan backlink ke blog korang.Seperti sedia maklum Backlink adalah link web atau blog yang disimpan di website orang lain.Backlink adalah bende yang paling penting kapada Google iaitu sebagai mesin pencari terbesar di dunia. Jumlah backlink merupakan salah satu senjata utama kepada pemilik web atau blog kerana manfaat yang akan di perolehi apabila memiliki backlink yang banyak dapat menetapkan web atau blog berada pada 20 link web atau blog yang terbaik semasa search engine di lakukan.Semakin banyak web atau blog dibuka pengunjung di dalam search engine google semakin cepat web atau blog tersebut mendapat peningkatan pada pagerank.Backlink juga dapat di lakukan dengan cara berkongsi link antara satu sama lain di dalam dunia web atau blog sebagai contoh perkongsian dengan cara "exchange Link".Dengan cara ini proses backlink akan berlaku dengan cepat dan ini akan memudahkan link web atau blog di kesan dalam proses search engin apabila di lakukan.

Sebagai contoh korang oleh lihat hasilnya di bawah artikel ini.Langkah-langkah untuk membuatnya 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

Dengan menggunakan keyboard tekan button Ctrl+F untuk membuka ruangan Find dan cari code ini

<data:post.body/>

Langkah 3

Kemudian copy dan paste code di bawah tepat-tepat di bawah code <data:post.body/>

<div style='text-align: center;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/> <br/>

Sila copy artikel ini,

untuk mendapat backlink ke blog ini

<form action='http://www.blogger.com/blog-this.g' method='post' target='_blank'>
<textarea cols='45' name='t' onclick='select()' readonly='readonly' rows='5'>
<data:post.body/> <br/> Sumber:
<a expr:href='data:post.url'>
<data:blog.title/>
</a>
</textarea> <br/>
<input expr:value='data:post.url' name='u' type='hidden'/>
<input expr:value='data:post.title' name='n' type='hidden'/>
<input type='submit' value='Blog This!'/>
</form>
</b:if>
</div>

Pada code berwarna merah korang boleh tukar kepada ayat yang korang suka.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Lancarkan/Ringankan Page Blog Dengan jQuery Lazy

Hai all...Hari ini koz nak kongsi ilmu baru dengan korang,terutama pada blog sesiapa yang mengalami masalah loading yang agak lama untuk membuka blog.Cara mengatasinya adalah dengan mengunakan plugin jquery.Apa kegunaan plugin ini?Kegunaan plugin jquery adalah untuk mengatasi masalah loading pada blog yang mempunyai gambar/picture yang banyak atau beraiz besar.Dengan mengunakan plugin jquery ini,jika di scroll.Gambar-gambar yang akan di pamirkan akan mengalami proses loading tanpa menganggu loading page blog anda.Maksudnya page blog anda akan loading secara lancar dengan loading gambar menyusur selepas itu.Sebagai contoh anda boleh lihat pada blog koz ini...Setiap gambar akan menjadi kelabu dahulu and selepas page di buka barulah gambar terpapar satu persatu.Ingin cuba membuatnya?Senang sahaja,ikuti lagkah-langkah di bawah:-

Langkah 1

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

Langkah 2

Kosongkan pada tajuk widget dan kemudian copy paste code di bawah

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://img838.imageshack.us/img838/2931/loadingpagebudaknakal.jpg"
});
});
</script>

Save dan lihat hasilnya...

Camat mencuba....

Tutorial Cara Letak Background Di Belakang Shoutbox

Hai all...Hari ini koz akan tunaikan permintaan tutorial yang di minta dari sesetengah pengunjung blog koz ini yang nak tahu cara meletakkan background pada shoutbox.Seperti biasa koz pasti akan tunaikan permintaan korang(tak baik kedekut ilmu^^).Cara nak membuatnya tidaklah susah mana,cuma korang harus menambah beberapa code di bahagian code shoutbox korang.Okey,ikuti langkah-langkah cara membuatnya:-

Langkah 1

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

Langkah 2

Copy dan paste code di bawah

<center>
<div id="ShoutMix" style="background:url(http://img827.imageshack.us/img827/9171/shoutboxdesign3.png) no-repeat left top; width:240px;height:450px;padding: 120px 0px 0px;text-align: center;line-height: 0 ">

Letak COde Shoutbox Korang Di sini

<div id="ShoutMix" style="text-align:right;font-family:verdana;font-style:normal;font-size:3;padding: 5px 10px 0px 0px;line-height: 1"><em>Design By<a href=http://kozumiro.blogspot.com/ target="_blank">BudakNakal</a></em></div>
</div></center>

Langkah 3

Ada beberapa perubahan pada code yang harus korang lakukan.Pada code warna merah,letakkan link background yang korang suka dan ukurannya 240 X 450.Pada code warna biru korang gantikan dengan code shoutbox korang dan ukuran shoutbox korang 225 X 305.

Save dan lihat hasilnya....

Ops...okey di sini koz akan kongsikan dengan korang design background untuk shoutbox dalam pelbagai versi warna.Kalau berkenan gunalah^^.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5bB6w38gdiNsYZHj9RT_ONaoacCCBFPDXfZbkvhh7SNFpvwGaIy_tfOCsezm_fKHdObSPkvGI6lpmTr9Qd7uQyHWdUQn-FffeCvewRWqFCNQJnOhRYnurSnU2-2HLs6ZT5_vlhAtJQtpD/s1600/budak-nakal-shoutbox-template001.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO-aindwWgF5mQ5maY0PwQfWLTXBQ75VRoUU1vNwq_RAu23o8tUXIP0KWcNkUoGvH7pslKcTtuQarLJRm-SUkwgjaAjVLXhr-Qe3FJF0c0hferEufzLNIDIFNIrOO7hQWp1BnvooWiEP_r/s1600/budak-nakal-shoutbox-template002.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbJ1NS979Gy8M5-oxDZgmFOPjVb1PRvDYPRsbYQz7S7nh7CEwUgeAVLKYnbht7WL8LYCcOBW4mcWJmOI9SFwJ-xgCPQtUkMbSOlN2Fkbhj4k2vBjl4EKZFcNLuoq1j5ELFNf_fndUy_AOo/s1600/budak-nakal-shoutbox-template003.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWnv3ZvrzNJ2gMiy4U7vsDEba9uf6tsf9JnrVvYaM9zsZGj__TBPr5Wb98JHrM7YgWBC1zKbxcG3uItYLmR30FvVbefoR3nJCCDjcix435NCdETULjiKLwPH0bNDmVcL6kOJspdw94BtY5/s1600/budak-nakal-shoutbox-template004.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7SMQxGv1Ud15Jb9_-TvMbTCKo3n29TbMSbJYgwAU-8-y8rMRX9xse6ioTU3wmGXtq0HGPhMSYhgMlhUdNaSSrkSLTu1ZSLK0aoHAVi0518k4azwlxdRrYp3ufYOaXNjO211ZXqxcqXBPz/s1600/budak-nakal-shoutbox-template005.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-KmWX2iv-x2P9tWldu7MOltUTAZhRBou6crBUOAlWcB2aZ9fzH7eTH2VarLTBOw_v1fLKg1D-sOyh9TA7v_6zyHlnkdPLgTj7jm5bjnQnPp48eGMH-fE0yD70lFmQzwConwT-cI2HlE9y/s1600/budak-nakal-shoutbox-template006.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQjbsWULB7f2JuRv4hugkwP_6rT87zx9EZ313h7MuaUDahfUugHJIeuMlPaPEc9ekPS5E0GCrLZj3Dem8yofy8hcc9Vt4Ajvd5VYujlftL9Lg5XCE1rpkyzRNj5TQ_TY5QTVLmz7WjmGD/s1600/budak-nakal-shoutbox-template007.png

Moga ilmu yang koz kongsikan ini dapat membantu korang untuk menceriakan blog korang^^,...

Tutorial Cara Buat Auto Install Link Banner Promot

Hai all...Hari ini koz nak kongsi dengan korang ilmu terbaru.Ilmu yang koz maksudkan ialah cara nak buat Auto Install Link Banner.Kegunaan bende ini adalah untuk memudahkan para pengunjung yang hendak Exchange banner blog anda masuk ke sidebar blog mereka dengan cara yang mudah.dengan hanya megelik button yang berada seperti di bawah,maka dengan autonya ia akan terus terinstall di blog mereka,sebagai contoh anda boleh klick button di bawah:-



Klick Di Bawah Untuk Auto Install

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

Macam mana?menarik tak?nak cuba buat?okey,kalau nak buat ikuti langkah-langkah di bawah:-


Langkah 1

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

Langkah 2

Copy dan paste code di bawah

<center><form action="http://beta.blogger.com/add-widget" target="_blank" method="POST"><input value="TajukSidebar" name="widget.title" type="hidden" /><textarea rows="3" cols="5" style="display: none;" name="widget.content">

<a href="http://NamaBlog.blogspot.com/" target="_blank"><br /><img src="LinkGambarAnda" /></a>

</textarea><input value="Tajuk Pada Button" class="button" name="go" type="submit" /></form></center>

Pada code berwarna merah tetapkan tajuk sidebar.
Pada code berwarna biru letak nama blog korang.
Pada code berwarna hijau letakkan link gambar korang.
Pada code berwarna oren tetapkan tajuk pada button.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Cara Buat Box Pesanan Show/hide Di Blog

Hai all...Next tutorial pada hari ini koz akan ajar korang cara nak buat box pesanan.Kegunaannya adalah untuk memberi pesanan kepada para pengunjung sama ada dalam bentuk nasihat mahu pun pemberitahuan.Jadi kalau nak buat ikuti langkah-langkah di bawah:-

Langkah 1

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

Langkah 2

Copy dan paste code di bawah ,di atas code ]]></b:skin>

.author-box {
background: #FF99CC;
margin: 20px 0 40px 0;
padding: 10px;
overflow: auto;
color:#888;
font-family:verdana, sans-serif;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box a{
color:#666;
}

.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
}

Kemudian save...

Langkah 3

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

Langkah 4

copy dan paste code di bawah

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


.gbcontent{
float:right;
border:5px solid #FDE8F8;
background:#F76FB4;
padding:10px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:0px;
}
</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.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">

<div style="text-align:right">
<a href="javascript:showHideGB()">
<img src="http://img706.imageshack.us/img706/642/tutupb.png" title="DOuble Klick Tau!" alt="tutup" />
</a>
</div>
<center>


<div class='author-box'>
<img alt="avatar" class="avatar avatar-70 photo" height="70" src="http://img189.imageshack.us/img189/4873/firetoy48x48.png" width="70" /><b>Perhatian!</b><br />
Pesanan Korang<br />
</div>
</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

Pada code berwarna merah tetapkan warna yang korang suka.
Pada code berwarna biru Letak gambar avatar yang korang suka.
Pada code berwarna hijau Tulis pesanan yang korang suka.

Save dan lihat hasilnya...

Camat mencuba...

p/s: Petang-petang ni nak pergi layan  Epilog  Syurga Cinta Tv3 kat Blog Kak yanmie...^^,...

Template Baru Budak Nakal!!!

Hai all...Korang Perasan tak perubahan yang ada pada blog budak nakal ini^^..mesti perasankan...Apa macam?cantik tak...Kaler pink lagi tu..hihihi...Kenapa koz pilih warna pink???Bukan Pink Biasanya digunakan oleh wanita ker???Elo..elo...elo...Kalau korang nak tahu,warna pink ni warna yang bagi koz sedap mata memandang,tenang je bila memandang...tak semestinya lelaki tak boleh guna warna ini...Ahak...happy nyer bila tengok blog sendiri mengalami perubahan.Template koz ini pun koz masukkan unsur-unsur mesra SEO.

 

Nak tahu cara nak membuatnya?korang pergi kat Sini.

p/s: Kalau nak tahu,template terbaru ini koz gunakan hanya untuk sementara sahaja,sebabnya template ini akan di berikan kepada pemenang contest yang akan koz buat nanti...nantikan okey^^

Tutorial Cara Pamir Page Web Ke Laman Blog

Hai all...hari ini koz akan mengajar korang cara hendak mempamirkan laman web ke dalam blog korang.Cara ini amat mudah dan ia bukan sekadar mempamirkan muka laman itu sahaja,malah korang juga dapat mengetahui aktivit,posting terbaru dan sebagainya jika korang menggunakan code yang akan di berikan.Sebagai contoh seperti di bawah:-








Bagaimana?hendak mencuba...Kalau nak jom ikuti langkah-langkahnya.

Langkah 1

Korang boleh letakkan code di bawah ini sama ada pada posting korang tau di new page korang.

Copy dan paste code di bawah

<iframe name="Pamirkan Laman Web" src="LinkLamanWeb" marginwidth="0" marginheight="0" readonly ="true" vspace="0" hspace="0" allowtransparency="true" scrolling="yes" width="500" frameborder="0" height="300"></iframe>

Langkah 2

Pada code berwarna merah korang boleh ubah tajuk kesukaan korang dan pada code berwarna biru,masukkan link website yang korang hendak pamirkan.

Save dan lihat hasilnya...

Camat mencuba...

Tutorial Top Commentators Versi Marquee

Hai all...seperti biasa hari ini koz akan ajarkan ilu terbaru dalam mencantikkan blog korang.Ilmu yang koz maksudkan ialah bagaimana cara hendak membuat widget Top Commentators dalam Versi Marquee atau dalam Versi bergerak.Sebelum ini koz pernah buat satu tutorial berkenaan Cara Pasang Top Commentators di blog.Jadi Kali ini penghasillannya lain dari sebelum ini...Jika berminat ikuti langkah-langkahnya.

Langkah 1


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

Langkah 2

Korang copy dan paste code di bawah

<div style="text-shadow:2px 2px 2px #adadad;">10 Orang Top Komen:</div>

<script type="text/javascript">
function pipeCallback(obj) {
document.write("<marquee>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "" + "<a href=" + href + " target='_blank'>" + obj.value.items[i].title + "</a> | ";
document.write(item);
}
document.write("</marquee>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=Nama Blogger Profile Anda&url=http%3A%2F%2FNamaBlogKorang.blogspot.com&num=10" type="text/javascript"></script>

<div id="ShoutMix" style="text-align:right;font-family:verdana;font-style:normal;font-size:3;padding: 5px 10px 0px 0px;line-height: 1"><em>Design By<a href=http://kozumiro.blogspot.com/ target="_blank">BudakNakal</a></em></div>
</div></center>

Sesudah itu,ada sedikit perubahan yang korang boleh lakukan pada code di atas seperti:-

Code Merah:Tetapkan jumlah bilangan Top pengunjung yang terdapt di blog korang.

Code Biru:Tukar kepada ayat yang korang suka sebagai contoh(10 budak yang suka komen di sini)

Code Hijau:Gantikan kepada nama anda(Supaya nama anda tidak tersenarai dalam senarai top commentators)

Code Oren:Gantikan Pada Nama Blog Korang.

Selesai,itu sahaja...

Camat mencuba....