http://budakcomelbuatblog.blogspot.com/p/tutorial_30.html
http://budakcomelbuatblog.blogspot.com/2011/10/tutorial-password-pada-pendrive.html
Wednesday, 16 November 2011
Sunday, 18 September 2011
Membuat dan menyisipkan table di posting
Bagi Anda pengguna Ms Office; baik itu excel ataupun MS Word maka untuk membuat table sudah sangat dimudahkan *anak kecil saja bisa, masa kalah sama anak kecil* Mirip salah satu acara di stasiun televisi yang saya rasa bagus untuk acara-acara edukasi. Nah bagaimana cara membuat table di blog? Berikut ini kita coba belajar membuat table sederhana di postingan dan element blog…!
Kita coba buat table sederhana sebagai contoh penggunaan table dalam postingan blog. Untuk membuat dan menggunakan table di dalam postingan blog ataupun element html sidebar blog, kita memerlukan kode-kode html untuk table.
BAGIAN I – TABLE DASAR
Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 1 row)
Lantas kita coba gabungkan antara gambar dengan dengan teks, kode htmlnya seperti ini,
BAGIAN I – TABLE DASAR 2
Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 2 row kemudian kita hilangkan penggunaan border seperti pada bagian pertama – table dasar di atas sehingga untuk contoh di bawah ini tidak menggunakan border)
Hasilnya kurang meyakinkan…? Oke, kita coba contoh lain dengan menyandingkan antara gambar dan teks, border tetap dihilangkan, kita masukan gambar posisi tengah (center) dan teks secara silang dalam kode di atas menjadi kode seperti di bawah ini,
Oke kita cukupkan dahulu bagian “dasar” posting dengan penggunaan table ini… Insya Allah kita sambung di lain waktu dan kesempatan dengan table-table lainnya… dengan bahan dasar yang sama tentu saja 
namun di sarankan untuk bereksplorasi sendiri, mencoba-coba biar lebih maknyos
Kita coba buat table sederhana sebagai contoh penggunaan table dalam postingan blog. Untuk membuat dan menggunakan table di dalam postingan blog ataupun element html sidebar blog, kita memerlukan kode-kode html untuk table.
BAGIAN I – TABLE DASAR
Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 1 row)
<table border=”1″>Kita coba buat contoh dengan kode table html diatas,
<tr>
<td></td> <td></td>
</tr>
</table>
<table border=”1″>Maka hasilnya seperti dibawah ini,
<tr>
<td>Column 1 – Row 1</td> <td>Column 2 – Row 1</td>
</tr>
</table>
| Column 1 – Row 1 | Column 2 – Row 1 |
<table border=”1″>Maka hasilnya seperti di bawah ini,
<tr>
<td><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/sailin10.gif”/></td> <td><b>MUNGKINKAH…?</b><br/>Kalo kita sekarang sepakat bilang bahwa “Nenek moyang” kita adalah pelaut…! Bisa jadi cucu-cucu kita kelak bakal sepakat bilang bahwa “Nenek Moyang” kita adalah BLOGGER
</tr>
 | MUNGKINKAH…? Kalo kita sekarang sepakat bilang bahwa “Nenek moyang” kita adalah pelaut…! Bisa jadi cucu-cucu kita kelak bakal sepakat bilang bahwa “Nenek Moyang” kita adalah BLOGGER Mungkinkah…? |
