Cara Membuat Blogger Emoticons

Ini kod kod nya....hanya sebilangan kecil sahaja..


<img src="http://photos1.blogger.com/blogger/7678/802/1600/wink.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/biggrin.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/cool.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/sad.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/ohmy.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/tongue.gif">


<img src="http://photos1.blogger.com/blogger/7678/802/1600/smile.gif">


Free Domain

CO.CC:Free Domain

Salam semua rakan...
Pada sesiapa yang berminat nak gunakan Domain secara percuma.....ha.............
kat sini nak daftar klik ok...lama web nie menyediakan domain secara percuma...jadi kalau korang rasa nak guna silakan kalau nak pendekkan nama atau alamat doin korang ...ialah dh taknak guna blogspot.com...bolehlah register kat banner kecik tu...em...
Dalam kontrol penel ada disediakan bermacam-macam so leh lah explore...


Cara mengetahui berat blog anda

Timbang blog anda...
































Your domain(s): Enter each address on a new line (Maximum 10)




(eg. iwebtool.com)








Powered by iWEBTOOL


Cara Meringankan BLOG anda

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kod di bawah pada content HTML/Javascript.
------------------------------------------------------------------------------------------------

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"
});
});
</script>
-------------------------------------------------------------------------------------------------

letak di sidebar pun ok...

Selamat mencuba

Membuat kesan salji dalam blog (Snow effect)

Cara untuk meletakkan salji dalam blog adalah seperti berikut.

1. Login akaun blogger, dari dashboard>layout>add a gadget>html/javascript

2. Copy salah satu kod berikut kemudian paste dalam ruangan html/javascript

Kod untuk salji putih (sesuai untuk background hitam)
--------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://www.yourjavascript.com/14104214083/snow-white.js"></script>
--------------------------------------------------------------------------------------------------
Kod untuk salji hitam (sesuai untuk background putih)
--------------------------------------------------------------------------------------------------
<script type="text/javascript" src="http://www.yourjavascript.com/03441140321/snow-black.js"></script>
--------------------------------------------------------------------------------------------------

Klik save...
Selamat mencuba..

Membuat Link Dalam Blog Warna-Warni ( Rainbow Link )

1) Copy code di bawah ini.
-----------------------------------------------------------------------------------------------
<script src="http://bloggerhosting.appspot.com/serve/fwzynn.googlepages.com/rainbow.user.js" type="text/javascript">

/***********************************************

* Script edited by Ynn Ainul at http://fwzynn.blogspot.com/

* Please keep this notice intact

***********************************************/
</script>
-----------------------------------------------------------------------------------------------
2) Buka dashboard blog anda, kemudian pergi ke layout > page element > add a gadget
Bagaimana Letak Kod HTML pada blog


3) Cari HTML/javascript. Kemudian apabila sudah buka, paste code kat situ.
Bagaimana Letak Kod HTML pada blog


4) Siap dan save. Itu sahaja. Senang bukan.:)

Membuat Cursor Anda Berkilauan (sparkle)

Terdapat pelbagai jenis warna yang telah diletakkan untuk memudahkan pemilik blog sesuaikan dengan warna thema masing². Kata lain yang mungkin sesuai ialah untuk menjadikan cursor anda sparkle.(tak tahu istilah betul apa untuk effect ini.:)

1. Dari dashboard > design > add a gadget > HTML/javascript

2. Pada ruangan HTML/javascript, masukkan kod berikut.
-------------------------------------------------------------------------------------------------
<script src="URL JS" type="text/javascript"></script>
-------------------------------------------------------------------------------------------------
Note: untuk URL JS, tukarkan dengan kod berikut mengikut warna sprakle yang anda kehendaki

Biru - https://sites.google.com/site/unwanted86/javascript/biru.js

Hitam - https://sites.google.com/site/unwanted86/javascript/black.js

hijau - https://sites.google.com/site/unwanted86/javascript/lawngreen.js

Ungu - https://sites.google.com/site/unwanted86/javascript/purple.js

