tag:blogger.com,1999:blog-18636771748218244192024-03-19T02:14:59.136-07:00Himpunan Tutorial Untuk BloggerHamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.comBlogger17125tag:blogger.com,1999:blog-1863677174821824419.post-17055050758912978832011-04-25T09:24:00.000-07:002011-04-25T09:25:02.447-07:00Facebok Button 'Like' Dalam BlogMeletakkan button 'like' dalam blog dapat memberi gambaran secara kasar samada penunjung anda menyukai entri yang ada di blog anda. Selain itu, penggunaan button 'like' ini juga sedikit sebanyak dapat meningkatkan trafik blog anda.<br />
<br />
<center><img alt="Letak Facebok Button 'Like' Dalam Blog" border="0" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/TJYtud671EI/AAAAAAAAEsI/xnZt0kFDqc4/letak+button+like+dalam+facebook.PNG" /></center><br />
Anda boleh lihat contoh button 'like' di blog ini dan juga di <a href="http://unwanted86.blogspot.com/2010/09/extention-untuk-tengok-gambar-dalam.html" target="_blank">unwanted86.</a><br />
<br />
Cara-cara untuk meletakkan button like ini adalah seperti berikut.<br />
<span class="fullpost"><br />
1. Login akaun blogger, dari dashboard > design > edit HTML > expand widget templates<br />
( <a href="http://totorialblogger.blogspot.com/2011/04/backup-template-blog.html" target="_blank">backup template</a> untuk langkah berjaga²)<br />
<br />
2. Menggunakan fungsi find (ctrl + F), cari kod berikut.<br />
<blockquote><data:post.body/></blockquote></span><br />
<span class="fullpost"><br />
3. Kemudian copy kod ini, dan paste di bawah kod yang anda cari di langkah 2.<br />
<blockquote><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/></blockquote><br />
<br />
contoh:<br />
<center><img alt="Letak Facebok Button 'Like' Dalam Blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/TJYveo2LhfI/AAAAAAAAEsQ/kw3uDWhrCF4/letak+button+like+dalam+facebook2.PNG" width="100%" /><span class="fullpost"> <a name='more'></a></span></center></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-42684746537924008002011-04-25T09:21:00.000-07:002011-04-25T09:25:38.594-07:00letak shoutbox(chat) dalam blogMeletakkan sesebuah shoutbox dalam menggalakkan interaksi antara pemilik blog dengan pengunjung sesebuah blog. Interaksi ini mudah kerana ianya tidak melibatkan komen pad aentri, tetapi pesanan yang ditinggalkan pada gadjet shoutbox yang di'pasang' oleh pemilik blog.<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413496773273794" src="http://i686.photobucket.com/albums/vv227/haiwasnm/shoutmix.jpg" /></center><br />
Terdapat pelbagai jenis shoutbox yang ada untuk diletakkan dalam sesebuah blog. Antara yang dicadangkan untuk diletakkan dalam sesebuah blog adalah shoutbox daripada shoutmix.com.<br />
<br />
Tutorial ringkas ini akan menerangkan cara untuk mendaftar shoutmix, dapatkan kod html dan letakkan pada blog.<br />
<span class="fullpost"><br />
1. Buka web <a href="http://www.blogger.com/www.shoutmix.com" target="_blank">www.shoutmix.com</a><br />
<br />
2. Klik pada create shoutbox<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413496773273794" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4A7QDJpaMI/AAAAAAAAD5o/Fx5-1aZ-6LI/s400/cara+letak+shoutbox.jpg" style="cursor: pointer; display: block; height: 112px; margin: 0px auto 10px; text-align: center; width: 227px;" /><a name='more'></a></center><br />
<br />
3. Masukkan maklumat yang dikehendaki.(maklumat akan dihantar ke email untuk simpanan)<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413495072767778" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S4A7P80NvyI/AAAAAAAAD5g/aCiloriB3ro/s400/cara+letak+shoutbox2.jpg" style="cursor: pointer; display: block; height: 230px; margin: 0px auto 10px; text-align: center; width: 400px;" /></center><br />
<br />
4. Masukkan setting yang berkaitan. Biasanya melibatkan style & color dan date & time.<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413488895083554" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S4A7PlzVxCI/AAAAAAAAD5Y/4JpxFxGnpuA/s400/cara+letak+shoutbox3.jpg" style="cursor: pointer; display: block; height: 133px; margin: 0px auto 10px; text-align: center; width: 400px;" /></center><br />
<br />
5. Setelah selesai memasukkan setting yang dikehendaki dalam langkah 4,klik pada 'get codes'<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413480793462530" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S4A7PHnw1wI/AAAAAAAAD5Q/N8SgUd-8xls/s400/cara+letak+shoutbox4.jpg" style="cursor: pointer; display: block; height: 156px; margin: 0px auto 10px; text-align: center; width: 171px;" /></center><br />
<br />
6. Masukkan lebar dan tinggi yang dikehendaki didalam blog anda. Kemudian copy code berkenaan.<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440413474537298514" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S4A7OwULWlI/AAAAAAAAD5I/CJO9WSuF2-k/s400/cara+letak+shoutbox5.jpg" style="cursor: pointer; display: block; height: 212px; margin: 0px auto 10px; text-align: center; width: 400px;" /></center><br />
<br />
7. Setelah copy code, paste pada html/javascript dalam blog anda ( Dashboard>layout>add a gadget>html/javascript)<br />
-Jika masih tidak faham dimana perlu paste code, <a href="http://tutorialuntukblog.blogspot.com/2010/02/bagaimana-letak-kod-htmljavascript.html">sila rujuk disini.</a><br />
<br />
<br />
Nota: setting untuk shoutbox boleh diubah bila-bila masa dengan login kembali ke dalam akaun shoutmix.<br />
-----------<br />
Contoh shoutbox yang diletakkan dalam blog.<br />
<center><img alt="tutorial daftar dan letak shoutbox pada blog" border="1" id="BLOGGER_PHOTO_ID_5440416284317885778" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4A9yTkEpVI/AAAAAAAAD5w/AzYyomUW1K4/s400/cara+letak+shoutbox6.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 135px;" /></center></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-6768869818864744112011-04-25T09:10:00.000-07:002011-04-25T09:13:51.392-07:00Cara Buat Textbox Dalam BlogMembuat 'kotak' untuk apa sahaja yang anda ingin pamerkan dapat memudahkan para pengunjung untuk mengambil apa yang anda hendak kongsi, kebiasaannya kod atau mungkin juga lain-lain. <br />
<br />
Contoh textbox sedia ada adalah textbox untuk code banner blog ini yang kelihatan di sebelah kanan blog ini.Textbox menjadikan code senang dicopy oleh pengunjung anda dan pada masa yang sama menampakkan kekemasan untuk meletakkan code dalam blog anda.<br />
<br />
<br />
<center><img alt="Cara Buat Textbox dalam blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/TGh2JaMdeVI/AAAAAAAAEcI/Uq617g4LN0E/s400/textbox.PNG" style="cursor: pointer; display: block; height: 161px; margin: 0px auto 10px; text-align: center; width: 364px;" /></center><br />
Tutorial ini akan menunjukkan kepada anda asas kepada textbox ini serta beberapa penambahan yang boleh dilakukan untuk memudahkan pemilik blog ataupun pengunjung.<br />
<br />
Contoh kod yang hendak diletakkan didalam textbox adalah seperti berikut.<span class="fullpost"><br />
<blockquote><center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank"><br />
<img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" /><br />
</a></center><span class="fullpost"> <a name='more'></a></span></blockquote>1. Asas bagi textbox adalah.<br />
<blockquote><textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">MASUKKAN KOD ANDA DISINI</textarea></blockquote><br />
<br />
Note: <br />
height: 100px; > Gantikan dengan ketinggian yang anda kehendaki<br />
width: 200px; > Gantikan dengan lebar yang anda kehendaki<br />
background: #8CEFFD; Gantikan warna background dengan kod tertentu. Untuk kod warna, <a href="http://totorialblogger.blogspot.com/2011/04/html-color-codes.html">rujuk disini.</a></span><br />
<br />
<span class="fullpost"><br />
Contoh bagi kod di atas.</span><br />
<textarea style="background: none repeat scroll 0% 0% rgb(140, 239, 253); height: 100px; overflow: scroll; width: 200px;"><center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank"><br /> <img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" /><br /> </a></center></textarea><br />
<br />
<br />
<span class="fullpost">2. Untuk buatkan semua kod tersebut di'select' dengan hanya sekali klik pada textbox. Kodnya adalah:<br />
<blockquote><textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >MASUKKAN KOD ANDA DISINI</textarea></blockquote><br />
<br />
Contoh textbox jenis ini adalah seperti berikut.</span><br />
<br />
<textarea onclick="this.focus();this.select()" style="background: none repeat scroll 0% 0% rgb(140, 239, 253); height: 100px; overflow: scroll; width: 200px;"><center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank"><br /> <img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" /><br /> </a></center></textarea><br />
<br />
<span class="fullpost">3. Untuk buatkan kod di'select' dengan hanya lalukan tetikus adalah seperti berikut<br />
<blockquote><textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >MASUKKAN KOD ANDA DISINI</textarea></blockquote><br />
<br />
contox textbox jenis ini adalah</span><br />
<br />
<textarea onfocus="this.select()" onmouseover="this.focus()" style="background: none repeat scroll 0% 0% rgb(140, 239, 253); height: 100px; overflow: scroll; width: 200px;"> <center><a href="http://tutorialuntukblog.blogspot.com/" target="_blank"><br /> <br /> <img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4HEBN0gvhI/AAAAAAAAD8M/jFmA9RrjUA0/s400/blog+tutorial+bahasa+melayu.PNG" /><br /> <br /> </a></center></textarea><br />
<br />
Mudah bukan.?<br />
Kini anda boleh meletakkan kod didalam blog anda dengan lebih mudah dan kemas.<br />
<br />
Selamat mencuba.:)Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-52078777265918409152011-04-25T08:57:00.000-07:002011-04-25T08:57:48.270-07:00HTML Color CodesKod warna adalah penting untuk memasukkan warna background ke dalam ses<br />
uatu kod samada untuk pengubahsuaian layout atau penambahan gadget tertentu.<br />
<center><img alt="" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/TGe2FbluvBI/AAAAAAAAEcA/Rii7rJGYo3o/s400/cats.png" /></center><br />
<br />
Berikut adalah kod warna yang ada untuk memudahkan semua sebagai rujukan.<br />
<center> <br />
<h1><span style="color: red;">Complete</span> <span style="color: #990099;">HTML</span> <span style="color: blue;">True</span> <span style="color: lime;">Color</span> <span style="color: yellow;">Chart</span></h1><a name='more'></a> </center> <table bgcolor="#000000" border="0"><tbody>
<tr> <td align="left" bgcolor="#333333" colspan="6" valign="top"> <span style="color: white;"><b>Primary/Main/Basic Colors</b></span> </td> </tr>
<tr> <td align="left" bgcolor="#000000" valign="top" width="20"> <span style="color: red;"><b>000000</b></span> </td> <td align="left" bgcolor="#000033" valign="top" width="20"> <span style="color: white;">000033</span> </td> <td align="left" bgcolor="#000066" valign="top" width="20"> <span style="color: white;">000066</span> </td> <td align="left" bgcolor="#000099" valign="top" width="20"> <span style="color: white;">000099</span> </td> <td align="left" bgcolor="#0000cc" valign="top" width="20"> <span style="color: white;">0000CC</span> </td> <td align="left" bgcolor="#0000ff" valign="top" width="20"> <span style="color: white;"><i><b>0000FF</b></i></span> </td> </tr>
<tr> <td align="left" bgcolor="#003300" valign="top" width="20"> <span style="color: white;">003300</span> </td> <td align="left" bgcolor="#003333" valign="top" width="20"> <span style="color: white;">003333</span> </td> <td align="left" bgcolor="#003366" valign="top" width="20"> <span style="color: white;">003366</span> </td> <td align="left" bgcolor="#003399" valign="top" width="20"> <span style="color: white;">003399</span> </td> <td align="left" bgcolor="#0033cc" valign="top" width="20"> <span style="color: white;">0033CC</span> </td> <td align="left" bgcolor="#0033ff" valign="top" width="20"> <span style="color: white;">0033FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#006600" valign="top" width="20"> <span style="color: white;">006600</span> </td> <td align="left" bgcolor="#006633" valign="top" width="20"> <span style="color: white;">006633</span> </td> <td align="left" bgcolor="#006666" valign="top" width="20"> <span style="color: white;">006666</span> </td> <td align="left" bgcolor="#006699" valign="top" width="20"> <span style="color: white;">006699</span> </td> <td align="left" bgcolor="#0066cc" valign="top" width="20"> <span style="color: white;">0066CC</span> </td> <td align="left" bgcolor="#0066ff" valign="top" width="20"> <span style="color: white;">0066FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#009900" valign="top" width="20"> <span style="color: black;">009900</span> </td> <td align="left" bgcolor="#009933" valign="top" width="20"> <span style="color: black;">009933</span> </td> <td align="left" bgcolor="#009966" valign="top" width="20"> <span style="color: black;">009966</span> </td> <td align="left" bgcolor="#009999" valign="top" width="20"> <span style="color: black;">009999</span> </td> <td align="left" bgcolor="#0099cc" valign="top" width="20"> <span style="color: black;">0099CC</span> </td> <td align="left" bgcolor="#0099ff" valign="top" width="20"> <span style="color: black;">0099FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#00cc00" valign="top" width="20"> <span style="color: black;">00CC00</span> </td> <td align="left" bgcolor="#00cc33" valign="top" width="20"> <span style="color: black;">00CC33</span> </td> <td align="left" bgcolor="#00cc66" valign="top" width="20"> <span style="color: black;">00CC66</span> </td> <td align="left" bgcolor="#00cc99" valign="top" width="20"> <span style="color: black;">00CC99</span> </td> <td align="left" bgcolor="#00cccc" valign="top" width="20"> <span style="color: black;">00CCCC</span> </td> <td align="left" bgcolor="#00ccff" valign="top" width="20"> <span style="color: black;">00CCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#00ff00" valign="top" width="20"> <span style="color: black;"><b><i>00FF00</i></b></span> </td> <td align="left" bgcolor="#00ff33" valign="top" width="20"> <span style="color: black;">00FF33</span> </td> <td align="left" bgcolor="#00ff66" valign="top" width="20"> <span style="color: black;">00FF66</span> </td> <td align="left" bgcolor="#00ff99" valign="top" width="20"> <span style="color: black;">00FF99</span> </td> <td align="left" bgcolor="#00ffcc" valign="top" width="20"> <span style="color: black;">00FFCC</span> </td> <td align="left" bgcolor="#00ffff" valign="top" width="20"> <span style="color: black;"><i><b>00FFFF</b></i></span> </td> </tr>
<tr> <td align="left" bgcolor="#330000" valign="top" width="20"> <span style="color: white;">330000</span> </td> <td align="left" bgcolor="#330033" valign="top" width="20"> <span style="color: white;">330033</span> </td> <td align="left" bgcolor="#330066" valign="top" width="20"> <span style="color: white;">330066</span> </td> <td align="left" bgcolor="#330099" valign="top" width="20"> <span style="color: white;">330099</span> </td> <td align="left" bgcolor="#3300cc" valign="top" width="20"> <span style="color: white;">3300CC</span> </td> <td align="left" bgcolor="#3300ff" valign="top" width="20"> <span style="color: white;">3300FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#333300" valign="top" width="20"> <span style="color: white;">333300</span> </td> <td align="left" bgcolor="#333333" valign="top" width="20"> <span style="color: red;"><b>333333</b></span> </td> <td align="left" bgcolor="#333366" valign="top" width="20"> <span style="color: white;">333366</span> </td> <td align="left" bgcolor="#333399" valign="top" width="20"> <span style="color: white;">333399</span> </td> <td align="left" bgcolor="#3333cc" valign="top" width="20"> <span style="color: white;">3333CC</span> </td> <td align="left" bgcolor="#3333ff" valign="top" width="20"> <span style="color: white;">3333FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#336600" valign="top" width="20"> <span style="color: white;">336600</span> </td> <td align="left" bgcolor="#336633" valign="top" width="20"> <span style="color: white;">336633</span> </td> <td align="left" bgcolor="#336666" valign="top" width="20"> <span style="color: white;">336666</span> </td> <td align="left" bgcolor="#336699" valign="top" width="20"> <span style="color: white;">336699</span> </td> <td align="left" bgcolor="#3366cc" valign="top" width="20"> <span style="color: white;">3366CC</span> </td> <td align="left" bgcolor="#3366ff" valign="top" width="20"> <span style="color: white;">3366FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#339900" valign="top" width="20"> <span style="color: black;">339900</span> </td> <td align="left" bgcolor="#339933" valign="top" width="20"> <span style="color: black;">339933</span> </td> <td align="left" bgcolor="#339966" valign="top" width="20"> <span style="color: black;">339966</span> </td> <td align="left" bgcolor="#339999" valign="top" width="20"> <span style="color: black;">339999</span> </td> <td align="left" bgcolor="#3399cc" valign="top" width="20"> <span style="color: black;">3399CC</span> </td> <td align="left" bgcolor="#3399ff" valign="top" width="20"> <span style="color: black;">3399FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#33cc00" valign="top" width="20"> <span style="color: black;">33CC00</span> </td> <td align="left" bgcolor="#33cc33" valign="top" width="20"> <span style="color: black;">33CC33</span> </td> <td align="left" bgcolor="#33cc66" valign="top" width="20"> <span style="color: black;">33CC66</span> </td> <td align="left" bgcolor="#33cc99" valign="top" width="20"> <span style="color: black;">33CC99</span> </td> <td align="left" bgcolor="#33cccc" valign="top" width="20"> <span style="color: black;">33CCCC</span> </td> <td align="left" bgcolor="#33ccff" valign="top" width="20"> <span style="color: black;">33CCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#33ff00" valign="top" width="20"> <span style="color: black;">33FF00</span> </td> <td align="left" bgcolor="#33ff33" valign="top" width="20"> <span style="color: black;">33FF33</span> </td> <td align="left" bgcolor="#33ff66" valign="top" width="20"> <span style="color: black;">33FF66</span> </td> <td align="left" bgcolor="#33ff99" valign="top" width="20"> <span style="color: black;">33FF99</span> </td> <td align="left" bgcolor="#33ffcc" valign="top" width="20"> <span style="color: black;">33FFCC</span> </td> <td align="left" bgcolor="#33ffff" valign="top" width="20"> <span style="color: black;">33FFFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#660000" valign="top" width="20"> <span style="color: white;">660000</span> </td> <td align="left" bgcolor="#660033" valign="top" width="20"> <span style="color: white;">660033</span> </td> <td align="left" bgcolor="#660066" valign="top" width="20"> <span style="color: white;">660066</span> </td> <td align="left" bgcolor="#660099" valign="top" width="20"> <span style="color: white;">660099</span> </td> <td align="left" bgcolor="#6600cc" valign="top" width="20"> <span style="color: white;">6600CC</span> </td> <td align="left" bgcolor="#6600ff" valign="top" width="20"> <span style="color: white;">6600FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#663300" valign="top" width="20"> <span style="color: white;">663300</span> </td> <td align="left" bgcolor="#663333" valign="top" width="20"> <span style="color: white;">663333</span> </td> <td align="left" bgcolor="#663366" valign="top" width="20"> <span style="color: white;">663366</span> </td> <td align="left" bgcolor="#663399" valign="top" width="20"> <span style="color: white;">663399</span> </td> <td align="left" bgcolor="#6633cc" valign="top" width="20"> <span style="color: white;">6633CC</span> </td> <td align="left" bgcolor="#6633ff" valign="top" width="20"> <span style="color: white;">6633FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#666600" valign="top" width="20"> <span style="color: white;">666600</span> </td> <td align="left" bgcolor="#666633" valign="top" width="20"> <span style="color: white;">666633</span> </td> <td align="left" bgcolor="#666666" valign="top" width="20"> <span style="color: red;"><b>666666</b></span> </td> <td align="left" bgcolor="#666699" valign="top" width="20"> <span style="color: white;">666699</span> </td> <td align="left" bgcolor="#6666cc" valign="top" width="20"> <span style="color: white;">6666CC</span> </td> <td align="left" bgcolor="#6666ff" valign="top" width="20"> <span style="color: white;">6666FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#669900" valign="top" width="20"> <span style="color: black;">669900</span> </td> <td align="left" bgcolor="#669933" valign="top" width="20"> <span style="color: black;">669933</span> </td> <td align="left" bgcolor="#669966" valign="top" width="20"> <span style="color: black;">669966</span> </td> <td align="left" bgcolor="#669999" valign="top" width="20"> <span style="color: black;">669999</span> </td> <td align="left" bgcolor="#6699cc" valign="top" width="20"> <span style="color: black;">6699CC</span> </td> <td align="left" bgcolor="#6699ff" valign="top" width="20"> <span style="color: black;">6699FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#66cc00" valign="top" width="20"> <span style="color: black;">66CC00</span> </td> <td align="left" bgcolor="#66cc33" valign="top" width="20"> <span style="color: black;">66CC33</span> </td> <td align="left" bgcolor="#66cc66" valign="top" width="20"> <span style="color: black;">66CC66</span> </td> <td align="left" bgcolor="#66cc99" valign="top" width="20"> <span style="color: black;">66CC99</span> </td> <td align="left" bgcolor="#66cccc" valign="top" width="20"> <span style="color: black;">66CCCC</span> </td> <td align="left" bgcolor="#66ccff" valign="top" width="20"> <span style="color: black;">66CCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#66ff00" valign="top" width="20"> <span style="color: black;">66FF00</span> </td> <td align="left" bgcolor="#66ff33" valign="top" width="20"> <span style="color: black;">66FF33</span> </td> <td align="left" bgcolor="#66ff66" valign="top" width="20"> <span style="color: black;">66FF66</span> </td> <td align="left" bgcolor="#66ff99" valign="top" width="20"> <span style="color: black;">66FF99</span> </td> <td align="left" bgcolor="#66ffcc" valign="top" width="20"> <span style="color: black;">66FFCC</span> </td> <td align="left" bgcolor="#66ffff" valign="top" width="20"> <span style="color: black;">66FFFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#990000" valign="top" width="20"> <span style="color: white;">990000</span> </td> <td align="left" bgcolor="#990033" valign="top" width="20"> <span style="color: white;">990033</span> </td> <td align="left" bgcolor="#990066" valign="top" width="20"> <span style="color: white;">990066</span> </td> <td align="left" bgcolor="#990099" valign="top" width="20"> <span style="color: white;">990099</span> </td> <td align="left" bgcolor="#9900cc" valign="top" width="20"> <span style="color: white;">9900CC</span> </td> <td align="left" bgcolor="#9900ff" valign="top" width="20"> <span style="color: white;">9900FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#993300" valign="top" width="20"> <span style="color: white;">993300</span> </td> <td align="left" bgcolor="#993333" valign="top" width="20"> <span style="color: white;">993333</span> </td> <td align="left" bgcolor="#993366" valign="top" width="20"> <span style="color: white;">993366</span> </td> <td align="left" bgcolor="#993399" valign="top" width="20"> <span style="color: white;">993399</span> </td> <td align="left" bgcolor="#9933cc" valign="top" width="20"> <span style="color: white;">9933CC</span> </td> <td align="left" bgcolor="#9933ff" valign="top" width="20"> <span style="color: white;">9933FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#996600" valign="top" width="20"> <span style="color: white;">996600</span> </td> <td align="left" bgcolor="#996633" valign="top" width="20"> <span style="color: white;">996633</span> </td> <td align="left" bgcolor="#996666" valign="top" width="20"> <span style="color: white;">996666</span> </td> <td align="left" bgcolor="#996699" valign="top" width="20"> <span style="color: white;">996699</span> </td> <td align="left" bgcolor="#9966cc" valign="top" width="20"> <span style="color: white;">9966CC</span> </td> <td align="left" bgcolor="#9966ff" valign="top" width="20"> <span style="color: white;">9966FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#999900" valign="top" width="20"> <span style="color: black;">999900</span> </td> <td align="left" bgcolor="#999933" valign="top" width="20"> <span style="color: black;">999933</span> </td> <td align="left" bgcolor="#999966" valign="top" width="20"> <span style="color: black;">999966</span> </td> <td align="left" bgcolor="#999999" valign="top" width="20"> <span style="color: red;"><b>999999</b></span> </td> <td align="left" bgcolor="#9999cc" valign="top" width="20"> <span style="color: black;">9999CC</span> </td> <td align="left" bgcolor="#9999ff" valign="top" width="20"> <span style="color: black;">9999FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#99cc00" valign="top" width="20"> <span style="color: black;">99CC00</span> </td> <td align="left" bgcolor="#99cc33" valign="top" width="20"> <span style="color: black;">99CC33</span> </td> <td align="left" bgcolor="#99cc66" valign="top" width="20"> <span style="color: black;">99CC66</span> </td> <td align="left" bgcolor="#99cc99" valign="top" width="20"> <span style="color: black;">99CC99</span> </td> <td align="left" bgcolor="#99cccc" valign="top" width="20"> <span style="color: black;">99CCCC</span> </td> <td align="left" bgcolor="#99ccff" valign="top" width="20"> <span style="color: black;">99CCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#99ff00" valign="top" width="20"> <span style="color: black;">99FF00</span> </td> <td align="left" bgcolor="#99ff33" valign="top" width="20"> <span style="color: black;">99FF33</span> </td> <td align="left" bgcolor="#99ff66" valign="top" width="20"> <span style="color: black;">99FF66</span> </td> <td align="left" bgcolor="#99ff99" valign="top" width="20"> <span style="color: black;">99FF99</span> </td> <td align="left" bgcolor="#99ffcc" valign="top" width="20"> <span style="color: black;">99FFCC</span> </td> <td align="left" bgcolor="#99ffff" valign="top" width="20"> <span style="color: black;">99FFFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#cc0000" valign="top" width="20"> <span style="color: white;">CC0000</span> </td> <td align="left" bgcolor="#cc0033" valign="top" width="20"> <span style="color: white;">CC0033</span> </td> <td align="left" bgcolor="#cc0066" valign="top" width="20"> <span style="color: white;">CC0066</span> </td> <td align="left" bgcolor="#cc0099" valign="top" width="20"> <span style="color: white;">CC0099</span> </td> <td align="left" bgcolor="#cc00cc" valign="top" width="20"> <span style="color: white;">CC00CC</span> </td> <td align="left" bgcolor="#cc00ff" valign="top" width="20"> <span style="color: white;">CC00FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#cc3300" valign="top" width="20"> <span style="color: white;">CC3300</span> </td> <td align="left" bgcolor="#cc3333" valign="top" width="20"> <span style="color: white;">CC3333</span> </td> <td align="left" bgcolor="#cc3366" valign="top" width="20"> <span style="color: white;">CC3366</span> </td> <td align="left" bgcolor="#cc3399" valign="top" width="20"> <span style="color: white;">CC3399</span> </td> <td align="left" bgcolor="#cc33cc" valign="top" width="20"> <span style="color: white;">CC33CC</span> </td> <td align="left" bgcolor="#cc33ff" valign="top" width="20"> <span style="color: white;">CC33FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#cc6600" valign="top" width="20"> <span style="color: white;">CC6600</span> </td> <td align="left" bgcolor="#cc6633" valign="top" width="20"> <span style="color: white;">CC6633</span> </td> <td align="left" bgcolor="#cc6666" valign="top" width="20"> <span style="color: white;">CC6666</span> </td> <td align="left" bgcolor="#cc6699" valign="top" width="20"> <span style="color: white;">CC6699</span> </td> <td align="left" bgcolor="#cc66cc" valign="top" width="20"> <span style="color: white;">CC66CC</span> </td> <td align="left" bgcolor="#cc66ff" valign="top" width="20"> <span style="color: white;">CC66FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#cc9900" valign="top" width="20"> <span style="color: black;">CC9900</span> </td> <td align="left" bgcolor="#cc9933" valign="top" width="20"> <span style="color: black;">CC9933</span> </td> <td align="left" bgcolor="#cc9966" valign="top" width="20"> <span style="color: black;">CC9966</span> </td> <td align="left" bgcolor="#cc9999" valign="top" width="20"> <span style="color: black;">CC9999</span> </td> <td align="left" bgcolor="#cc99cc" valign="top" width="20"> <span style="color: black;">CC99CC</span> </td> <td align="left" bgcolor="#cc99ff" valign="top" width="20"> <span style="color: black;">CC99FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#cccc00" valign="top" width="20"> <span style="color: black;">CCCC00</span> </td> <td align="left" bgcolor="#cccc33" valign="top" width="20"> <span style="color: black;">CCCC33</span> </td> <td align="left" bgcolor="#cccc66" valign="top" width="20"> <span style="color: black;">CCCC66</span> </td> <td align="left" bgcolor="#cccc99" valign="top" width="20"> <span style="color: black;">CCCC99</span> </td> <td align="left" bgcolor="#cccccc" valign="top" width="20"> <span style="color: red;"><b>CCCCCC</b></span> </td> <td align="left" bgcolor="#ccccff" valign="top" width="20"> <span style="color: black;">CCCCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ccff00" valign="top" width="20"> <span style="color: black;">CCFF00</span> </td> <td align="left" bgcolor="#ccff33" valign="top" width="20"> <span style="color: black;">CCFF33</span> </td> <td align="left" bgcolor="#ccff66" valign="top" width="20"> <span style="color: black;">CCFF66</span> </td> <td align="left" bgcolor="#ccff99" valign="top" width="20"> <span style="color: black;">CCFF99</span> </td> <td align="left" bgcolor="#ccffcc" valign="top" width="20"> <span style="color: black;">CCFFCC</span> </td> <td align="left" bgcolor="#ccffff" valign="top" width="20"> <span style="color: black;">CCFFFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ff0000" valign="top" width="20"> <span style="color: white;"><i><b>FF0000</b></i></span> </td> <td align="left" bgcolor="#ff0033" valign="top" width="20"> <span style="color: white;">FF0033</span> </td> <td align="left" bgcolor="#ff0066" valign="top" width="20"> <span style="color: white;">FF0066</span> </td> <td align="left" bgcolor="#ff0099" valign="top" width="20"> <span style="color: white;">FF0099</span> </td> <td align="left" bgcolor="#ff00cc" valign="top" width="20"> <span style="color: white;">FF00CC</span> </td> <td align="left" bgcolor="#ff00ff" valign="top" width="20"> <span style="color: white;"><i><b>FF00FF</b></i></span> </td> </tr>
<tr> <td align="left" bgcolor="#ff3300" valign="top" width="20"> <span style="color: white;">FF3300</span> </td> <td align="left" bgcolor="#ff3333" valign="top" width="20"> <span style="color: white;">FF3333</span> </td> <td align="left" bgcolor="#ff3366" valign="top" width="20"> <span style="color: white;">FF3366</span> </td> <td align="left" bgcolor="#ff3399" valign="top" width="20"> <span style="color: white;">FF3399</span> </td> <td align="left" bgcolor="#ff33cc" valign="top" width="20"> <span style="color: white;">FF33CC</span> </td> <td align="left" bgcolor="#ff33ff" valign="top" width="20"> <span style="color: white;">FF33FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ff6600" valign="top" width="20"> <span style="color: white;">FF6600</span> </td> <td align="left" bgcolor="#ff6633" valign="top" width="20"> <span style="color: white;">FF6633</span> </td> <td align="left" bgcolor="#ff6666" valign="top" width="20"> <span style="color: white;">FF6666</span> </td> <td align="left" bgcolor="#ff6699" valign="top" width="20"> <span style="color: white;">FF6699</span> </td> <td align="left" bgcolor="#ff66cc" valign="top" width="20"> <span style="color: white;">FF66CC</span> </td> <td align="left" bgcolor="#ff66ff" valign="top" width="20"> <span style="color: white;">FF66FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ff9900" valign="top" width="20"> <span style="color: black;">FF9900</span> </td> <td align="left" bgcolor="#ff9933" valign="top" width="20"> <span style="color: black;">FF9933</span> </td> <td align="left" bgcolor="#ff9966" valign="top" width="20"> <span style="color: black;">FF9966</span> </td> <td align="left" bgcolor="#ff9999" valign="top" width="20"> <span style="color: black;">FF9999</span> </td> <td align="left" bgcolor="#ff99cc" valign="top" width="20"> <span style="color: black;">FF99CC</span> </td> <td align="left" bgcolor="#ff99ff" valign="top" width="20"> <span style="color: black;">FF99FF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ffcc00" valign="top" width="20"> <span style="color: black;">FFCC00</span> </td> <td align="left" bgcolor="#ffcc33" valign="top" width="20"> <span style="color: black;">FFCC33</span> </td> <td align="left" bgcolor="#ffcc66" valign="top" width="20"> <span style="color: black;">FFCC66</span> </td> <td align="left" bgcolor="#ffcc99" valign="top" width="20"> <span style="color: black;">FFCC99</span> </td> <td align="left" bgcolor="#ffcccc" valign="top" width="20"> <span style="color: black;">FFCCCC</span> </td> <td align="left" bgcolor="#ffccff" valign="top" width="20"> <span style="color: black;">FFCCFF</span> </td> </tr>
<tr> <td align="left" bgcolor="#ffff00" valign="top" width="20"> <span style="color: black;"><i><b>FFFF00</b></i></span> </td> <td align="left" bgcolor="#ffff33" valign="top" width="20"> <span style="color: black;">FFFF33</span> </td> <td align="left" bgcolor="#ffff66" valign="top" width="20"> <span style="color: black;">FFFF66</span> </td> <td align="left" bgcolor="#ffff99" valign="top" width="20"> <span style="color: black;">FFFF99</span> </td> <td align="left" bgcolor="#ffffcc" valign="top" width="20"> <span style="color: black;">FFFFCC</span> </td> <td align="left" bgcolor="#ffffff" valign="top" width="20"> <span style="color: red;"><b>FFFFFF</b></span> </td> </tr>
</tbody></table><br />
<table bgcolor="#333333" border="0"><tbody>
<tr> <td align="left" bgcolor="#333333" colspan="7" valign="top"> <span style="color: white;"><b>Secondary/Mixed/Pastel Colors</b></span> </td> </tr>
<tr> <td bgcolor="#ff4848" width="80">FF4848</td> <td bgcolor="#ff68dd" width="80">FF68DD</td> <td bgcolor="#ff62b0" width="80">FF62B0</td> <td bgcolor="#fe67eb" width="80">FE67EB</td> <td bgcolor="#e469fe" width="80">E469FE</td> <td bgcolor="#d568fd" width="80"><div class="white">D568FD</div></td> <td bgcolor="#9669fe" width="80"><div class="white">9669FE</div></td> </tr>
<tr> <td bgcolor="#ff7575" width="80">FF7575</td> <td bgcolor="#ff79e1" width="80">FF79E1</td> <td bgcolor="#ff73b9" width="80">FF73B9</td> <td bgcolor="#fe67eb" width="80">FE67EB</td> <td bgcolor="#e77afe" width="80">E77AFE</td> <td bgcolor="#d97bfd" width="80"><div class="white">D97BFD</div></td> <td bgcolor="#a27afe" width="80"><div class="white">A27AFE</div></td> </tr>
<tr> <td bgcolor="#ff8a8a" width="80">FF8A8A</td> <td bgcolor="#ff86e3" width="80">FF86E3</td> <td bgcolor="#ff86c2" width="80">FF86C2</td> <td bgcolor="#fe8bf0" width="80">FE8BF0</td> <td bgcolor="#ea8dfe" width="80">EA8DFE</td> <td bgcolor="#dd88fd" width="80">DD88FD</td> <td bgcolor="#ad8bfe" width="80">AD8BFE</td> </tr>
<tr> <td bgcolor="#ff9797" width="80">FF9797</td> <td bgcolor="#ff97e8" width="80">FF97E8</td> <td bgcolor="#ff97cb" width="80">FF97CB</td> <td bgcolor="#fe98f1" width="80">FE98F1</td> <td bgcolor="#ed9efe" width="80">ED9EFE</td> <td bgcolor="#e29bfd" width="80">E29BFD</td> <td bgcolor="#b89afe" width="80">B89AFE</td> </tr>
<tr> <td bgcolor="#ffa8a8" width="80">FFA8A8</td> <td bgcolor="#ffacec" width="80">FFACEC</td> <td bgcolor="#ffa8d3" width="80">FFA8D3</td> <td bgcolor="#fea9f3" width="80">FEA9F3</td> <td bgcolor="#efa9fe" width="80">EFA9FE</td> <td bgcolor="#e7a9fe" width="80">E7A9FE</td> <td bgcolor="#c4abfe" width="80">C4ABFE</td> </tr>
<tr> <td bgcolor="#ffbbbb" width="80">FFBBBB</td> <td bgcolor="#ffacec" width="80">FFACEC</td> <td bgcolor="#ffbbdd" width="80">FFBBDD</td> <td bgcolor="#ffbbf7" width="80">FFBBF7</td> <td bgcolor="#f2bcfe" width="80">F2BCFE</td> <td bgcolor="#edbefe" width="80">EDBEFE</td> <td bgcolor="#d0bcfe" width="80">D0BCFE</td> </tr>
<tr> <td bgcolor="#ffcece" width="80">FFCECE</td> <td bgcolor="#ffc8f2" width="80">FFC8F2</td> <td bgcolor="#ffc8e3" width="80">FFC8E3</td> <td bgcolor="#ffcaf9" width="80">FFCAF9</td> <td bgcolor="#f5caff" width="80">F5CAFF</td> <td bgcolor="#f0cbfe" width="80">F0CBFE</td> <td bgcolor="#ddceff" width="80">DDCEFF</td> </tr>
<tr> <td bgcolor="#ffdfdf" width="80">FFDFDF</td> <td bgcolor="#ffdff8" width="80">FFDFF8</td> <td bgcolor="#ffdfef" width="80">FFDFEF</td> <td bgcolor="#ffdbfb" width="80">FFDBFB</td> <td bgcolor="#f9d9ff" width="80">F9D9FF</td> <td bgcolor="#f4dcfe" width="80">F4DCFE</td> <td bgcolor="#e6dbff" width="80">E6DBFF</td> </tr>
<tr> <td bgcolor="#ffecec" width="80">FFECEC</td> <td bgcolor="#ffeefb" width="80">FFEEFB</td> <td bgcolor="#ffecf5" width="80">FFECF5</td> <td bgcolor="#ffeefd" width="80">FFEEFD</td> <td bgcolor="#fdf2ff" width="80">FDF2FF</td> <td bgcolor="#faecff" width="80">FAECFF</td> <td bgcolor="#f1ecff" width="80">F1ECFF</td> </tr>
<tr> <td bgcolor="#fff2f2" width="80">FFF2F2</td> <td bgcolor="#fffefb" width="80">FFFEFB</td> <td bgcolor="#fff9fc" width="80">FFF9FC</td> <td bgcolor="#fff9fe" width="80">FFF9FE</td> <td bgcolor="#fffdff" width="80">FFFDFF</td> <td bgcolor="#fdf9ff" width="80">FDF9FF</td> <td bgcolor="#fbf9ff" width="80">FBF9FF</td> </tr>
<tr> <td bgcolor="#800080" width="80"><div class="white">800080</div></td> <td bgcolor="#872187" width="80"><div class="white">872187</div></td> <td bgcolor="#9a03fe" width="80"><div class="white">9A03FE</div></td> <td bgcolor="#892ee4" width="80"><div class="white">892EE4</div></td> <td bgcolor="#3923d6" width="80"><div class="white">3923D6</div></td> <td bgcolor="#2966b8" width="80"><div class="white">2966B8</div></td> <td bgcolor="#23819c" width="80"><div class="white">23819C</div></td> </tr>
<tr> <td bgcolor="#bf00bf" width="80"><div class="white">BF00BF</div></td> <td bgcolor="#bc2ebc" width="80"><div class="white">BC2EBC</div></td> <td bgcolor="#a827fe" width="80"><div class="white">A827FE</div></td> <td bgcolor="#9b4ee9" width="80"><div class="white">9B4EE9</div></td> <td bgcolor="#6755e3" width="80"><div class="white">6755E3</div></td> <td bgcolor="#2f74d0" width="80"><div class="white">2F74D0</div></td> <td bgcolor="#2897b7" width="80"><div class="white">2897B7</div></td> </tr>
<tr> <td bgcolor="#db00db" width="80"><div class="white">DB00DB</div></td> <td bgcolor="#d54fd5" width="80"><div class="white">D54FD5</div></td> <td bgcolor="#b445fe" width="80"><div class="white">B445FE</div></td> <td bgcolor="#a55feb" width="80"><div class="white">A55FEB</div></td> <td bgcolor="#8678e9" width="80"><div class="white">8678E9</div></td> <td bgcolor="#4985d6" width="80"><div class="white">4985D6</div></td> <td bgcolor="#2faace" width="80"><div class="white">2FAACE</div></td> </tr>
<tr> <td bgcolor="#f900f9" width="80"><div class="white">F900F9</div></td> <td bgcolor="#dd75dd" width="80"><div class="white">DD75DD</div></td> <td bgcolor="#bd5cfe" width="80"><div class="white">BD5CFE</div></td> <td bgcolor="#ae70ed" width="80"><div class="white">AE70ED</div></td> <td bgcolor="#9588ec" width="80"><div class="white">9588EC</div></td> <td bgcolor="#6094db" width="80"><div class="white">6094DB</div></td> <td bgcolor="#44b4d5" width="80"><div class="white">44B4D5</div></td> </tr>
<tr> <td bgcolor="#ff4aff" width="80">FF4AFF</td> <td bgcolor="#dd75dd" width="80">DD75DD</td> <td bgcolor="#c269fe" width="80">C269FE</td> <td bgcolor="#ae70ed" width="80"><div class="white">AE70ED</div></td> <td bgcolor="#a095ee" width="80">A095EE</td> <td bgcolor="#7ba7e1" width="80">7BA7E1</td> <td bgcolor="#57bcd9" width="80">57BCD9</td> </tr>
<tr> <td bgcolor="#ff86ff" width="80">FF86FF</td> <td bgcolor="#e697e6" width="80">E697E6</td> <td bgcolor="#cd85fe" width="80">CD85FE</td> <td bgcolor="#c79bf2" width="80">C79BF2</td> <td bgcolor="#b0a7f1" width="80">B0A7F1</td> <td bgcolor="#8eb4e6" width="80">8EB4E6</td> <td bgcolor="#7bcae1" width="80">7BCAE1</td> </tr>
<tr> <td bgcolor="#ffa4ff" width="80">FFA4FF</td> <td bgcolor="#eaa6ea" width="80">EAA6EA</td> <td bgcolor="#d698fe" width="80">D698FE</td> <td bgcolor="#cea8f4" width="80">CEA8F4</td> <td bgcolor="#bcb4f3" width="80">BCB4F3</td> <td bgcolor="#a9c5eb" width="80">A9C5EB</td> <td bgcolor="#8cd1e6" width="80">8CD1E6</td> </tr>
<tr> <td bgcolor="#ffbbff" width="80">FFBBFF</td> <td bgcolor="#eebbee" width="80">EEBBEE</td> <td bgcolor="#dfb0ff" width="80">DFB0FF</td> <td bgcolor="#dbbff7" width="80">DBBFF7</td> <td bgcolor="#cbc5f5" width="80">CBC5F5</td> <td bgcolor="#bad0ef" width="80">BAD0EF</td> <td bgcolor="#a5dbeb" width="80">A5DBEB</td> </tr>
<tr> <td bgcolor="#ffceff" width="80">FFCEFF</td> <td bgcolor="#f0c4f0" width="80">F0C4F0</td> <td bgcolor="#e8c6ff" width="80">E8C6FF</td> <td bgcolor="#e1caf9" width="80">E1CAF9</td> <td bgcolor="#d7d1f8" width="80">D7D1F8</td> <td bgcolor="#cedef4" width="80">CEDEF4</td> <td bgcolor="#b8e2ef" width="80">B8E2EF</td> </tr>
<tr> <td bgcolor="#ffdfff" width="80">FFDFFF</td> <td bgcolor="#f4d2f4" width="80">F4D2F4</td> <td bgcolor="#efd7ff" width="80">EFD7FF</td> <td bgcolor="#eddffb" width="80">EDDFFB</td> <td bgcolor="#e3e0fa" width="80">E3E0FA</td> <td bgcolor="#e0eaf8" width="80">E0EAF8</td> <td bgcolor="#c9eaf3" width="80">C9EAF3</td> </tr>
<tr> <td bgcolor="#ffecff" width="80">FFECFF</td> <td bgcolor="#f4d2f4" width="80">F4D2F4</td> <td bgcolor="#f9eeff" width="80">F9EEFF</td> <td bgcolor="#f5eefd" width="80">F5EEFD</td> <td bgcolor="#efedfc" width="80">EFEDFC</td> <td bgcolor="#eaf1fb" width="80">EAF1FB</td> <td bgcolor="#dbf0f7" width="80">DBF0F7</td> </tr>
<tr> <td bgcolor="#fff9ff" width="80">FFF9FF</td> <td bgcolor="#fdf9fd" width="80">FDF9FD</td> <td bgcolor="#fefdff" width="80">FEFDFF</td> <td bgcolor="#fefdff" width="80">FEFDFF</td> <td bgcolor="#f7f5fe" width="80">F7F5FE</td> <td bgcolor="#f8fbfe" width="80">F8FBFE</td> <td bgcolor="#eaf7fb" width="80">EAF7FB</td> </tr>
<tr> <td bgcolor="#5757ff" width="80"><div class="white">5757FF</div></td> <td bgcolor="#62a9ff" width="80"><div class="white">62A9FF</div></td> <td bgcolor="#62d0ff" width="80">62D0FF</td> <td bgcolor="#06dcfb" width="80">06DCFB</td> <td bgcolor="#01fcef" width="80">01FCEF</td> <td bgcolor="#03eba6" width="80">03EBA6</td> <td bgcolor="#01f33e" width="80">01F33E</td> </tr>
<tr> <td bgcolor="#6a6aff" width="80"><div class="white">6A6AFF</div></td> <td bgcolor="#75b4ff" width="80"><div class="white">75B4FF</div></td> <td bgcolor="#75d6ff" width="80">75D6FF</td> <td bgcolor="#24e0fb" width="80">24E0FB</td> <td bgcolor="#1ffef3" width="80">1FFEF3</td> <td bgcolor="#03f3ab" width="80">03F3AB</td> <td bgcolor="#0afe47" width="80">0AFE47</td> </tr>
<tr> <td bgcolor="#7979ff" width="80"><div class="white">7979FF</div></td> <td bgcolor="#86bcff" width="80">86BCFF</td> <td bgcolor="#8adcff" width="80">8ADCFF</td> <td bgcolor="#3de4fc" width="80">3DE4FC</td> <td bgcolor="#5ffef7" width="80">5FFEF7</td> <td bgcolor="#33fdc0" width="80">33FDC0</td> <td bgcolor="#4bfe78" width="80">4BFE78</td> </tr>
<tr> <td bgcolor="#8c8cff" width="80">8C8CFF</td> <td bgcolor="#99c7ff" width="80">99C7FF</td> <td bgcolor="#99e0ff" width="80">99E0FF</td> <td bgcolor="#63e9fc" width="80">63E9FC</td> <td bgcolor="#74fef8" width="80">74FEF8</td> <td bgcolor="#62fdce" width="80">62FDCE</td> <td bgcolor="#72fe95" width="80">72FE95</td> </tr>
<tr> <td bgcolor="#9999ff" width="80">9999FF</td> <td bgcolor="#99c7ff" width="80">99C7FF</td> <td bgcolor="#a8e4ff" width="80">A8E4FF</td> <td bgcolor="#75ecfd" width="80">75ECFD</td> <td bgcolor="#92fef9" width="80">92FEF9</td> <td bgcolor="#7dfdd7" width="80">7DFDD7</td> <td bgcolor="#8bfea8" width="80">8BFEA8</td> </tr>
<tr> <td bgcolor="#aaaaff" width="80">AAAAFF</td> <td bgcolor="#a8cfff" width="80">A8CFFF</td> <td bgcolor="#bbebff" width="80">BBEBFF</td> <td bgcolor="#8ceffd" width="80">8CEFFD</td> <td bgcolor="#a5fefa" width="80">A5FEFA</td> <td bgcolor="#8ffedd" width="80">8FFEDD</td> <td bgcolor="#a3feba" width="80">A3FEBA</td> </tr>
<tr> <td bgcolor="#bbbbff" width="80">BBBBFF</td> <td bgcolor="#bbdaff" width="80">BBDAFF</td> <td bgcolor="#cef0ff" width="80">CEF0FF</td> <td bgcolor="#acf3fd" width="80">ACF3FD</td> <td bgcolor="#b5fffc" width="80">B5FFFC</td> <td bgcolor="#a5fee3" width="80">A5FEE3</td> <td bgcolor="#b5ffc8" width="80">B5FFC8</td> </tr>
<tr> <td bgcolor="#cacaff" width="80">CACAFF</td> <td bgcolor="#d0e6ff" width="80">D0E6FF</td> <td bgcolor="#d9f3ff" width="80">D9F3FF</td> <td bgcolor="#c0f7fe" width="80">C0F7FE</td> <td bgcolor="#cefffd" width="80">CEFFFD</td> <td bgcolor="#befeeb" width="80">BEFEEB</td> <td bgcolor="#caffd8" width="80">CAFFD8</td> </tr>
<tr> <td bgcolor="#e1e1ff" width="80">E1E1FF</td> <td bgcolor="#dbebff" width="80">DBEBFF</td> <td bgcolor="#ecfaff" width="80">ECFAFF</td> <td bgcolor="#c0f7fe" width="80">C0F7FE</td> <td bgcolor="#e1fffe" width="80">E1FFFE</td> <td bgcolor="#bdffea" width="80">BDFFEA</td> <td bgcolor="#eaffef" width="80">EAFFEF</td> </tr>
<tr> <td bgcolor="#eeeeff" width="80">EEEEFF</td> <td bgcolor="#ecf4ff" width="80">ECF4FF</td> <td bgcolor="#f9fdff" width="80">F9FDFF</td> <td bgcolor="#e6fcff" width="80">E6FCFF</td> <td bgcolor="#f2fffe" width="80">F2FFFE</td> <td bgcolor="#cffef0" width="80">CFFEF0</td> <td bgcolor="#eaffef" width="80">EAFFEF</td> </tr>
<tr> <td bgcolor="#f9f9ff" width="80">F9F9FF</td> <td bgcolor="#f9fcff" width="80">F9FCFF</td> <td bgcolor="#fdfeff" width="80">FDFEFF</td> <td bgcolor="#f9feff" width="80">F9FEFF</td> <td bgcolor="#fdffff" width="80">FDFFFF</td> <td bgcolor="#f7fffd" width="80">F7FFFD</td> <td bgcolor="#f9fffb" width="80">F9FFFB</td> </tr>
<tr> <td bgcolor="#1fcb4a" width="80">1FCB4A</td> <td bgcolor="#59955c" width="80">59955C</td> <td bgcolor="#48fb0d" width="80">48FB0D</td> <td bgcolor="#2dc800" width="80">2DC800</td> <td bgcolor="#59df00" width="80">59DF00</td> <td bgcolor="#9d9d00" width="80">9D9D00</td> <td bgcolor="#b6ba18" width="80">B6BA18</td> </tr>
<tr> <td bgcolor="#27de55" width="80">27DE55</td> <td bgcolor="#6ca870" width="80">6CA870</td> <td bgcolor="#79fc4e" width="80">79FC4E</td> <td bgcolor="#32df00" width="80">32DF00</td> <td bgcolor="#61f200" width="80">61F200</td> <td bgcolor="#c8c800" width="80">C8C800</td> <td bgcolor="#cdd11b" width="80">CDD11B</td> </tr>
<tr> <td bgcolor="#4ae371" width="80">4AE371</td> <td bgcolor="#80b584" width="80">80B584</td> <td bgcolor="#89fc63" width="80">89FC63</td> <td bgcolor="#36f200" width="80">36F200</td> <td bgcolor="#66ff00" width="80">66FF00</td> <td bgcolor="#dfdf00" width="80">DFDF00</td> <td bgcolor="#dfe32d" width="80">DFE32D</td> </tr>
<tr> <td bgcolor="#7ceb98" width="80">7CEB98</td> <td bgcolor="#93bf96" width="80">93BF96</td> <td bgcolor="#99fd77" width="80">99FD77</td> <td bgcolor="#52ff20" width="80">52FF20</td> <td bgcolor="#95ff4f" width="80">95FF4F</td> <td bgcolor="#ffffaa" width="80">FFFFAA</td> <td bgcolor="#edef85" width="80">EDEF85</td> </tr>
<tr> <td bgcolor="#93eeaa" width="80">93EEAA</td> <td bgcolor="#a6caa9" width="80">A6CAA9</td> <td bgcolor="#aafd8e" width="80">AAFD8E</td> <td bgcolor="#6fff44" width="80">6FFF44</td> <td bgcolor="#abff73" width="80">ABFF73</td> <td bgcolor="#ffff84" width="80">FFFF84</td> <td bgcolor="#eef093" width="80">EEF093</td> </tr>
<tr> <td bgcolor="#a4f0b7" width="80">A4F0B7</td> <td bgcolor="#b4d1b6" width="80">B4D1B6</td> <td bgcolor="#bafea3" width="80">BAFEA3</td> <td bgcolor="#8fff6f" width="80">8FFF6F</td> <td bgcolor="#c0ff97" width="80">C0FF97</td> <td bgcolor="#ffff99" width="80">FFFF99</td> <td bgcolor="#f2f4b3" width="80">F2F4B3</td> </tr>
<tr> <td bgcolor="#bdf4cb" width="80">BDF4CB</td> <td bgcolor="#c9decb" width="80">C9DECB</td> <td bgcolor="#cafeb8" width="80">CAFEB8</td> <td bgcolor="#a5ff8a" width="80">A5FF8A</td> <td bgcolor="#d1ffb3" width="80">D1FFB3</td> <td bgcolor="#ffffb5" width="80">FFFFB5</td> <td bgcolor="#f5f7c4" width="80">F5F7C4</td> </tr>
<tr> <td bgcolor="#d6f8de" width="80">D6F8DE</td> <td bgcolor="#dbeadc" width="80">DBEADC</td> <td bgcolor="#ddfed1" width="80">DDFED1</td> <td bgcolor="#b3ff99" width="80">B3FF99</td> <td bgcolor="#dfffca" width="80">DFFFCA</td> <td bgcolor="#ffffc8" width="80">FFFFC8</td> <td bgcolor="#f7f9d0" width="80">F7F9D0</td> </tr>
<tr> <td bgcolor="#e3fbe9" width="80">E3FBE9</td> <td bgcolor="#e9f1ea" width="80">E9F1EA</td> <td bgcolor="#eafee2" width="80">EAFEE2</td> <td bgcolor="#d2ffc4" width="80">D2FFC4</td> <td bgcolor="#e8ffd9" width="80">E8FFD9</td> <td bgcolor="#ffffd7" width="80">FFFFD7</td> <td bgcolor="#fafbdf" width="80">FAFBDF</td> </tr>
<tr> <td bgcolor="#e3fbe9" width="80">E3FBE9</td> <td bgcolor="#f3f8f4" width="80">F3F8F4</td> <td bgcolor="#f1feed" width="80">F1FEED</td> <td bgcolor="#e7ffdf" width="80">E7FFDF</td> <td bgcolor="#f2ffea" width="80">F2FFEA</td> <td bgcolor="#ffffe3" width="80">FFFFE3</td> <td bgcolor="#fcfce9" width="80">FCFCE9</td> </tr>
<tr> <td bgcolor="#fafefb" width="80">FAFEFB</td> <td bgcolor="#fbfdfb" width="80">FBFDFB</td> <td bgcolor="#fdfffd" width="80">FDFFFD</td> <td bgcolor="#f5fff2" width="80">F5FFF2</td> <td bgcolor="#fafff7" width="80">FAFFF7</td> <td bgcolor="#fffffd" width="80">FFFFFD</td> <td bgcolor="#fdfdf0" width="80">FDFDF0</td> </tr>
<tr> <td bgcolor="#baba21" width="80">BABA21</td> <td bgcolor="#c8b400" width="80">C8B400</td> <td bgcolor="#dfa800" width="80">DFA800</td> <td bgcolor="#db9900" width="80">DB9900</td> <td bgcolor="#ffb428" width="80">FFB428</td> <td bgcolor="#ff9331" width="80">FF9331</td> <td bgcolor="#ff800d" width="80">FF800D</td> </tr>
<tr> <td bgcolor="#e0e04e" width="80">E0E04E</td> <td bgcolor="#d9c400" width="80">D9C400</td> <td bgcolor="#f9bb00" width="80">F9BB00</td> <td bgcolor="#eaa400" width="80">EAA400</td> <td bgcolor="#ffbf48" width="80">FFBF48</td> <td bgcolor="#ffa04a" width="80">FFA04A</td> <td bgcolor="#ff9c42" width="80">FF9C42</td> </tr>
<tr> <td bgcolor="#e6e671" width="80">E6E671</td> <td bgcolor="#e6ce00" width="80">E6CE00</td> <td bgcolor="#ffcb2f" width="80">FFCB2F</td> <td bgcolor="#ffb60b" width="80">FFB60B</td> <td bgcolor="#ffc65b" width="80">FFC65B</td> <td bgcolor="#ffab60" width="80">FFAB60</td> <td bgcolor="#ffac62" width="80">FFAC62</td> </tr>
<tr> <td bgcolor="#eaea8a" width="80">EAEA8A</td> <td bgcolor="#f7de00" width="80">F7DE00</td> <td bgcolor="#ffd34f" width="80">FFD34F</td> <td bgcolor="#ffbe28" width="80">FFBE28</td> <td bgcolor="#ffce73" width="80">FFCE73</td> <td bgcolor="#ffbb7d" width="80">FFBB7D</td> <td bgcolor="#ffbd82" width="80">FFBD82</td> </tr>
<tr> <td bgcolor="#eeeea2" width="80">EEEEA2</td> <td bgcolor="#ffe920" width="80">FFE920</td> <td bgcolor="#ffdd75" width="80">FFDD75</td> <td bgcolor="#ffc848" width="80">FFC848</td> <td bgcolor="#ffd586" width="80">FFD586</td> <td bgcolor="#ffc48e" width="80">FFC48E</td> <td bgcolor="#ffc895" width="80">FFC895</td> </tr>
<tr> <td bgcolor="#f1f1b1" width="80">F1F1B1</td> <td bgcolor="#fff06a" width="80">FFF06A</td> <td bgcolor="#ffe699" width="80">FFE699</td> <td bgcolor="#ffd062" width="80">FFD062</td> <td bgcolor="#ffdea2" width="80">FFDEA2</td> <td bgcolor="#ffcfa4" width="80">FFCFA4</td> <td bgcolor="#ffcea2" width="80">FFCEA2</td> </tr>
<tr> <td bgcolor="#f4f4bf" width="80">F4F4BF</td> <td bgcolor="#fff284" width="80">FFF284</td> <td bgcolor="#ffecb0" width="80">FFECB0</td> <td bgcolor="#ffe099" width="80">FFE099</td> <td bgcolor="#ffe6b5" width="80">FFE6B5</td> <td bgcolor="#ffd9b7" width="80">FFD9B7</td> <td bgcolor="#ffd7b3" width="80">FFD7B3</td> </tr>
<tr> <td bgcolor="#f7f7ce" width="80">F7F7CE</td> <td bgcolor="#fff7b7" width="80">FFF7B7</td> <td bgcolor="#fff1c6" width="80">FFF1C6</td> <td bgcolor="#ffeab7" width="80">FFEAB7</td> <td bgcolor="#ffeac4" width="80">FFEAC4</td> <td bgcolor="#ffe1c6" width="80">FFE1C6</td> <td bgcolor="#ffe2c8" width="80">FFE2C8</td> </tr>
<tr> <td bgcolor="#f9f9dd" width="80">F9F9DD</td> <td bgcolor="#fff9ce" width="80">FFF9CE</td> <td bgcolor="#fff5d7" width="80">FFF5D7</td> <td bgcolor="#fff2d2" width="80">FFF2D2</td> <td bgcolor="#fff2d9" width="80">FFF2D9</td> <td bgcolor="#ffebd9" width="80">FFEBD9</td> <td bgcolor="#ffe6d0" width="80">FFE6D0</td> </tr>
<tr> <td bgcolor="#fbfbe8" width="80">FBFBE8</td> <td bgcolor="#fffbdf" width="80">FFFBDF</td> <td bgcolor="#fffaea" width="80">FFFAEA</td> <td bgcolor="#fff9ea" width="80">FFF9EA</td> <td bgcolor="#fff7e6" width="80">FFF7E6</td> <td bgcolor="#fff4ea" width="80">FFF4EA</td> <td bgcolor="#fff1e6" width="80">FFF1E6</td> </tr>
<tr> <td bgcolor="#fefefa" width="80">FEFEFA</td> <td bgcolor="#fffef7" width="80">FFFEF7</td> <td bgcolor="#fffdf7" width="80">FFFDF7</td> <td bgcolor="#fffdf9" width="80">FFFDF9</td> <td bgcolor="#fffdf9" width="80">FFFDF9</td> <td bgcolor="#fffefd" width="80">FFFEFD</td> <td bgcolor="#fff9f4" width="80">FFF9F4</td> </tr>
<tr> <td bgcolor="#d1d17a" width="80">D1D17A</td> <td bgcolor="#c0a545" width="80">C0A545</td> <td bgcolor="#c27e3a" width="80"><div class="white">C27E3A</div></td> <td bgcolor="#c47557" width="80"><div class="white">C47557</div></td> <td bgcolor="#b05f3c" width="80"><div class="white">B05F3C</div></td> <td bgcolor="#c17753" width="80"><div class="white">C17753</div></td> <td bgcolor="#b96f6f" width="80"><div class="white">B96F6F</div></td> </tr>
<tr> <td bgcolor="#d7d78a" width="80">D7D78A</td> <td bgcolor="#ceb86c" width="80">CEB86C</td> <td bgcolor="#c98a4b" width="80">C98A4B</td> <td bgcolor="#cb876d" width="80"><div class="white">CB876D</div></td> <td bgcolor="#c06a45" width="80"><div class="white">C06A45</div></td> <td bgcolor="#c98767" width="80"><div class="white">C98767</div></td> <td bgcolor="#c48484" width="80">C48484</td> </tr>
<tr> <td bgcolor="#dbdb97" width="80">DBDB97</td> <td bgcolor="#d6c485" width="80">D6C485</td> <td bgcolor="#d19c67" width="80">D19C67</td> <td bgcolor="#d29680" width="80">D29680</td> <td bgcolor="#c87c5b" width="80"><div class="white">C87C5B</div></td> <td bgcolor="#d0977b" width="80"><div class="white">D0977B</div></td> <td bgcolor="#c88e8e" width="80">C88E8E</td> </tr>
<tr> <td bgcolor="#e1e1a8" width="80">E1E1A8</td> <td bgcolor="#decf9c" width="80">DECF9C</td> <td bgcolor="#daaf85" width="80">DAAF85</td> <td bgcolor="#daa794" width="80">DAA794</td> <td bgcolor="#cf8d72" width="80">CF8D72</td> <td bgcolor="#daac96" width="80">DAAC96</td> <td bgcolor="#d1a0a0" width="80">D1A0A0</td> </tr>
<tr> <td bgcolor="#e9e9be" width="80">E9E9BE</td> <td bgcolor="#e3d6aa" width="80">E3D6AA</td> <td bgcolor="#ddb791" width="80">DDB791</td> <td bgcolor="#dfb4a4" width="80">DFB4A4</td> <td bgcolor="#d69e87" width="80">D69E87</td> <td bgcolor="#e0bba9" width="80">E0BBA9</td> <td bgcolor="#d7acac" width="80">D7ACAC</td> </tr>
<tr> <td bgcolor="#eeeece" width="80">EEEECE</td> <td bgcolor="#eadfbf" width="80">EADFBF</td> <td bgcolor="#e4c6a7" width="80">E4C6A7</td> <td bgcolor="#e6c5b9" width="80">E6C5B9</td> <td bgcolor="#deb19e" width="80">DEB19E</td> <td bgcolor="#e8ccbf" width="80">E8CCBF</td> <td bgcolor="#ddb9b9" width="80">DDB9B9</td> </tr>
<tr> <td bgcolor="#e9e9c0" width="80">E9E9C0</td> <td bgcolor="#ede4c9" width="80">EDE4C9</td> <td bgcolor="#e9d0b6" width="80">E9D0B6</td> <td bgcolor="#ebd0c7" width="80">EBD0C7</td> <td bgcolor="#e4c0b1" width="80">E4C0B1</td> <td bgcolor="#ecd5ca" width="80">ECD5CA</td> <td bgcolor="#e6cccc" width="80">E6CCCC</td> </tr>
<tr> <td bgcolor="#eeeece" width="80">EEEECE</td> <td bgcolor="#efe7cf" width="80">EFE7CF</td> <td bgcolor="#eedcc8" width="80">EEDCC8</td> <td bgcolor="#f0dcd5" width="80">F0DCD5</td> <td bgcolor="#eacdc1" width="80">EACDC1</td> <td bgcolor="#f0ddd5" width="80">F0DDD5</td> <td bgcolor="#ecd9d9" width="80">ECD9D9</td> </tr>
<tr> <td bgcolor="#f1f1d6" width="80">F1F1D6</td> <td bgcolor="#f5efe0" width="80">F5EFE0</td> <td bgcolor="#f2e4d5" width="80">F2E4D5</td> <td bgcolor="#f5e7e2" width="80">F5E7E2</td> <td bgcolor="#f0ddd5" width="80">F0DDD5</td> <td bgcolor="#f5e8e2" width="80">F5E8E2</td> <td bgcolor="#f3e7e7" width="80">F3E7E7</td> </tr>
<tr> <td bgcolor="#f5f5e2" width="80">F5F5E2</td> <td bgcolor="#f9f5ec" width="80">F9F5EC</td> <td bgcolor="#f9f3ec" width="80">F9F3EC</td> <td bgcolor="#f9efec" width="80">F9EFEC</td> <td bgcolor="#f5e8e2" width="80">F5E8E2</td> <td bgcolor="#faf2ef" width="80">FAF2EF</td> <td bgcolor="#f8f1f1" width="80">F8F1F1</td> </tr>
<tr> <td bgcolor="#fdfdf9" width="80">FDFDF9</td> <td bgcolor="#fdfcf9" width="80">FDFCF9</td> <td bgcolor="#fcf9f5" width="80">FCF9F5</td> <td bgcolor="#fdfaf9" width="80">FDFAF9</td> <td bgcolor="#fdfaf9" width="80">FDFAF9</td> <td bgcolor="#fcf7f5" width="80">FCF7F5</td> <td bgcolor="#fdfbfb" width="80">FDFBFB</td> </tr>
<tr> <td bgcolor="#f70000" width="80"><div class="white">F70000</div></td> <td bgcolor="#b9264f" width="80"><div class="white">B9264F</div></td> <td bgcolor="#990099" width="80"><div class="white">990099</div></td> <td bgcolor="#74138c" width="80"><div class="white">74138C</div></td> <td bgcolor="#0000ce" width="80"><div class="white">0000CE</div></td> <td bgcolor="#1f88a7" width="80"><div class="white">1F88A7</div></td> <td bgcolor="#4a9586" width="80"><div class="white">4A9586</div></td> </tr>
<tr> <td bgcolor="#ff2626" width="80">FF2626</td> <td bgcolor="#d73e68" width="80"><div class="white">D73E68</div></td> <td bgcolor="#b300b3" width="80"><div class="white">B300B3</div></td> <td bgcolor="#8d18ab" width="80"><div class="white">8D18AB</div></td> <td bgcolor="#5b5bff" width="80"><div class="white">5B5BFF"</div></td> <td bgcolor="#25a0c5" width="80"><div class="white">25A0C5</div></td> <td bgcolor="#5eae9e" width="80">5EAE9E</td> </tr>
<tr> <td bgcolor="#ff5353" width="80">FF5353</td> <td bgcolor="#dd597d" width="80">DD597D</td> <td bgcolor="#ca00ca" width="80">CA00CA</td> <td bgcolor="#a41cc6" width="80"><div class="white">A41CC6</div></td> <td bgcolor="#7373ff" width="80"><div class="white">7373FF</div></td> <td bgcolor="#29afd6" width="80">29AFD6</td> <td bgcolor="#74baac" width="80">74BAAC</td> </tr>
<tr> <td bgcolor="#ff7373" width="80">FF7373</td> <td bgcolor="#e37795" width="80">E37795</td> <td bgcolor="#d900d9" width="80">D900D9</td> <td bgcolor="#ba21e0" width="80">BA21E0</td> <td bgcolor="#8282ff" width="80">8282FF</td> <td bgcolor="#4fbddd" width="80">4FBDDD</td> <td bgcolor="#8dc7bb" width="80">8DC7BB</td> </tr>
<tr> <td bgcolor="#ff8e8e" width="80">FF8E8E</td> <td bgcolor="#e994ab" width="80">E994AB</td> <td bgcolor="#ff2dff" width="80">FF2DFF</td> <td bgcolor="#cb59e8" width="80">CB59E8</td> <td bgcolor="#9191ff" width="80">9191FF</td> <td bgcolor="#67c7e2" width="80">67C7E2</td> <td bgcolor="#a5d3ca" width="80">A5D3CA</td> </tr>
<tr> <td bgcolor="#ffa4a4" width="80">FFA4A4</td> <td bgcolor="#eda9bc" width="80">EDA9BC</td> <td bgcolor="#f206ff" width="80">F206FF</td> <td bgcolor="#cb59e8" width="80">CB59E8</td> <td bgcolor="#a8a8ff" width="80">A8A8FF</td> <td bgcolor="#8ed6ea" width="80">8ED6EA</td> <td bgcolor="#c0e0da" width="80">C0E0DA</td> </tr>
<tr> <td bgcolor="#ffb5b5" width="80">FFB5B5</td> <td bgcolor="#f0b9c8" width="80">F0B9C8</td> <td bgcolor="#ff7dff" width="80">FF7DFF</td> <td bgcolor="#d881ed" width="80">D881ED</td> <td bgcolor="#b7b7ff" width="80">B7B7FF</td> <td bgcolor="#a6deee" width="80">A6DEEE</td> <td bgcolor="#cfe7e2" width="80">CFE7E2</td> </tr>
<tr> <td bgcolor="#ffc8c8" width="80">FFC8C8</td> <td bgcolor="#f4cad6" width="80">F4CAD6</td> <td bgcolor="#ffa8ff" width="80">FFA8FF</td> <td bgcolor="#efcdf8" width="80">EFCDF8</td> <td bgcolor="#c6c6ff" width="80">C6C6FF</td> <td bgcolor="#c0e7f3" width="80">C0E7F3</td> <td bgcolor="#dcedea" width="80">DCEDEA</td> </tr>
<tr> <td bgcolor="#ffeaea" width="80">FFEAEA</td> <td bgcolor="#f8dae2" width="80">F8DAE2</td> <td bgcolor="#ffc4ff" width="80">FFC4FF</td> <td bgcolor="#efcdf8" width="80">EFCDF8</td> <td bgcolor="#dbdbff" width="80">DBDBFF</td> <td bgcolor="#d8f0f8" width="80">D8F0F8</td> <td bgcolor="#e7f3f1" width="80">E7F3F1</td> </tr>
<tr> <td bgcolor="#ffeaea" width="80">FFEAEA</td> <td bgcolor="#fae7ec" width="80">FAE7EC</td> <td bgcolor="#ffe3ff" width="80">FFE3FF</td> <td bgcolor="#f8e9fc" width="80">F8E9FC</td> <td bgcolor="#eeeeff" width="80">EEEEFF</td> <td bgcolor="#eff9fc" width="80">EFF9FC</td> <td bgcolor="#f2f9f8" width="80">F2F9F8</td> </tr>
<tr> <td bgcolor="#fffdfd" width="80">FFFDFD</td> <td bgcolor="#fefafb" width="80">FEFAFB</td> <td bgcolor="#fffdff" width="80">FFFDFF</td> <td bgcolor="#ffffff" width="80">FFFFFF</td> <td bgcolor="#fdfdff" width="80">FDFDFF</td> <td bgcolor="#fafdfe" width="80">FAFDFE</td> <td bgcolor="#f7fbfa" width="80">F7FBFA</td></tr>
</tbody></table>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-44933079144027197012011-04-23T09:20:00.000-07:002011-04-23T09:26:06.830-07:00Buat Gambar Bergerak (Scrolling Image)<div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Membuat scrolling image dapat memberi pandangan yang berbeza berbanding memaparkan gambar secara statik. Kebanyakan scrolling image ini diaplikasikan oleh sesetengah blog yang mempunyai senarai list dalam bentuk gambar seperti banner ataupun mendapat tag daripada blogger lain.<br />
<br />
Contoh scrolling image adalah berikut.</div><center style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><marquee direction="up" height="150" scrollamount="2" width="150"><br />
<a href="http://www.unwanted86.blogspot.com/" style="color: #a91b33; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; text-decoration: none;" target="_blank"><img src="http://img230.imageshack.us/img230/1018/23902071.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /></a><br />
<a href="http://www.unwanted86.blogspot.com/" style="color: #a91b33; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; text-decoration: none;" target="_blank"><img src="http://img230.imageshack.us/img230/1018/23902071.gif" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /></a></marquee></center><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Pergerakan setiap gambar dapat diubah samada dari kiri ke kanan, bawah ke atas dan sebaliknya. Selain itu kelajuan pergerakan setiap gambar juga dapat dikawal.</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="fullpost" style="display: inline;"><br />
<br />
Contoh kod bagi scrolling image adalah seperti berikut.<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ddeeff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 3px; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 10px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><br />
<marquee direction="<span style="color: #3333ff;">left</span>" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="<span style="color: #33cc00;">2</span>" width="150" height="200"><br />
<br />
<br />
<a href="<span style="color: #ff6600;">link untuk dibuka</span>" target="_blank"><img src="<span style="color: red;">url gambar</span>" /></a><br />
<a href="<span style="color: #ff6600;">link untuk dibuka</span>" target="_blank"><img src="<span style="color: red;">url gambar</span>" /></a><br />
<br />
</marquee></div></blockquote><br />
Penerangan:<br />
<br />
<span style="color: #3333ff;">Arah pergerakan gambar </span>: boleh ditukar kepada up, down dan right.<br />
<span style="color: #33cc00;">Kelajuan pergerakan gambar</span> : boleh ditukar kepada nombor lain. Semakin tinggi nilai semakin laju.<br />
<span style="color: #ff6600;">link untuk dibuka</span>: link yang hendak dibuka apabila gambar diklik.<br />
<span style="color: red;">url gambar</span>: url gambar yang hendak dipamerkan.<br />
<br />
Nota:<br />
1. Jika anda ingin menambah lebih banyak gambar, cuma copy paste kembali untuk bahagian gambar<br />
2. Kod-kod ini dapat digunakan di dalam post entri ataupun pada bahagian gadget<br />
</span></span><div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"></div><a name='more'></a>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-73173806385502947672011-04-23T09:05:00.000-07:002011-04-23T09:10:42.839-07:00MENUKAR TEMPLATE BLOG<div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Menukar template blog dapat mengubah rupa blog asal kepada paparan yang lebih menarik.<br />
Adalah biasa bagi seseorang pemilik blog inginkan blognya tampil menarik berbanding template asal. </div><br />
<center style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><img alt="cara tukar template blog" border="0" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4EGJXH_YDI/AAAAAAAAD7A/8kHdtqdAmWg/cara+tukar+template+blog.jpg" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" width="94%" /></center><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Tutorial ini akan menerangkan dengan ringkas cara-cara untuk menukar template sesebuah blog.</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="fullpost" style="display: inline;"><br />
Sebelum menukar template blog, pastikan anda sudah mempunyai template yang dikehendaki.<br />
Jika anda masih belum lagi mempunyai template, sila rujuk kepada entri ini.<br />
<a href="http://totorialblogger.blogspot.com/2011/04/sebelum-menukar-template-sesebuah-blog.html" style="color: #a91b33; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; text-decoration: none;">website untuk mencari template blog</a><br />
<a name='more'></a><br />
Berikut adalah langkah-langkah untuk menukar template blog.<br />
<br />
1. Login akaun kemudian daripada dashboard klik layout > edit html<br />
<center><img alt="tutorial tukar template blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S4EHA_S25lI/AAAAAAAAD7Y/-quRpRFjemo/cara+tukar+template+blog.jpg" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /></center><br />
<br />
2. Baca penerangan berdasarkan gambar di bawah.<br />
<center><img alt="tutorial tukar template blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4EHAodqEgI/AAAAAAAAD7Q/TptItawWkv8/cara+tukar+template+blog2.jpg" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /></center><br />
<ul>1. Klik browse 2. Pilih template yang anda telah download 3. Klik open 4. Klik upload</ul><br />
<br />
3. Apabila klik upload, paparan berikut akan keluar, klik pada 'keep widget'<br />
<center><img alt="cara tukar template blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S4EHACygcoI/AAAAAAAAD7I/CFMelsrnZ1g/cara+tukar+template+blog3.jpg" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /></center><br />
<br />
4. Setelah selesai anda boleh view blog anda.:)</span></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-67975526549409455262011-04-23T08:58:00.000-07:002011-04-23T08:58:29.831-07:00Letak Iklan Nuffnang Statik<div style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Adakah anda sudah mempunyai akaun Nuffnang.?.<br />
Kalau ada, dimanakah anda letakkan iklan anda itu..(skyscraper)?<br />
<br />
Memasang iklan secara statik adalah meletakkan iklan pada kedudukan yang tetap dalam sesebuah blog walaupun entri telah di'scroll' ke bawah</div><br />
<center style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><img src="http://4.bp.blogspot.com/_CEj8AwvwSNM/SvDkMelwlbI/AAAAAAAADYI/yIBS8YMX5rk/nuffnang+statik.JPG" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 300px;" /></center><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;">Anda scroll macam mana pun ianya tetap berada pada kedudukan itu. Kelebihan.? Nanti akan dicerita kat bawah, jom kita tengok cara yang yang perlu dilakukan untuk letak iklan nuffnang statik ini.</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><br />
</span><span class="Apple-style-span" style="color: #333333; font-family: Arial, Tahoma, Verdana; font-size: 12px; line-height: 19px;"><span class="fullpost" style="display: inline;"><br />
<br />
Owh, sebelum tu. Mungkin ada yang bertanya 'Letak iklan statik tidak menyalahi terma dan syarat Nuffang ke.?'<br />
<br />
So ini jawapan dari nuffnang sendiri.<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ddeeff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 3px; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 10px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Yes, it is allowed for a blogger to place his ad unit static as shared by you. That position is no doubt desirable and advertisers would love to advertise on such placement.<br />
<br />
However, bear in mind that the desirability for a Skyscraper ad unit is the same if it\'s placed;<br />
- the top gadget of a sidebar<br />
- visible upon loading of the page<br />
- visible at all time (static ad)<br />
<br />
As such, it doesn\'t really make a big difference, but nevertheless, advertisers will pay more attention to blogs which embed the ad units as a static ad.<br />
<br />
Cheers,<br />
Robb Chew<br />
Blogger Relations Executive<br />
<br />
Nuffnang Sdn Bhd</div></blockquote><span class="Apple-style-span" style="line-height: 15px;"><a name='more'></a></span> <br />
<span style="color: #3333ff;">Cara-cara untuk letakkan iklan statik adalah seperti berikut.</span><br />
<br />
1. Login akaun Nuffnang untuk pastikan kod iklan Nuffnang untuk Skyscraper<br />
<img src="http://3.bp.blogspot.com/_CEj8AwvwSNM/SvD1t56BVzI/AAAAAAAADYQ/06sqUYT41M4/nuffnang+statik2.JPG" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" /><br />
<center><img border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/SvD1uPHEzEI/AAAAAAAADYY/nxMxyVrN4hY/nuffnang+statik3.JPG" style="padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px;" width="400" /></center><br />
<br />
2. Copy kod di bawah, kemudian letakkan di HTML/javascript dalam blog anda<br />
( Dashboard > Layout > Page elements > Add a gadget > HTML/javascript )<br />
Kalau masih tak faham <a href="http://tutorialuntukblog.blogspot.com/2010/02/bagaimana-letak-kod-htmljavascript.html" style="color: #a91b33; cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; text-decoration: none;">rujuk sini.</a><br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ddeeff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 3px; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 10px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style='display:scroll; position:fixed; bottom:<span style="color: #cc33cc;">5</span>px; right:<span style="color: #cc33cc;">5</span>px;'><span style="color: #3366ff;">Letak Kod Nuffnang Sini</span></div></div></blockquote><br />
<br />
<span style="color: #ff9900;">Penerangan :</span><br />
i.) Nilai <span style="color: #cc33cc;">5px</span> boleh diubah. Nilai ini menentukan jarak dari bawah dan jarak dari kanan.<br />
ii.) <span style="color: #3366ff;">Masukkan kod iklan Nuffnan</span><span style="color: #3366ff;">g</span> yang diambil dari step 1. (pastikan kod adalah untuk Skyscraper)<br />
<br />
<br />
UPDATE: Jika anda hendak kod bersama tulisan kelip² "aik, takkan tengok je" kodnya adalah seperti dibawah.<br />
<blockquote style="background-attachment: initial; background-clip: initial; background-color: #ddeeff; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(0, 0, 0); border-bottom-style: solid; border-bottom-width: 3px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(102, 102, 102); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: solid; border-top-width: 3px; line-height: 1.3em; margin-bottom: 15px; margin-left: 25px; margin-right: 25px; margin-top: 0px; padding-bottom: 0px; padding-left: 15px; padding-right: 20px; padding-top: 10px;"><div style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><div style='display:scroll; position:fixed; bottom:<span style="color: #cc33cc;">5</span>px; right:<span style="color: #cc33cc;">5</span>px;'><blink>Ai, takkan tengok je.:)</blink><span style="color: #3366ff;">Letak Kod Nuffnang Sini</span></div></div></blockquote><br />
<br />
3. Save, kemudian lihat kesannya dalam blog anda.:)<br />
<br />
Bagaimana, senang bukan..:)<br />
<br />
<span style="color: red; font-weight: bold;">-----------------------------------------------------------</span><br />
<br />
Kelebihan meletakkan iklan secara statik.<br />
<br />
1. Kebarangkalian untuk pengunjung melihat iklan itu adalah sangat tinggi. Kerana ianya muncul sentiasa walaupun scroll ke bawah.<br />
<br />
2. Kebarangkali untuk klik juga adalah tinggi.<br />
<br />
3. Advertiser lebih berminat untuk beriklan di blog anda.<br />
<br />
4. Berdasarkan kepada no1,2 dan 3, maka earning anda pun akan bertambah..:)</span></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-75384245662098616972011-04-23T02:24:00.000-07:002011-04-23T02:24:09.700-07:00BUKA LINK BARU APABILA KLIK GAMBAR..?<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDc1s9Q3GuQgOnFmynMFE2df4YjNa321ImgZ2kEu7Nt6RSsaLpbp9Fj7lXJfpsKWBk4g7t_d0n4S5-GknZgOIZqTGXZaBRMSVB4oYTe8Y7OGKUqggD7tunwBGVhbo2gY2H-YxnvObqgrU/s1600/header.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br />
</a></div>Apabila upload gambar menggunakan kaedah yang telah tersedia oleh blogger.com, secara default gambar tersebut akan dibuka pada page yang sama.<br />
<br />
Ada ketikanya ianya bagus apabila merujuk kepada blog yang sama, tetapi kurang bagus apabila seorang blogger hendak merujuk kepada tempat lain. ini kerana apabila buka pada page yang sama, pengunjung terpaksa menekan button back untuk kembali kepada blog asal.<br />
<br />
Tutorial ini akan menerangkan bagaimana untuk menjadikan gambar yang mempunyai link akan dibuka pada tab yang baru apabila diklik.<br />
<br />
Perhatikan kedua-dua gambar ini, sila klik pada keduany<br />
a.<br />
<br />
1)Gambar 1<br />
<center></center><center><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDc1s9Q3GuQgOnFmynMFE2df4YjNa321ImgZ2kEu7Nt6RSsaLpbp9Fj7lXJfpsKWBk4g7t_d0n4S5-GknZgOIZqTGXZaBRMSVB4oYTe8Y7OGKUqggD7tunwBGVhbo2gY2H-YxnvObqgrU/s1600/header.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDc1s9Q3GuQgOnFmynMFE2df4YjNa321ImgZ2kEu7Nt6RSsaLpbp9Fj7lXJfpsKWBk4g7t_d0n4S5-GknZgOIZqTGXZaBRMSVB4oYTe8Y7OGKUqggD7tunwBGVhbo2gY2H-YxnvObqgrU/s320/header.jpg" width="320" /></a><a href="http://www.yahoo.com/" target="_blank"><br />
</a></center><a href="http://www,hamdinzarif.blogspot.com/"><img border="0" height="72" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNDc1s9Q3GuQgOnFmynMFE2df4YjNa321ImgZ2kEu7Nt6RSsaLpbp9Fj7lXJfpsKWBk4g7t_d0n4S5-GknZgOIZqTGXZaBRMSVB4oYTe8Y7OGKUqggD7tunwBGVhbo2gY2H-YxnvObqgrU/s320/header.jpg" width="320" /></a> 2)Gambar 2<br />
<br />
Gambar pertama tidak memberi kesan apa², tetapi gambar kedua membawa anda ke hamdinzarif.blogspot.com <a name='more'></a><br />
Jangan terkejut jika tutorial ini sangat mudah.:)<br />
<br />
<blockquote><a href="<span style="color: #3333ff;">Letakkan link untuk dibuka disini</span>" target="_blank" ><br />
<img src="<span style="color: #3333ff;">Letakkan url gambar disini</span>"/></a></blockquote><br />
<br />
Sebagai contoh, untuk kod gambar kedua adalah seperti ini<br />
<blockquote><a href="http://www.yahoo.com" target="_blank" ><br />
<img src="http://www.google.com.my/intl/en_com/images/logo_plain.png"/></a></blockquote><br />
<br />
<ul><li>Untuk gambar kedua, link akan dibuka pada tab baru. Jika anda ingin link dibuka pada page yang sama, buang <span style="color: #cc0000;">target="_blank"</span></li>
<li>Kaedah lain untuk buka link dalam page yang sama boleh guna terus aplikasi upload gambar dan letak link yang ada masa buat new post.:)</li>
</ul>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-15346034095986111442011-04-23T01:45:00.000-07:002011-04-23T01:45:45.789-07:00Backup Template BlogTemplate bagi sesebuah blog boleh diibaratkan sebagai tulang belakang blog kerana template yang menyimpan semua maklumat berkaitan rupa bentuk blog anda, fungsi blog dan juga kebanyakan trick untuk sesebuah blog akan dilakukan di template (edit html).<br />
<center><img alt="Tutorial Backup Template Blog" border="1" src="http://www.poweredtemplates.com/images/img/web_template.jpg" width="40%" /></center><br />
Anda letak background ke, ubah colour ke, letak fungsi 'read more' atau pape, kebanyakkannya adalah di template.<br />
Oleh itu adalah perlu untuk seseorang blogger akan backup dahulu template blog sebelum melakukan sebarang pengubahsuaian ataupun sebelum menukar template baru.<br />
Tujuan backup template adalah untuk backup jika sebarang perubahan kod yang diaplikasikan tidak menjadi.<br />
<a name='more'></a><br />
Tutorial untuk backup template bagi blog adalah seperti berikut.<br />
<span class="fullpost"><br />
<span style="color: #3333ff;"><br />
1)Login seperti biasa. Kemudian dari dashboard klik layout</span><br />
<center><img alt="Tutorial Backup Template Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJc5a2aeI/AAAAAAAAD0Y/cQFxgTv7yTY/tutorial+post+entri+dalam+blog2.JPG" /></center><br />
<span style="color: #3333ff;"><br />
2) Dari layout, klik edit html dan dibawah sedikit anda akan jumpa 'download full template'</span><br />
<center><img alt="Tutorial Backup Template Blog" border="1" src="http://i543.photobucket.com/albums/gg457/unwanted86/post/3-10.jpg" width="80%" /></center><br />
<span style="color: #3333ff;"><br />
3)Keluar paparan, klik save..Siap.:)</span><br />
<center><img alt="Tutorial Backup Template Blog" border="1" src="http://i543.photobucket.com/albums/gg457/unwanted86/post/asd.jpg" /></center><br />
<br />
Tips: anda boleh rename template yang anda download dengan tarikh anda download. seperti 29julai2009.xml. Ini untuk memudahkan anda kenalpasti tarikh anda buat backup untuk template blog anda.:)<br />
<center><img alt="Tutorial Backup Template Blog" border="1" src="http://i543.photobucket.com/albums/gg457/unwanted86/post/sdff.jpg" /></center></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-64341651472682987102011-04-23T01:44:00.000-07:002011-04-23T01:46:47.567-07:00INGIN DAPATKAN FREE BLOGGER TEMPLATES....?Sebelum menukar template sesebuah blog, perkara yang diperlukan adalah template yang hendak ditukar. Seseorang pemilik blog mesti mengetahu template bagaimana yang hendak digunakan untuk blognya.<br />
<br />
Jika anda seorang pemilik blog dan masih belum lagi mempunyai template yang hendak digunakan, anda boleh mendapatkan pelbagai jenis template secara percuma dan pelbagai jenis yang dirasakan sesuai untuk blog anda.<br />
<br />
<center><img alt="Website untuk download template blog" border="0" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S4BKHm0u_cI/AAAAAAAAD6A/iwVKBfBh9uY/s400/tukar+template+blog2.jpg" /></center><br />
<br />
Template sesebuah blog adalah dalam format .xml (oleh itu pastikan jika anda download file dalam bentuk zip/rar, anda extract dahulu file tersebut.)<br />
<br />
<center><img alt="Website untuk download template blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S4BIg9JE4SI/AAAAAAAAD54/b4OoJ50HKF8/s400/tukar+template+blog3.jpg" /></center><br />
<a name='more'></a><br />
Berikut adalah antara laman web yang menyediakan pelbagai jenis template untuk blogger secara percuma.<br />
<span class="fullpost"><br />
<a href="http://btemplates.com/" target="_blank">http://btemplates.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S4BNmLoorII/AAAAAAAAD6I/Dq6mkvmLIrU/s400/1.jpg" /><br />
<br />
<a href="http://www.ourblogtemplates.com/" target="_blank">http://www.ourblogtemplates.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkxRLV2cCbxJy_05eUq9gl_OTG7gIxencYEl9vBYTEUgK20ceOWqTXmKmWPVa7hT8rHtfb1LKdRSF50K7YMkf44z4hqoyDzyokF3muplhGQ_YIcg9d5WsgJhI9cfWXbfcYjhrrCwbPujG7/s1600-r/obtheader10.png" /><br />
<br />
<a href="http://www.deluxetemplates.net/" target="_blank">http://www.deluxetemplates.net/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S4BOSJwLqwI/AAAAAAAAD6Q/3rgG5N-_SJ4/s400/2.jpg" /><br />
<br />
<br />
<a href="http://blogtemplate4u.com/" target="_blank">http://blogtemplate4u.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S4BOrx-gl7I/AAAAAAAAD6Y/y4W72PGyEh0/s400/3.jpg" /><br />
<br />
<a href="http://www.bloggertemplatesfree.com/" target="_blank">http://www.bloggertemplatesfree.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S4BPD3mrGBI/AAAAAAAAD6g/Ehh0pLSqfI4/s400/4.jpg" /><br />
<br />
<a href="http://www.btheme.info/" target="_blank">http://www.btheme.info/</a><br />
<img alt="Website untuk download template blog" border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz6FllCjr2cpRANSR45NxUF89bSPbGkhMwTW8bCMIFMdInw4debNfW_ogY7K1OeeoeYArUTwPw_UpVTzSRr7_okZvI1QETNvNxzdqGtx0RCnJtMC53-SScqGxIoltMQQRVqPwaHrRgAHw/s1600-r/btheme.png" /><br />
<br />
<a href="http://www.blogspottemplate.com/" target="_blank">http://www.blogspottemplate.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S4BPkI0wkeI/AAAAAAAAD6o/_i6z8ULFe4w/s400/5.jpg" /><br />
<br />
<br />
<a href="http://www.freebloggertemplate.org/" target="_blank">http://www.freebloggertemplate.org/</a><br />
<img alt="Website untuk download template blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S4BP1lXxrSI/AAAAAAAAD6w/o7jejGWy6f4/s400/6.jpg" /><br />
<br />
<br />
<a href="http://www.bloggertemplateplace.com/" target="_blank">http://www.bloggertemplateplace.com/</a><br />
<img alt="Website untuk download template blog" border="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ782cP_u7qs3VGWbqZ528AFqLYJ6VghS9LwzuhHWMy34s0G6jDfgiDEdbdEHA6hXbLMs6DSZ5YH4g-hZdHLifSrigcU4tNEa9xIPpKAqiemlANXZ7Bm5lv2lRbSG-kexpdET2wF8rg_4W/s400/blogger+template+place.gif" /><br />
<br />
<br />
Anda juga boleh mendapatkan pelbagai lagi template untuk blog dengan hanya menggunakan fungsi search pada google.<br />
<br />
Tips: Anda tidak perlu risau jika anda gunakan banyak masa untuk memilih template yang sesuai untuk anda. Kerana itu adalah perkara biasa. Pastikan template yang anda pilih betul-betul memenuhi citarasa anda.:)</span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-13367005497750264982011-04-23T01:42:00.000-07:002011-04-23T01:42:10.843-07:00Bagaimana Letak Kod HTML/javascript..???Apabila memasuki dunia blogging, antara perkara yang tidak dapat dielakkan adalah untuk menghias blog sendiri. Terdapat beberapa cara untuk menghias blog samada menukar template, memasang widget yang telah disediakan oleh blogger.com ataupun meletakkan sumber² lain dari luar yang biasanya melibatkan kod html/javascript.<br />
Selain untuk menghias blog, kod html/javascript juga mempunyai fungsi² lain bergantung kepada tujuan apa kod itu dihasilkan.<br />
<center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://i.ehow.com/images/GlobalPhoto/Articles/5069693/learnhtmlcode-main_Full.jpg" width="50%" /></center><br />
<br />
Penambahan yang ingin dilakukan biasanya akan melalui perkara yang sama iaitu kod yang diperolehi perlu di 'paste'kan di ruangan html/javascrip.<br />
<a name='more'></a><br />
Tutorial ini akan menunjukkan bagaimana hendak meletakkan kod html/javascript bagi sesebuah blog.<br />
<span class="fullpost"><br />
<br />
<span style="color: #3333ff;">1) Login ke dalam blog anda seperti biasa. Kemudian dari 'dashboard', klik 'layout'<br />
UPDATE: untuk template terbaru, klik pada DESIGN</span><br />
<center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJc5a2aeI/AAAAAAAAD0Y/cQFxgTv7yTY/tutorial+post+entri+dalam+blog2.JPG" /></center><br />
<span style="color: #3333ff;"><br />
<br />
2)Setelah anda klik 'layout', dia akan auto masuk bahagian 'page element'. Kemudian pada 'page element' anda itu, klik pada 'add a gadget'</span><center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S3wZqYbZeBI/AAAAAAAAD4o/fyudi2fPyiA/add+a+gadget.jpg" /></center><br />
<span style="color: #3333ff;"><br />
<br />
3)Selepas itu anda akan lihat banyak senarai yang ada, cari "HTML/javascript", kemudian klik pada "+"</span><br />
<center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3wZqpE7FNI/AAAAAAAAD4w/fjsmG7oFXh4/add+a+gadget2.jpg" /></center><br />
<br />
<span style="color: #3333ff;">4)Satu paparan kosong akan dibuka, kemudian paste code yang anda mahu letak dalam blog ke dalam ruangan kosong. kemudian tekan "save"</span><center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3wZrGZvs0I/AAAAAAAAD44/fJN_T3e2pts/add+a+gadget3.jpg" /></center><br />
<br />
<span style="color: #3333ff;">5)Siap. Anda boleh lihat hasilnya dengan klik preview</span>. Anda juga boleh mengubah kedudukan code itu dengan hanya drag pada mana² kawasan page element itu.Apabila anda sudah puas hati,<span style="color: #3333ff;"> klik 'save' untuk kekalkan kedudukan.:).</span><br />
<center><img alt="Bagaimana Letak Kod HTML pada blog" border="1" src="http://i543.photobucket.com/albums/gg457/unwanted86/post/5-4.jpg" /></center></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-44279544896313238952011-04-23T01:40:00.000-07:002011-04-23T01:40:10.868-07:00letak video youtube dalam blog anda.!!Youtube, sebuah laman web yang tidak perlu diperkenalkan lagi kepada pelayar maya. Laman web yang mempunyai begitu banyak video dan menjadi rujukan kepada sesiapa sahaja untuk mencari video tidak kira untuk hiburan, pelajaran, berkongsi pengalam dan sebagainya.<br />
<center><img alt="Letak Video Dari Youtube dalam blog" border="0" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S3ujK7ymXeI/AAAAAAAAD4g/WtfOHUXg2zg/youtube_logo.jpg" /></center><br />
<br />
Youtube juga menjadi platform bagi seseorang blogger untuk berkongsi sesebuah video kepada pengunjung blog mereka.<br />
<br />
Tutorial ini akan menerangkan bagaimana untuk meletakkan video yang terdapat dalam youtube ke dalam blog.<br />
<span class="fullpost"><br />
1.Login akaun blogger anda, kemudian klik pada new post.<br />
<center><img alt="cara letak video Dalam Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJc5a2aeI/AAAAAAAAD0Y/cQFxgTv7yTY/tutorial+post+entri+dalam+blog2.JPG" /></center><br />
<br />
2.Buka video dari<a href="http://www.youtube.com/"> youtube</a> yang anda hendak post, kemudian lihat sebelah kanan untuk ruangan embed.<br />
<center><img alt="Letak Video Dari Youtube Dalam Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3ueucF50nI/AAAAAAAAD4Q/s_6YBAp1A6w/cara+letak+video+youtube+dalam+blog.jpg" width="90%" /><span class="fullpost"> <div class="separator" style="clear: both; text-align: center;"><br />
</div><a name='more'></a></span></center><br />
<br />
3. Klik customize untuk melakukan sedikit ubahan pada video anda. Anda boleh pilih option yang ada seperti border dan juga saiz video yang hendak dipaparkan.<br />
<center><img alt="Letak Video Dari Youtube Dalam Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3uetp4sUYI/AAAAAAAAD4A/37_e2Br5Yqs/cara+letak+video+youtube+dalam+blog2.jpg" style="cursor: pointer; display: block; height: 400px; margin: 0px auto 10px; text-align: center; width: 307px;" /></center><br />
4.Setelah selesai,copy code dari bahagian embed dan paste dalam ruangan blog anda.(klik preview untuk tengok keadaan video anda)<br />
<br />
<center><img alt="Letak Video Dari Youtube Dalam Blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S3uf7hH1ceI/AAAAAAAAD4Y/Tqc8WKcKWu4/cara+letak+video+youtube+dalam+blog4.JPG" style="cursor: pointer; display: block; height: 125px; margin: 0px auto 10px; text-align: center; width: 400px;" /></center><br />
<br />
5. selesai.<br />
<br />
<br />
Berikut contoh video dari youtube yang diletakkan di dalam blog:</span><br />
<br />
<span class="fullpost"><span class="fullpost"><iframe allowfullscreen='allowfullscreen' webkitallowfullscreen='webkitallowfullscreen' mozallowfullscreen='mozallowfullscreen' width='320' height='266' src='https://www.youtube.com/embed/utFe0OiUkUE?feature=player_embedded' frameborder='0'></iframe></span></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-76819723071739679552011-04-23T01:32:00.000-07:002011-04-23T01:32:00.801-07:00Disable Highlight Entri BlogSesetengah orang mungkin agak tidak senang bagi sesiapa mengambil hasil entri dalam blog mereka. Antara cara yang digunakan untuk mengelakkan entri atau kandungan dalam blog di'ambil' adalah dengan disable right click atau disable highlight.<br />
<br />
<a href="http://4.bp.blogspot.com/-Feowvcmda8U/TXzybclMHTI/AAAAAAAAFbY/wX03SdRjnzI/s1600/disable%2Bhighlight.png"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5583604191375138098" src="http://4.bp.blogspot.com/-Feowvcmda8U/TXzybclMHTI/AAAAAAAAFbY/wX03SdRjnzI/s320/disable%2Bhighlight.png" style="cursor: pointer; display: block; height: 175px; margin: 0px auto 10px; text-align: center; width: 300px;" /></a><br />
Tutorial untuk <a href="http://tutorialuntukblog.blogspot.com/2010/02/disable-right-click.html">disable right click</a> sudah pun ada sebelum ini, dan kali ini tutorial adalah untuk disable highlight text dalam blog.<br />
<br />
<br />
Ikuti tutorial mudah seperti di bawah.<br />
<span class="fullpost"><br />
1. Dari dashboard > design > add a gadget > HTML/javascript<br />
<br />
2. Masukkan kod di bawah dalam ruangan HTML/javascript</span><a name='more'></a><br />
<span class="fullpost"><blockquote><br />
<script type="text/javascript"><br />
function disableSelection(target){<br />
if (typeof target.onselectstart!="undefined") //IE route<br />
target.onselectstart=function(){return false}<br />
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route<br />
target.style.MozUserSelect="none"<br />
else //All other route (ie: Opera)<br />
target.onmousedown=function(){return false}<br />
target.style.cursor = "default"<br />
}<br />
//Sample usages<br />
//disableSelection(document.body) //Disable text selection on entire body<br />
//disableSelection(document.getElementById("mydiv")) //Disable text selection on element with id="mydiv"<br />
</script><br />
<script type="text/javascript"><br />
disableSelection(document.body) //disable text selection on entire body of page<br />
</script></blockquote><br />
<br />
3. Save dan lihat hasilnya..:)<br />
<br />
<br />
<span style="font-weight: bold;">TIPS:</span><br />
Untuk kesan yang lebih baik, letakkan/drag HTML atas ruangan blog post. Ini akan membuatkan kod disable highlight ini 'dibaca' dahulu sebelum entri.:)<br />
<br />
<a href="http://3.bp.blogspot.com/-S3lgal3sW_4/TXz1E6aJH6I/AAAAAAAAFbo/qRw8KtUIcr0/s1600/disable%2Bhighlights.PNG"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5583607102779760546" src="http://3.bp.blogspot.com/-S3lgal3sW_4/TXz1E6aJH6I/AAAAAAAAFbo/qRw8KtUIcr0/s400/disable%2Bhighlights.PNG" style="cursor: pointer; display: block; height: 169px; margin: 0px auto 10px; text-align: center; width: 400px;" /></a></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-8149657985625448722011-04-23T01:28:00.000-07:002011-04-23T01:29:39.368-07:00Setting Asas Yang Perlu Diketahui Oleh BloggerBagi sesebuah blog, setting merupakan antara perkara penting untuk menentukan bagaimana paparan, dan perlakuan-perlakuan lain yang berkaitan dengan blog.<br />
<br />
Antara perkara yang berkaitan dengan setting bagi sesebuah blog adalah tajuk blog, berapa bilangan entri, siapa yang boleh komen, dan lain² yang akan diterangkan di bawah.<br />
<br />
Paparan untuk setting bagi sesebuah blog adalah seperti berikut.<br />
<br />
<center><img alt="Setting Asas Yang Perlu Diketahui Oleh Blogger" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3qkaRAKdNI/AAAAAAAAD2o/kpw-NCojw8Y/setting+untuk+blogspot1.png" /></center><br />
<br />
Untuk entri ini, setting merangkumi basic, formatting dan publishing. Ini kerana 3 perkara ini boleh dianggap bahagian setting yang paling utama bagi sesebuah blog. Beberapa setting asas yang perlu diketahui oleh seorang blogger adalah seperti berikut.<br />
<span class="fullpost"><br />
<span style="color: #3333ff; font-weight: bold;">BASIC:</span><br />
<center><img alt="" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3qoz-tyapI/AAAAAAAAD3I/PBDZw8zTlT0/setting+untuk+blogspot.PNG" /></center><br />
<span style="color: #ff6600;">Title</span> : Title akan ditunjukkan pada bahagian atas browser apabila sesebuah blog dibuka.<img alt="Setting Asas Yang Perlu Diketahui Oleh Blogger" border="0" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3qpiSru-RI/AAAAAAAAD3Q/ekKONIDCFFs/setting+untuk+blogspot5.png" /><br />
<br />
<span style="color: #ff6600;">Description</span> : Berkaitan dengan apa kandungan sesebuah blog. Boleh dimasukkan sehingga 500 huruf. Contoh tutorial blog, tutorial blog dalam bahasa melayu, tutorial untuk semua dan lain² yang berkaitan. Kalau blog peribadi hampir boleh diabaikan ataupun letak sahaja seperti perjalanan hidupku, inilah kisah aku dan lain².<br />
</span><span class="fullpost"> <a name='more'></a></span><br />
<span class="fullpost"><span style="color: #3333ff; font-weight: bold;">FORMATTING</span><br />
<center><img alt="Setting Asas Yang Perlu Diketahui Oleh Blogger" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S3qoytoivyI/AAAAAAAAD2w/0a2w2fOVy00/setting+untuk+blogspot2.png" /></center><br />
<span style="color: #ff6600;">Show</span> : bilangan entri untuk paparan muka depan. jangan terlalu banyak. Biasanya antara 5 hingga 10 untuk mempercepatkan loading keseluruhan blog.<br />
<br />
<span style="color: #ff6600;">Date header format</span> : Kurang penting, boleh pilih mana yang dirasakan sesuai.<br />
<br />
<span style="color: #ff6600;">Archive index date format</span> : Format yang akan ditunjukkan untuk apa yang ditaip dalam sesebuah blog dalam jangka sebulan<br />
<br />
<span style="color: #ff6600;">Timestamp format</span> : Kurang penting, boleh pilih mana yang dirasakan sesuai.<br />
<br />
<span style="color: #ff6600;">Time zone</span> : Penting untuk pastikan kedudukan untuk masa adalah betul. Jika yang berada dalam negara Malaysia, sila pilih (GMT +8.00) Kuala Lumpur. Jika berada ditempat lain boleh pilih yang yang sepatutnya.<br />
<br />
<span style="color: #ff6600;">Language</span> : English (Boleh juga pilih malay, tetapi dicadangkan english untuk memudahkan memandangkan kebanyakan sudah biasa dengan perkataan² english dalam dunia blogging)<br />
<br />
<br />
<span style="color: #3333ff; font-weight: bold;">COMMENTS</span><br />
<center><img alt="Setting Asas Yang Perlu Diketahui Oleh Blogger" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S3qozGUKSYI/AAAAAAAAD24/0fUkGrCc-e8/setting+untuk+blogspot3.png" /></center><br />
<span style="color: #ff6600;">Comments</span> : Show - Jika ada pengunjung yang menghantar komen, komen akan dipaparkan dibawah entri.<br />
<br />
<span style="color: #ff6600;">Who can comments</span> : Bahagian ini bergantung kepada pemilik blog. Kalau pilih anyone, sesiapa sahaja boleh komen. Kalau pilih registered user, hanya orang yang mempunyai blog/id lain yang boleh komen.<br />
<br />
<span style="color: #ff6600;">Comment form placement</span> : Kedudukan ruangan komen untuk sesebuah entri. Kebiasaan blogger akan pilih samada pop-up window atau embedded below post. Walau bagaimanapun, tidak semua template boleh gunakan embeded below post.<br />
<br />
<br />
<center><img alt="Setting Asas Yang Perlu Diketahui Oleh Blogger" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3qozSrmqwI/AAAAAAAAD3A/VzuVrP2vWmI/setting+untuk+blogspot4.png" /></center><br />
<span style="color: #ff6600;">Comment moderation </span>: Bergantung kepada pemilik blog. Jika mahu komen pengunjung terus dipaparkan,pilih never. Tetapi jika mahu komen dari pengunjung 'ditapis' dahulu oleh pemilik blog, pilih always.<br />
<br />
<span style="color: #ff6600;">Show word verification for comment</span> : Pilih No. Kerana kehadiran word verificationbiasanya akan menyusahan pengunjung. Kecuali untuk kes² tertentu jika terlalu banyak spam (di Malaysia perkara ni jarang berlaku)<br />
<br />
----------------------------<br />
<br />
Setting untuk sesebuah blog boleh diubah bila-bila masa mengikut kehendak pemilik blog.<br />
Walau bagaimanapun,adalah penting untuk cuba kekalkan setting yang dibuat untuk menyenangkan pemilik blog dan juga pengunjung.<br />
<br />
Beberapa tips berkaitan setting untuk sesebuah blog boleh dibaca dari blog <a href="http://unwanted86.blogspot.com/">unwanted86</a> iaitu <a href="http://unwanted86.blogspot.com/2009/12/tips-settings-yang-tidak-perlu-dalam.html" target="_blank">Setting yang tidak perlu dalam blog : part 1</a> dan juga <a href="http://unwanted86.blogspot.com/2009/12/setting-yang-tidak-perlu-dalam-blog.html" target="_blank">Setting yang tidak perlu dalam blog : part 2</a></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-23629258657589300612011-04-23T01:27:00.000-07:002011-04-23T01:27:15.910-07:00Meletakkan gambar dalam sesebuah entri dalam sesebuah blog dapat 'merancakkan' lagi kandungan sesebuah entri.<br />
<br />
Kebiasaannya gambar yang diletakkan adalah berkaitan dengan entri yang ditaip.<br />
dan adalah biasa pengunjung sesebuah blog suka membaca entri sesebuah blog yang juga mempunyai gambar walaupun sekeping.:)<br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://www.abc.net.au/news/img/2007/upload_photo.jpg" /></center><br />
Tutorial untuk upload gambar dalam blog adalah seperti berikut.<br />
<br />
<span class="fullpost"><br />
<span style="color: #3366ff;">1.Login seperti biasa, klik pada 'new post'</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJc5a2aeI/AAAAAAAAD0Y/cQFxgTv7yTY/tutorial+post+entri+dalam+blog2.JPG" /></center></span><br />
<span class="fullpost"><span style="color: #3366ff;">2.Pada paparan, klik pada icon upload picture seperti yang ditunjukkan dibawah.</span><br />
-Kedudukan berbeza bagi keadaan 'html' dan juga 'compose' tetapi simbolnya tetap sama.<br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jWv01k4vI/AAAAAAAAD1o/FB4u4k6R79w/s400/tutorial+letak+gambar+dalam+blog.JPG" /><a name='more'></a></center><br />
ATAU<br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jWvpJZA0I/AAAAAAAAD1g/0l0AQ3UXze4/s400/tutorial+letak+gambar+dalam+blog2.JPG" /></center><br />
<br />
<span style="color: #3366ff;">3.Klik 'browse'.</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jWqSuW5rI/AAAAAAAAD1Y/Jfrox0K13pQ/s400/tutorial+letak+gambar+dalam+blog3.JPG" /></center><br />
<br />
<span style="color: #3366ff;">4.Pilih gambar yang anda hendak letakkan dari komputer anda.</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://1.bp.blogspot.com/_CEj8AwvwSNM/S3jWqAqCDOI/AAAAAAAAD1Q/SAZSy2maKWs/s400/tutorial+letak+gambar+dalam+blog4.JPG" /></center><br />
<br />
<span style="color: #3366ff;">4.1. Jika hendak letak lebih daripada satu gambar pada satu masa(maksimum 5), klik pada 'add more image'.</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S3jWpGmwMcI/AAAAAAAAD04/eqQJHzS8d1A/s400/tutorial+letak+gambar+dalam+blog7.JPG" /></center><br />
<br />
<span style="color: #3366ff;">5.Pilih kedudukan dan size yang anda mahu untuk gambar tersebut, kemudian klik 'upload'.</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jWp3dO75I/AAAAAAAAD1I/HNYRlA1qN0M/s400/tutorial+letak+gambar+dalam+blog5.JPG" /></center><br />
<br />
<span style="color: #3366ff;">6. Tunggu sehingga gambar siap diupload kemudian klik 'done'</span><br />
<center><img alt="cara letak gambar Dalam Blog" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jWpndxdFI/AAAAAAAAD1A/R8mqQpGcTXc/s400/tutorial+letak+gambar+dalam+blog6.JPG" /></center><br />
<br />
<br />
Nota: Jika anda hendak upload lebih daripada 5 gambar, cuma ulang semula langkah 1 hingga 5.</span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-57648425915937664442011-04-23T01:20:00.000-07:002011-04-23T01:20:02.228-07:00cara-cara nk post entriPost entri dalam blog merupakan perkara yang paling asas bagi seorang blogger.<br />
Dalam entri anda akan menaip apa yang anda mahu sampaikan samada luahan rasa, perkongsian, info dan apa-apa sahaja yang anda mahu.<br />
<br />
Kalau tidak buka ruangan untuk menaip bagaimana hendak post entri kan.:)<br />
<br />
<center><img alt="Tutorial Post Entri Dalam Blog" border="1" src="http://www.invisibleworkers.com/power-urls_files/kid-on-laptop.jpg" /></center><br />
<br />
Berikut adalah cara bagaimana anda hendak memulakan langkah untuk menaip dalam blog anda.<br />
<span class="fullpost"><br />
<span style="color: #3366ff;">1. Buka link</span> <a _blank="" href="http://www.blogger.com/" target="">www.blogger.com </a>(link ini diperlukan setiap kali anda hendak login kepada akaun blogger). Masukkan email dan password anda.<br />
<center><img alt="Tutorial Post Entri Dalam Blog" border="2" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jJdCr74eI/AAAAAAAAD0g/0pkqV0SmC7s/tutorial+post+entri+dalam+blog.JPG" /></center><br />
<span style="color: #3366ff;">2. Pada paparan muka depan, klik pada 'new post'</span><br />
<center><img alt="Tutorial Post Entri Dalam Blog" border="2" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJc5a2aeI/AAAAAAAAD0Y/cQFxgTv7yTY/tutorial+post+entri+dalam+blog2.JPG" /></center><br />
<br />
<br />
<span style="color: #3366ff;">3. Masukkan tajuk untuk entri anda dan juga isi kandungan entri anda.</span>(biasa bab ini mengambil masa untuk menaip entri).<br />
<br />
Kemudian apabila sudah siap, klik pada button 'publish'<br />
<center><img alt="Tutorial Post Entri Dalam Blog" border="2" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3jJcKtfuiI/AAAAAAAAD0I/hIphAC8lGvs/tutorial+post+entri+dalam+blog4.JPG" /></center><br />
<br />
<span style="color: #3366ff;">4. Apabila sudah tekan button publish, siap untuk sebuah entri dalam blog anda.:)</span><br />
<center><img alt="Tutorial Post Entri Dalam Blog" border="2" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3jJbw4KhhI/AAAAAAAAD0A/E7weusFTNcs/tutorial+post+entri+dalam+blog5.JPG" /></center><br />
<ul><li>jika anda hendak tengok 'rupa' entri anda itu, klik pada 'view post'</li>
<li>jika anda rasa masih ada kekurangan dan hendak edit, klik pada 'edit post'</li>
<li>jika anda hendak menaip entri baru, klik pada 'create a new post' (anda juga boleh mulakan dari awal dengan klik pada 'dashboard' pada bahagian atas-kanan)</li>
</ul></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0tag:blogger.com,1999:blog-1863677174821824419.post-21757240625164938712011-04-23T01:18:00.000-07:002011-04-23T01:18:06.621-07:00nak start blog..??Mendaftarkan diri sebagai seorang pemilik blog dengan menggunakan platform blogger tidaklah sesusah yang disangka.<br />
Dengan mengikuti beberapa langkah ringkas berikut, anda sudah bergelar seorang blogger.<br />
<br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://library.stmarytx.edu/acadlib/subject/misc/blogger_icon.png" /></center><br />
<br />
Sebelum memulakan pendaftaran untuk akaun blogspot, anda mestilah mempunyai akaun google dahulu. Akaun lain pun boleh, tetapi untuk jangka masa panjang, ada akaun google akan lebih memudahkan memandangkan blogger.com adalah produk dari google.<br />
<br />
Jika anda sudah mempunyai akaun google, boleh sign dahulu atau klik disini.<a href="http://mail.google.com/mail/?hl=en&tab=im">http://mail.google.com/mail/?hl=en&tab=im</a>.<br />
<br />
Jika anda masih belum mempunyai akaun google, <a _blank="" href="http://mail.google.com/mail/signup" target="">sila daftarkan dahulu disini</a> untuk memudahkan proses pendaftaran akaun blogspot.<br />
<br />
Berikut adalah langkah-langkah yang diperlukan untuk mendaftar akaun blogspot.<br />
<span class="fullpost"><br />
1. Buka link <a href="http://www.blogger.com/www.blogger.com" target="_blank">www.blogger.com</a><br />
<br />
2. Apabila paparan sudah keluar, klik pada 'create a blog'<br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S3gsiEvMXPI/AAAAAAAADzI/4oABxbrlq08/cara+buat+blog2.JPG" /></center><br />
<br />
3. Seterusnya masukkan maklumat yang dikehendaki kemudian klik 'continue'.<br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://3.bp.blogspot.com/_CEj8AwvwSNM/S3gwGcBrNhI/AAAAAAAADzY/fmPEaD4HPLE/cara+buat+blog3.JPG" /></center><br />
<br />
4. Kemudian masukkan blogname dan juga blog address<br />
<ul><li>Blog name lebih merujuk kepada trademark sesebuah blog</li>
<li>Blog address adalah digunakan oleh pengunjung untuk membuka blog anda. Blog address antara perkara paling penting bagi sesebuah blog. Untuk memudahkan pemahaman, sila rujuk <a href="http://unwanted86.blogspot.com/2009/10/blogger-tips-url.html" target="_blank">Tips Pemilihan URL Untuk Blog</a>.</li>
</ul><br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://2.bp.blogspot.com/_CEj8AwvwSNM/S3g0Vem65cI/AAAAAAAADzg/oUyzzN-CLpI/s400/cara+buat+blog4.JPG" /></center><br />
<br />
5. Pilih template yang anda rasa sesuai, kemudian klik 'continue'<br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3g1p7jOTeI/AAAAAAAADzo/l4GghtU6QlE/s400/cara+buat+blog5.JPG" /></center><br />
<br />
6. Siap. Anda sudah mempunyai akaun blogspot anda sendiri ada boleh mula untuk menaip entri pertama anda.:)<br />
<center><img alt="Cara Buat Akaun Blogspot" border="1" src="http://4.bp.blogspot.com/_CEj8AwvwSNM/S3g2a1kWeXI/AAAAAAAADzw/ybx4JK-IcbM/cara+buat+blog6.JPG" /></center></span>Hamdin Zarifhttp://www.blogger.com/profile/07400288557972273838noreply@blogger.com0