Kode html “sederhana” untuk pembuatan table adalah seperti dibawah ini, (menggunakan table 2 column dan 2 row kemudian kita hilangkan penggunaan border seperti pada bagian pertama – table dasar di atas sehingga untuk contoh di bawah ini tidak menggunakan border)
<table>Kita coba buat contoh dengan kode table html diatas,
<tr>
<td></td> <td></td>
</tr>
<tr>
<td></td> <td></td>
</tr>
</table>
<table>Maka hasilnya seperti dibawah ini,
<tr>
<td>Column 1 – Row 1</td> <td>Column 2</td>
</tr>
<tr>
<td>Row 2</td> <td>Column 2</td>
</tr>
</table>
| Column 1 – Row 1 | Column 2 |
| Row 2 | Column 2 |
<table>Maka hasilnya akan menjadi seperti ini,
<tr>
<td>Tidak sedikit adik-adik kita mempunyai cita-cita tinggi dan mulia; menjadi dokter, insinyur, arsitek, ilmuan, webmaster, bahkan seorang pilot. Dengan Blogging dan Berbagi mari kita dukung cita-cita mulia mereka
<td><center><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/pesawa10.gif”/></center>
</td>
</tr>
<tr>
<td><center><img border=”0″ src=”http://i43.servimg.com/u/f43/11/83/04/92/100blo10.gif”/></center>
</td>
<td>Namun… mungkinkah kelak cita-cita itu tidak lagi menjadi impian mereka…? Dan lebih memilih cita-cita yang lebih mulia…? Ya cita-cita mulia dengan menjadi… 100% Blogger…
</tr>
</table>
| Tidak sedikit adik-adik kita mempunyai cita-cita tinggi dan mulia; menjadi dokter, insinyur, arsitek, ilmuan, webmaster, bahkan seorang pilot. Dengan Blogging dan Berbagi mari kita dukung cita-cita mulia mereka |  |
 | Namun… mungkinkah kelak cita-cita itu tidak lagi menjadi impian mereka…? Dan lebih memilih cita-cita yang lebih mulia…? Ya cita-cita mulia dengan menjadi… 100% Blogger… |