Putih - https://sites.google.com/site/unwanted86/javascript/putih.js

Pink - https://sites.google.com/site/unwanted86/javascript/salmon.js

Kuning - https://sites.google.com/site/unwanted86/javascript/yellow.js

Hijau kebiruan - https://sites.google.com/site/unwanted86/javascript/aqua.js

Contoh: jika anda mahu mouse anda dengan sparkle warna biru, kodnya adalah;
----------------------------------------------------------------------------------------------
<script src="https://sites.google.com/site/unwanted86/javascript/biru.js" type="text/javascript"></script>
----------------------------------------------------------------------------------------------

Selamat Mencuba...

Membuat ruangan komen di bawah Post

Meletakkan ruangan komen di bawah entri dapat memudahkan pengunjung sesebuah blog untuk menghantar komen pada entri yang ditaip.

Letak Ruangan Komen Di Bawah Entri.


Secara asasnya, blogger sudah menyediakan cara mudah untuk membolehkan sistem komen dalam blog anda muncul seperti ini.

Apa yang perlu dilakukan adalah enablekan sistem komen ini cara berikut.

1. Login akaun blogger anda, dari dashboard> settings>comments
Pada comments form placement, pilih 'embedded below post'


2. Save setting dan lihat hasilnya..

JIKA tidak berjaya.

3. Klik pada layout>edit html>Expand widget templates

Tekan ctrl + F untuk mencari kod dibawah.

----------------------------------------------------------------------------------------------
<b:include data='post' name='comments'/>
----------------------------------------------------------------------------------------------

Letakkan kod ini dibawah kod yang anda jumpa
---------------------------------------------------------------------------------------------
<b:include data='post' name='comment-form'/>
---------------------------------------------------------------------------------------------
klik SAVE...

Selamat mencuba

Membuat Animated Recent Post Widget

Contoh recent post widget adalah seperti berikut.

(tunggu page habis load utk tengok pergerakan, pergerakan sebenar adalah lebih perlahan dan lancar)








get this widget here

-----------------------------------------------------------------------------------------

caranya...

---------------------------------------------------------------------

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://traffik-makemoney.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<small><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-animated-recent-post-widget.html" target="_blank">get this widget here</a></small>
--------------------------------------------------------------------------------------
Note: gantikan URL BLOG dengan url blog anda..

Save dan lihat hasilnya.

-------------------

PERHATIAN: Didapati tidak semua template blog 'boleh masuk' dengan widget ini. Kemungkin sebahagian besar boleh menggunakan widget ini. Oleh itu anda boleh mencuba dahulu samada boleh guna atau tidak untuk blog anda. Masih belum jumpa penyelesaian untuk itu.

Harap blog anda boleh menggunakan widget ini.
Selamat mencuba

Kotak Blogroll Model Marquee

Caranya..

---------------------------------------------------
<div style=border:1px solid #006600;overflow:auto;width:160px;height:250px;><marquee align=center direction=up height=250 scrollamount=2
onmouseover=this.stop() onmouseout=this.start() width=100%>
<ul>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/menbuat-menu-dropdown.html" target="_blank">
<img border="0" alt="Drop Menu" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-text-area.html" target="_blank">
<img border="0" alt="Text Area" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>
<li><a href="http://traffik-makemoney.blogspot.com/2010/11/membuat-kotak-chat-tersembunyi.html" target="_blank">
<img border="0" alt="Kotak Chat" src="http://two.xthost.info/cobexonly/Webfile/Gats%20Banner.JPG" /></a></li>


<li></li>
<li></li>
<li></li>
</ul>
</marquee></div>



-----------------------------------------------------------------
Sila gantikan kod link yang berwarna merah dengan kod link blog anda
dan yang berwarna hijau adalah tajuk

Hasilnya seperti dibawah ini......................




  • Drop Menu


  • Text Area


  • Kotak Chat











Selamat Mencuba

Membuat Menu Vertikal (Vertical)

Beginilah cara membuatnya :

