Blog အတြက္ HTML ကုတ္မ်ား

1

ဒါကေတာ့ စာလံုးအရြယ္အစားနဲ႔
အေရာင္ေတြအတြက္ပါ
  <Font size ="2" color ="green">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="3" color

="blue">ဒီလိုေလးျဖစ္သြားပါမယ္</font>
<Font size ="4" color
="yellow">ဒီလိုေလးျဖစ္သြားပါမယ္</font>


လိုအပ္တဲ့အရြယ္နဲ႔ အေရာင္ကို ၾကိဳက္သလိုျပန္ျပင္လို႔ရပါတယ္။

-----------------------------------------------------------------------
ဒါေလးကေတာ့ Drop Down List
အတြက္ျဖစ္ပါတယ္
<form><select onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">
<option>ဒီေနရာမွာ
ေခါင္းစဥ္ထည့္ပါ<!-- change the links with your own
--></option>
<option value="ဒီေနရာမွာ လင့္
ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္

</option>
<option value="ဒီေနရာမွာ လင့္
ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္
</option>
<option value="ဒီေနရာမွာ လင့္
ထည့္ပါ"> ဒီေနရာမွာ နာမည္ထည့္

</option>
</select></form>
. ဒါေလးကေတာ့ Tab bar
မွာစာသားေလးေတြေျပးေနေအာင္လုပ္တာပါ
<script language="javascript" type="text/javascript">
msg = " ဒီေနရာမွာ စာသားထည့္ပါ ";
msg = "..." + msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0,
pos);
pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);

}
scrollMSG();
</script>
------------------------------------------------------------------------------------------
ဒါကေတာ့ မိမိစာမ်က္ႏွာကိုဖြင့္လိုက္တာနဲ႔

သတိေပးတဲ့စာေလးေပၚလာေအာင္လုပ္တာပါ
-------------------------------------------------------------
<SCRIPT language="JavaScript">
<!-- hide from old browsers

alert("ဒီေနရာမွာမိမိေပၚေစခ်င္တဲ့စာသားေတြေရးပါ");

//-->
</SCRIPT>
----------------------------------------------------------------------------------------------
 ဇယားကြက္ထဲမွာ Drop down List
ထည့္တဲ့ကုတ္ေလးပါ
<table border="0" cellspacing="0" align="center">
<tr>
<td>
<form><select
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">

<option>----Title-----<!--
change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL
ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>

</td>
<td>
<form><select
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">
<option>----Title-----<!--
change the links with your own --></option>

<option value="--ဒီေနရာမွာ URL
ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<tr><td>
<form><select

onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">
<option>----Title-----<!--
change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL
ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>

</select></form>
</td>
<td>
<form><select
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">
<option>----Title-----<!--

change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL
ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td></tr>

<td>
<form><select
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"
style="width: 140px;">
<option>----Title-----<!--
change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL

ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>
</select></form>
</td>
<td>
<form><select
onchange="window.open(this.options[this.selectedIndex].value,'_blank')"

style="width: 140px;">
<option>----Title-----<!--
change the links with your own --></option>
<option value="--ဒီေနရာမွာ URL
ထည့္ပါ--">--ဒီေနရာကေတာ့နာမည္ေပါ့--</option>

</select></form>
</td>
</tr>
</table>
------------------------------------------------------------------------------------------------
 ဒါေလးကေတာ့ network Icon
အတြက္ျဖစ္ပါတယ္
<link rel="icon" type="image/gif" href=" ဒီေနရာမွာ Icon လင့္ေလးထည့္ေပးပါ ">
---------------------------------------------------------------------------------------------
ဒါေလးကေတာ့ စာမ်က္ႏွာ ေအာက္ေျခမွာ
ထည့္ခ်င္ရာထည့္ဖို႔အတြက္
#xg_foot {
background-image:url(ဒီေနရာမွာ jpeg, gif, png
ဖိုင္ လင့္ေလးထည့္ပါ );
}
-------------------------------------------------------------------------------------------
ဒါေလးကေတာ့
စာသားေတြေရြ႕ေနေအာင္လုပ္တဲ့ေကာင္ေလးပါ
<marquee>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=right>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<center><marquee behavior=alternate width=50%>
ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee></center>



<marquee direction=up height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>

<marquee direction=down height=50
behavior=alternate>ဒီေနရာမွာစာရိုက္ထည့္ပါ</marquee>
----------------------------------------------------------------------------------------
  ဒါေလးကေတာ့ scroll-box အတြက္ကုတ္ေလးပါ