namun di sarankan untuk bereksplorasi sendiri, mencoba-coba biar lebih maknyos
Sunday, 21 August 2011
Meletak meta tag
Cam expert je aku citer pasal meta tags nie hehehe..SEO pun sampai skang aku tak paham hehe.Aku dh lama letakkan meta tags dalam blog aku ni...disebabkan takde idea nk update blog so buat tutorial ni je lah ehehe...ada gak update
Erm meta tags tu utk tunjukkan info dan maklumat tentang website kita..so bila kita search kt google dia akan tunjuk mcm pic kt bawah ni...definasi ni aku main balun je..ops..balun tu org kedah ckp..maksud dia cincai or hentam hehe
Meta tags yg aku letakkan "Kumbang Jingga menulis dengan hati dan akal bukan dengan nafsu"
Ni plak contoh meta tags yg di letakkan Fatin Liyana..blog feveret aku hehe
Kalau tak letak meta tags query akan tunjuk deskription ikut first entry atau content dalam blog kita..even blogger2 yang femes ada tak letakkan meta tags but still femes sbb dorang guna meta tags muka yang comel hehehe..tgnk contoh kt bawah
Eh ben ashaari comel ke hikhikhik.silap contoh plak hehe...
So ni cara2 nk letakkan meta tags
1.Sign in to your blogger dashboard>click the 'layout' button[see the screenshot below]
2.Click on the 'Edit html' tab
Here is the code you have to add
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>
DESCRIPTION HERE:Write your blog description
KEYWORDS:Write the keywords of your blog
AUTHOR NAME:Write the author's name(Your name)
{ UPDATE : }
Now..You don't need to do it manually.. I created an automatic Meta Tags Generator to make this process easy for you!
Just go to this page and Enter some basic information like keywords,description,etc.. It will automatically generate you error free, effective Meta tags. Once done, copy that code and follow the next step.
3.Add the above code just after this [Look at the below screenshot]
<b:include data='blog' name='all-head-content'/>
add the code just like this
Don't forget to add description and keywords.
Erm meta tags tu utk tunjukkan info dan maklumat tentang website kita..so bila kita search kt google dia akan tunjuk mcm pic kt bawah ni...definasi ni aku main balun je..ops..balun tu org kedah ckp..maksud dia cincai or hentam hehe
Meta tags yg aku letakkan "Kumbang Jingga menulis dengan hati dan akal bukan dengan nafsu"
Ni plak contoh meta tags yg di letakkan Fatin Liyana..blog feveret aku hehe
Kalau tak letak meta tags query akan tunjuk deskription ikut first entry atau content dalam blog kita..even blogger2 yang femes ada tak letakkan meta tags but still femes sbb dorang guna meta tags muka yang comel hehehe..tgnk contoh kt bawah
Eh ben ashaari comel ke hikhikhik.silap contoh plak hehe...
So ni cara2 nk letakkan meta tags
1.Sign in to your blogger dashboard>click the 'layout' button[see the screenshot below]
2.Click on the 'Edit html' tab
Here is the code you have to add
<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>
DESCRIPTION HERE:Write your blog description
KEYWORDS:Write the keywords of your blog
AUTHOR NAME:Write the author's name(Your name)
{ UPDATE : }
Now..You don't need to do it manually.. I created an automatic Meta Tags Generator to make this process easy for you!
Just go to this page and Enter some basic information like keywords,description,etc.. It will automatically generate you error free, effective Meta tags. Once done, copy that code and follow the next step.
3.Add the above code just after this [Look at the below screenshot]
<b:include data='blog' name='all-head-content'/>
add the code just like this
Don't forget to add description and keywords.
Monday, 15 August 2011
Cara meletak meta tag
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/><title><data:blog.pageTitle/></title>
</b:if>
Saturday, 13 August 2011
Senarai pengiklanan percuma
Friday, 12 August 2011
Merapikan widget
Merapikan Letak Widget Sidebar di Blogspot /Blogger
Written By Pikpak News on Selasa, 09 Agustus 2011 | 8/09/2011
Nah tidak perlu panjang lebar ikuti saja langkah langkah berikut:1. Seperti biasa sobat blogger mania harus Login ke blog sobat dulu
2. Terus masuk ke Tata Letak (Rancangan) lalu pilih Elemen Laman
3. Buka Widget yang akan diatur posisi letaknya
4. Tambahkan script ini diatas kode/script widget sobat :
2. Terus masuk ke Tata Letak (Rancangan) lalu pilih Elemen Laman
3. Buka Widget yang akan diatur posisi letaknya
4. Tambahkan script ini diatas kode/script widget sobat :
<table border="0" cellpadding="3" width="175"><tbody><tr>
<td align="center">
<td align="center">
5. Tambahkan script ini dibawah kode/script widget sobat :
</td>
</tr>
</tbody></table>
</tr>
</tbody></table>
KETERANGAN : * kode biru bisa sobat ganti sesuai ukuran sidebar blog
* kode warna merah bisa sobat ganti sesuai keinginan sobat
* kode warna pink bisa sobat ganti sesuai keinginan sobat dengan kode left atau right
dibawah ini contoh hasil scriptnya :
<table border="0" cellpadding="3" width="175"><tbody><tr>
<td align="center">
</div>
<div class="Pages" style="width: 120px; height: 275px;">
<div class="Page">
<div class="Pad">
<a href="http://www.alexa.com/siteinfo/fajar7siblings.blogspot.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=fajar7siblings.blogspot.com'></script>
</td>
</tr>
</tbody></table>
<td align="center">
</div>
<div class="Pages" style="width: 120px; height: 275px;">
<div class="Page">
<div class="Pad">
<a href="http://www.alexa.com/siteinfo/fajar7siblings.blogspot.com"><script type='text/javascript' language='javascript' src='http://xslt.alexa.com/site_stats/js/s/b?url=fajar7siblings.blogspot.com'></script>
</td>
</tr>
</tbody></table>
Center widget di side bar
Center widget di Sidebar
Cara nak justify or center widget di sidebarmemang senang pada aku ah ye…
Ini yang senang dan ringkas to me
<b:widget id=’BlogList1′ locked=’false’ title=” type=’BlogList’/>
<b:widget id=’HTML2‘ locked=’false’ title=’Laman Pilihan’ type=’HTML’/>
<b:widget id=’Text3′ locked=’false’ title=’Hadis’ type=’Text’/>
me pilih HTML untuk di centerkan<b:widget id=’HTML2‘ locked=’false’ title=’Laman Pilihan’ type=’HTML’/>
<b:widget id=’Text3′ locked=’false’ title=’Hadis’ type=’Text’/>
1) cari kod ini ]]></b:skin> dan tambah di atasnye
#HTML1 {
text-align: center;
}
#HTML2 {
text-align: center;
}
#HTML3 {
text-align: center;
}
text-align: center;
}
#HTML2 {
text-align: center;
}
#HTML3 {
text-align: center;
}
Posts