1. Login ke blogger trus pilih "Layout-->Edit HTML"
2. Masukkan kode berikut sebelum kode atau sebelum kode .

----------------------------------------------------------------------------------------
.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 185px; /*WIDTH OF MAIN MENU ITEMS*/
border: 1px solid black;
}
.glossymenu li{
position: relative;
}
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/blue1.gif') repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;
}
.glossymenu li ul{
position: absolute;
width: 190px;
left: 0;
top: 0;
display: none;
}
.glossymenu li ul li{
float: left;
}
.glossymenu li ul a{
width: 180px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('http://kendhin.890m.com/blog/vertical/blue2.gif');
}

* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
----------------------------------------------------------------------------------------
Untuk memilih warna menu, perhatikan kode2 yang berwarna merah (blue1.gif dan blue2.gif). Ganti kode tersebut dengan pilihan warna dibawah ini. Misal jika kamu ingin memilih menu warna merah maka kodenya menjadi seperti ini :

----
-----------------------------------------------------------------------------------
.glossymenu li a{
background: white url('http://kendhin.890m.com/blog/vertical/red1.gif') repeat-x bottom left;
------------------------------------------------------------------------------------------

Pilihan Warna menu vertikal :

blue1.gif

blue2.gif

green1.gif

green2.gif

red1.gif

red2.gif

pink1.gif

pink2.gif

black1.gif

black2.gif



3. Kemudian di save.
4. Lalu pergi ke menu "Page Elements"
5. Pilih "Add a Gadget -->HTML/JavaScript" kemudian masukkan kode berikut kedalamnya:

----------------------------------------------------------------------------------------

<ul id="verticalmenu" class="glossymenu">
<li><a href="/">Home</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/">Tutorial Blog</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/" >Free Traffik</a></li>
<li><a href="http://traffik-makemoney.blogspot.com/">Home</a></li>
</li>
</ul>

Selamat mencuba....


Membuat blog cepat terindek di GOOGLE

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .

Selamat mencuba..

Membuat kotak chat tersembunyi

Mungkin anda sudah pernah melihat kotak chatting yang tersembunyi di beberapa blog. Dimana widget chatting itu akan muncul setelah diklik. Script yang digunakan pada kotak chatting tersebut adalah javascript. Javascript memang boleh menbuat script-script yang hebat dan kreatif.

ok...

  1. Masuk ke blogger.
  2. Pilih Layout (Tata Letak) » Page Elements (Elemen Laman).
  3. Klik tulisan Add a Gadget (Tambah Gadget).
  4. Pilih gadget HTML/JavaScript.
  5. Copy-paste kode berikut di bagian konten.

-------------------------------------------------------------------------------------------

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


SCRIPT CHATTING DI SINI (alamat url shoutmix atau shout box anda)


</iframe></center>
<a href="http://www.tutorialblogging.co.cc/2010/04/membuat-kotak-chatting-tersembunyi.html" title="Pasang widget chatting seperti ini di blog anda" target="_blank">[+]</a>
<span style="float:right">
<a href="javascript:showHidechat()">
[x]
</a></span>
</div></div>

<script>
var chat = document.getElementById("chat");
chat.style.right = (30-chat.offsetWidth).toString() + "px";
</script>

---------------------------------------------------------------------------------------------
  1. Simpan gadget.
CSS
Sekarang pada bagian css, ikuti langkah-langkah berikut.
  1. Pilih menu Layout (Tata Letak) » Edit HTML.
  2. Cari kode ]]>, kemudian copy-paste kode css berikut di atasnya.
---------------------------------------------------------------------------------------------
#chat{position:fixed; top:25px; z-index:+1000}
* html #chat{position:relative}
.chat-click{height:100px; width:30px; float:left; cursor:pointer; background:url(http://i42.tinypic.com/vhb3vc.jpg) no-repeat;}
.chatbox{float:left; border:2px solid #1f54bc; background:#f0f8ff; padding:10px}
.chatbox a {text-decoration: none;}

-------------------------------------------------------------------------------

3. klik save..

selamat mencuba

Cara Membuat Menu Tab View

Bagi yang inginkan kelainan di blog....bolehlah try cara nie...

Beginilah cara untuk membuat menu tab view tersebut

1. Login ke blogger trus pilih menu "Layout --> Edit HTML"
2. Kemudian cari kode ini ]]>
3. Kemudian masukkan kode berikut ini sebelum kode ]]> atau kedalam tag CSS.