<style type="text/css">
div.scroll-box {
height:100px;
width:200px;
font:10pt/20pt Verdana,arial,sans-serif;
overflow:scroll;

}
</style>
<div class="scroll-box">
ဒီေနရာမွာ စာသားေတြထည့္ပါ
Enter your scroll box text here... once
there's enough text, the box will grow scroll bars!
You can also put pictures in here and it will scroll if the picture
is too big.
</div>
-----------------------------------------------ဒါမွမဟုတ္
ဒီလိုေလးလဲလုပ္လို႔ရတယ္ 
<div style="border: 9px ridge rgb(96, 214, 243); overflow: scroll; height: 100px; width: 220px;">ဒီေနရာမွာအေၾကာင္းအရာမ်ားေရးထည့္ပါ</div>
--------------------------------------------------------------------

ဒါေလးကေတာ့ ဓာတ္ပံု slide show
အတြက္ပါ
<div align=center>
<table width=400
border=0 align=center>
<tr>

<td>
<marquee width=400>
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />
<img src=ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />

<img src=ဒီေနရာမွာ ဓာတ္ပံု URL
ထည့္ပါ />
</marquee>
</td>
</tr>
</table>
</div>
-------------------------------------------------------------------------
ဒါေလးကေတာ Tab ေလးေတြထည့္ဖို႔ပါ
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home
Page"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ ' ">

<INPUT TYPE="BUTTON" VALUE="HTML
Books"
ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ ' ">
<INPUT TYPE="BUTTON" VALUE="JavaScript"

ONCLICK="window.location.href=' ဒီေနရာမွာ URL
ထည့္ပါ ' ">
</FORM>
---------------------------------------------------------------------------

ဒါေလးကေတာ့ iframe အတြက္ကုတ္ေလးပါ
(ခ်က္ရြန္းေတြ၊ ဓာတ္ပံုေတြကိုစာမ်က္ႏွာေပၚမွာတင္ရန္)
<iframe src=" ဒီေနရာမွာ URL ထည့္ပါ "
width="200"
height="150"
scrolling="auto"
frameborder="1"></iframe>
--------------------------------------------------------------------------

ဒါေလးကေတာ့ သီခ်င္းထည့္ဖို႔ပါ
<embed name="ဒီေနရာက သီခ်င္းနာမည္ေပါ့"
src=" ဒီေနရာက သီခ်င္း URL *.wav ေပါ့
"
width="300"

height="90"
loop="false"
autostart="false">
</embed>
--------------------------------------------------------------------------
ဒါေလးကေတာ့ ဗီဒီယို ထည့္ဖို႔အတြက္ပါ
<object width="425px" height="360px" > <param name="allowFullScreen" value="true"/>
<param name="wmode" value="transparent"/>
<param name="movie" value=" ဒီေနရာမွာ
နာမည္ထည့္ပါ "/>
<embed src=" ဒီေနရာကေတာ့ Video ရွိတဲ့ URL
ထည့္ပါ " width="425"

height="360" allowFullScreen="true"
type="application/x-shockwave-flash" wmode="transparent"/>
</object>
-----------------------------------------------------------------------------------
ေဘာင္ကြတ္မဲ့ကုတ္ေလးပါ
<fieldset style="border:1px solid #FF0000; padding:10;"><legend align="left"><font color=" #FF0000">ဒီေနရာကေတာ့
ေခါင္းစဥ္ေပါ့</font></legend><font color="
#FF0000"><p align="center (left,
right) ">အေၾကာင္းအရာေလးေတြဒီေနရာမွာေရးပါ</p></font></fieldset>
--------------------------------------------------------------------------------------------
ဒါေလးကေတာ့ BlogPost ေဖၚျပတဲ့ေနရာမွာ Scrollbar
နဲ႔ ေဖၚျပခ်င္ရင္ေပါ့
/* scroll box for the blog post */
#xg_module_blog, .body_detail{
height: 300px;

overflow : auto;
position:relative;
margin : 3px;
text-align : center;
font-size : 14px;
font-family :arial;
}
----------------------------------------------------------------

ဒါေလးကေတာ့ ကိုယ္ပိုင္ စာမ်က္ႏွာ ေပၚမွာ latest
activity ကို scroll ေလးထည့္ဖို႔ပါ
xg_module, .xg_module_activity {
background: url();
background-repeat: no-repeat;
background-position: center 0px;
width: 500;

height: 500px;
overflow : auto;
overflow-x: hidden;
position:relative;
margin : 3px;
text-align : center;
font-size : 10px;

font-family : arial;
border:1px solid #04B404;
}
------------------------------------------------------------------ 
 Ads by Google ကိုေျဖာက္ထားခ်င္ရင္
.xg_ads { right:1500px; } .xg_ads { height:0px; width:0px; }
-------------------------------------------------------------------------------------
www.m51a.com မွရယူသည္ .. !