-------------------------------------------------------------------------------------------------

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}

--------------------------------------------------------------------------------------

4. Perhatikan text-text yang berwarna merah, itu adalah keterangan untuk pengaturan Tab View. Ada ukuran warna dll.
5. Langkah selanjutnya yaitu pasang kode berikut ini sebelum kode

--------------------------------------------------------------------------------------

<script src='http://kendhin.890m.com/blog/tabview.js' type='text/javascript'/>


6. Kemudian "Di save"
7. Lalu pergi ke menu "Page Elements"
8. Trus PIlih "Add a Gadget" --> "HTML/Javascript" di tempat yg akan km letakkan Manu Tab View ini.
9. Inilah script yg harus kamu pasang :

------------------------------------------------------------------------------------------


<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">

<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>

<div class="Page">
<div class="Pad">
Tab 3.1 <br />
Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>

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

<script type="text/javascript">
tabview_initialize('TabView');
</script>

------------------------------------------------------------------------------------------

Keterangan :
- Angka2 atau text yang berwarna biru (350px) adalah ukuran tinggi dan lebar tabview.
- Kode yang berwarna Hijau Adalah text yang di Menu utama (Menu Atas).
- Kode yang berwarna merah adalah isi dari tabvie tsb. Anda juga boleh mengisikannya dengan link, gambar, banner, script dll.
- Untuk menambahkan jumlah menu maka perhatikanlah text yang berkedip2. tambahkan menu tersebut dibawahnya.

selamat mencuba.....

Menulis kod HTML DI BLOG

AMATLAH MUDAH....MASUKKAN KOD HTML DISINI

Membuat Recent Post Slide Show






<script src="http://kangfatur.googlecode.com/files/recentpostslide.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>

<script language='javascript'>

imgr = new Array();

imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 255;

cellspacing = 6;

borderColor = "#232c35";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 70;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = true;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 10;

home_page = "http://traffik-makemoney.blogspot.com//";

limitspy=4
intervalspy=4000

</script>

<div id="spylist">
<script src='http://kangfatur.googlecode.com/files/recentpostslide2.js' type='text/javascript'></script>
</div>

Membuat efek Marquee



traffik-bukan traffiklight tau......ekeke


Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.

Marquee ini bisa di buat dengan menggunakan tag ....

Atribut yang sering di gunakan adalah :

BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks

DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks

BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan

Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)

TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks

SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.

SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik

LOOP="angka|-1|infinite" --> Mengatur jumlah loop

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Agar lebih jelas akan saya sertakan contohnya :

<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">

traffik-bukan traffiklight tau......ekeke

</MARQUEE>

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, , ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.


<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.


<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">simpan tulisan anda di sini, maka tulisan yang anda tulis akan muncul di sini dan siap di copy oleh para pengunjung</textarea></p></div></form>





Selamat Mencuba

Membuat Menu Dropdown

Contoh dropdown menu seperti di bawah ini..





Ok.... anda perlu copy paste HTML dibawah dan tukar tajuk dan alamat htmlnya (yang berwarna merah)..

------------------------------------------------------------------------------------------

<select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')"size=1 name=menu>
<form><option value=0 selected>- Traffic -</option>
<option value="http://traffik-makemoney.blogspot.com">Blog info</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-nuffnang-innit.html">Traffik dari Nuffnang</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-binarytrafficcom.html">Traffik dari Binary</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-spott.html">Traffik dari Spoot</option>
<option value="http://traffik-makemoney.blogspot.com/2010/05/traffik-dari-search-engine.html">Traffik dari Search Engine</option>

</select></form>
--------------------------------------------------------------------------
Selamat Mencuba....