Wednesday, March 17, 2010

Blog မွာ Mouse Pointer ၊ Cursor ေျပာင္းနည္း။

1) Blogger ထဲ ကို Sign In ၀င္ပါ။
2) ျပီးရင္ Lay Out ကိုသြား ပါ။
3) Lay Out ထဲက Add a Gadget ကို ႏွိပ္ပါ။
4) HTML/JavaScript ကိုႏွိပ္ျပီး ေအာက္မွာ တင္ထားေပးတဲ့ စာကိုကူးလိုက္ပါ။

<div class="clear"></div>
<div id="HTML9" class="widget HTML">
<div class="widget-content">
<style>HTML,BODY{cursor:
url("http://8020876242759398787-a-1802744773732722657-s-sites.googlegroups.com/site/mgkyawswarnyein/my-stuff/MyPointer.gif"),
auto;}</style>
</div></div>

5) ျပီးရင္ Save လိုက္ပါ။ဓါတ္ပံု URL ေနရာမွာေတာ့ Mouse Cursor အတြက္ URL
ကိုထားေပးပါ။

Falling stars & Hearts in Your blog

Falling stars & Hearts in Your blog

ဘေလာ့ဂ္ေပၚမွာ ႏွင္းက်ေအာင္လုပ္တာ တုိ႕ဘာတုိ႕ တကယ္လုိ ရုိးသြားခဲတယ္ဆုိရင္ ကုိယ့္ ဘေလာ့ဂ္ေပၚမွာ ၾကယ္ေလး ေတြ ျဖစ္ျဖစ္ အသဲ ေလးေတြ ျဖစ္ျဖစ္ က်ေအာင္ လုပ္ၾကည့္ရေအာင္ပါ .. အဟဲ ..နဲနဲ ေလး ဆန္းသစ္ၾကည့္တာေပါ့ .. လုပ္ရတာလည္း မရႈပ္ပါဘူး .. ေအာက္က Html code ကေလးေတြ ကုိကူးျပီးေတာ့ layout=>page element ကေနျပီးေတာ့ add garget ကေန Html/java script ကေလးကုိ ကူးျပီးေတာ့ထည့္လုိက္ရုံပါပဲ .. ရပါျပီ .. အဲဒါဆုိရင္ ၾကယ္ကေလးေတြ ၾကဳိက္ရင္ ၾကယ္ကေလးေတြ ကုဒ္ ကေလးကုိ ထည့္လုိက္ .. အသဲကေလးေတြ ကုိၾကဳိက္ရင္ေတာ့ အသဲကေလးေတြ ကုိထည့္လုိက္ေပါ့.. စမ္းၾကည့္ၾကတာေပါ့ .. အဟဲ ..... ကုဒ္ ကေလးေတြ ကေတာ့ ရွည္လုိ႕ ေအာက္မွာ ပဲ ေရးလုိက္တယ္ေနာ္ ...။။


Falling stars code

<a style="color: #000080; font-family: tahoma; font-size: 11px; text-decoration: none; border: 1px double #00ADEF; padding: 1px; background: #FFF" target="_blank" href="http://www.allblogtools.com/">Get Blogger Falling Objects</a>
<div align="center">
<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;" scrollamount="5"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/1-2009/uploaded/AllBlogTools.com.gif"/></span></marquee>
</div>



Falling Hearts Code


<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:150px; width:16px; height:483px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:169px; top:170px; width:16px; height:411px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:213px; top:190px; width:16px; height:346px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:279px; top:180px; width:16px; height:512px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:310px; top:160px; width:16px; height:428px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:250px; top:190px; width:16px; height:206px; z-index:1;" scrollamount="5"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:148px; top:150px; width:16px; height:287px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:297px; top:170px; width:16px; height:239px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:110px; top:230px; width:16px; height:254px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:369px; top:190px; width:16px; height:420px; z-index:1;" scrollamount="3"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:385px; top:150px; width:16px; height:520px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:441px; top:170px; width:16px; height:381px; z-index:1;" scrollamount="4"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:477px; top:200px; width:16px; height:392px; z-index:1;" scrollamount="7"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:569px; top:170px; width:16px; height:485px; z-index:1;" scrollamount="6"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:599px; top:200px; width:16px; height:386px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:530px; top:170px; width:16px; height:383px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:608px; top:200px; width:16px; height:347px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:642px; top:250px; width:16px; height:435px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:681px; top:290px; width:16px; height:499px; z-index:1;" scrollamount="3"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:659px; top:180px; width:16px; height:222px; z-index:1;" scrollamount="7"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:698px; top:160px; width:16px; height:250px; z-index:1;" scrollamount="4"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:726px; top:200px; width:16px; height:382px; z-index:1;" scrollamount="1"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:754px; top:150px; width:16px; height:542px; z-index:1;" scrollamount="1"><span class="falling1"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>
<marquee behavior="scroll" direction="down" style="position:absolute; left:780px; top:180px; width:16px; height:437px; z-index:1;" scrollamount="2"><span class="falling2"><img src="http://www.allblogtools.com/imgup/12-2008/uploaded/heart3.gif"/></span></marquee>

Blog မွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတဲ႕ပုံ (Flash Animated Label Tags Cloud)

August 13, 2009

Blog မွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတဲ႕ပုံ (Flash Animated Label Tags Cloud)



အခု ကြ်န္ေတာ္ ေျပာမယ့္ ပုံကေလးေတြ ကုိ Blog ေတာ္ေတာ္မ်ားမ်ား မွ ျမင္ဖူးမွာပါ .. blog slidebar ကေလးမွာ ေခါင္းစဥ္ကေလးေတြ လည္ေနတာေလ .. အဲဒါကေလးေတြထဲက ကုိယ္ ၾကဳိက္တဲ႕ ေခါင္းစဥ္ကေလးကုိ ႏွိပ္လုိက္ရင္ .. သူ႕ေခါင္းစဥ္ကေလးနဲ႕သက္ဆုိင္တဲ႕ အေၾကာင္းအရာေလးနဲ႕ ဆုိင္တဲ႕ ပုိစ့္ေတြ ကုိ ေရာက္သြားေရာ ..(Flash Animated Label Tags Cloud) လုိ႕ေခၚပါတယ္ .. အဲလုိ မ်ိဳးေလး လုပ္ခ်င္တယ္ဆုိရင္ေပါ့ ...ကို္ယ့္ရဲ႕ background အေရာင္နဲ႕လုိက္ေအာင္လည္း ယူလုိ႕ရပါတယ္ .. ကို့ယ့္ ဆီ လာတဲ႕လူေတြ ကုိ ေရြးရတာ ခပ္ဆန္းဆန္းကေလး ေပါ့ .. အဟဲ .. လည္ေနတာဆုိေတာ့ ေရြးတဲ႕လူ ေခါင္းမူးျပီး လာေျပာရင္ေတာ့ ကြ်န္ေတာ္ ပါဘူးေနာ္ .. အဟဲ :p :P .. ထည့္မယ္ဆုိရင္ေတာ့

၁။ layout => edit html ကုိ သြားလုိက္ပါ ။
၂။ Expend Widget ကေလးကုိ အမွန္ျခစ္ကေလးေပးထားလိုက္အုံးေနာ္ .. ေတာ္ၾကာ ေအာက္က စာကုိ ရွာမွ မေတြ႕ပါလား ျဖစ္ေနဦးမယ္ .. အမွန္ျခစ္ကေလးကုိ ေပးျပီးရင္ေတာ့ ေအာက္က ကုဒ္ကေလးကိုရွာလုိက္ပါ ..

<b:section class='sidebar' id='sidebar' preferred='yes'>


ရွာျပီးသြားျပီဆုိရင္ေတာ့ အဲဒီ့ ကုဒ္ ကေလးရဲ႕ ေအာက္ကေလးမွာ ေအာက္က ကုဒ္ကေလးကုိ ထပ္ျပီးေတာ့ ထည့္လုိက္ပါ .. ထည့္ျပီးသြားျပီဆုိရင္ ေတာ့ ၾကဳိက္မၾကဳိက္ကုိ Preview အရင္ ၾကည့္လုိက္ပါဦး .. ၾကည့္ျပိးရင္ေတာ့ ၾကဳိက္ျပီဆုိတာနဲ႕ save tamplete ကုိ ေပးလုိက္ ဗ်ာ .. ရျပီ အဲဒါဆုိရင္ ေခါင္းစဥ္ကေလးေတြ လည္ေနျပီ ..BG color ကုိ ေျပာင္းခ်င္ရင္ေတာ့ အျပာကေလးနဲ႕ ျပထားတဲ႕ေနရာကေလးမွာ Html color code ကေလးေတြထဲက ကုိယ္ ၾကဳိက္တဲ႕ code ကေလး ကုိယူျပီးေတာ့ ထည့္လုိက္ပါ ရပါျပီ ဗ်ာ .. စမ္းၾကည့္ပါဦး.. အဆင္ေျပပါေစ ..Code ကေတာ့ ေအာက္မွာေနာ္ ..


<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#556632" /&gt;
&lt;param name="flashvars" value="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;


</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>



အဆင္မေျပတာေလးမ်ားရွိခဲ႕ရင္လည္း comment ကေလး ေပးခဲ႕ပါဦးခင္ဗ်ာ ...

Blog မွာ Running Title Bar လုပ္ၾကည့္ရေအာင္

<!–
var space = "-=- ";
var speed = "70";
var pos = 0;
var msg = "Welcome from My Web Blog";
function Scroll()
{
document.title = msg.substring(pos, msg.length) + space + msg.substring(0,pos);
pos++;
if (pos > msg.length) pos = 0;
window.setTimeout("Scroll()", speed);
}
Scroll();
–>

—————————————————————————————————

var space = " (symbol)"; က ကိုယ့္ထည့္ခ်င္တဲ့ စာေၾကာင္းရဲ႕ ေနာက္က လာမဲ့အရာပါ (ဥပမာ – :~: လိုပုံေလး ထည့္ထားရင္ ပိုသိသာပါတယ္။)
var speed = "70″; ကေတာ့ ကိုယ့္ထည့္ထားတဲ့ စာေၾကာင္းေလး ေျပးေနမဲ့ အျမန္ႏွဳန္းပါ။ (ျမန္ျမန္ေျပးခ်င္ရင္ တန္ဖိုးေလွ်ာ့ခ်ေပးရပါတယ္။)
var msg = "Welcome from My Web Blog"; ကေတာ့ ကိုယ္ထည့္ခ်င္တဲ့ Blog ရဲ႕ လိပ္စာပဲျဖစ္ျဖစ္ ၊ Information ေလးတခုပဲျဖစ္ျဖစ္ ၊ ကုိယ္ၾကိဳက္ႏွစ္သက္ရာ ထည့္ႏုိင္ပါတယ္ ။
HTML coding အေနနဲ႔ဆိုရင္ ေအာက္မွာ ထည့္ရင္ အဆင္ေျပပါလိမ့္မယ္။

Blogger မ်ားအတြက္ Flash Animated Label Cloud

ကဲ ကၽြန္ေတာ့္ ရဲ့ ဘေလာ္ဂါ ညီအစ္ကို ေမာင္နွမ အေပါင္းတို႕ ထူးဆန္းလွပတဲ့ ဆိုဒ္ဘား အတြက္ widget ေလးတစ္ခု ေတြ႕မိလို႕ ကိုယ့္ ဘေလာဂ္ဂါ ညီကိုေမာင္နွမ အေပါင္းကို ေဝမွ် လိုက္တာပါ ...။




အရမ္းရိုးရွင္း လြယ္ကူပါတယ္ဗ်ာ ကုဒ္ေလး ေတြကို လိုတဲ့ေနရာမွာ Copy & Paste လုပ္ေပးရံုပါပဲ..။

ကဲ ဒါဆို စလိုက္ၾကရေအာင္....
Blogger dashboard ကေနတဆင့္ Layout>Edit HTML ထဲကို သြားလိုက္ပါ..

ျပီးသြားရင္ ေဟာဒီေအာက္က ကုဒ္ေလးကို ေတြ႕ေအာင္ ရွာလိုက္ပါဗ်ာ...

<b:section class='sidebar' id='sidebar' preferred='yes'>

အိုေက အဲဒီကုဒ္ကို ေတြ႕ၿပီ ဆိုတာနဲ႕ သူ႕ရဲ့ ေအာက္မွာ ဒီကုဒ္ေလး ေတြ ကို Copy & Paste လုပ္ျပီး ျဖည့္ေပး ရံုပါပဲ...

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x333333");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");
so.addParam("allowScriptAccess", "always");
so.write("flashcontent");
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

ဒါဆိုရင္ ညီကို ေမာင္နွမ အေပါင္းတို႕လဲ ကၽြန္ေတာ့္လိုပဲ အျမင္ဆန္းဆန္း ထူးျခားလွပတဲ့ Tag Cloud Label ေလးတစ္ခုကို ပိုင္ဆိုင္ၿပီေပါ့ ..

ေအာ္ တစ္ခုေတာ့ ရွိတယ္ဗ် သူက Post Label ေတြကို ျမန္မာလို ေပးထားရင္ မျမင္ရတာ ေလး တစ္ခုေတာ့ ခၽြင္းခ်က္ ရွိတယ္ဗ် ကၽြန္ေတာ္လဲ အကုန္ အဂၤလိပ္ လိုေတြ လိုက္ေျပာင္းလိုက္ ရတယ္ mrgreen လိုခ်င္တာကိုးဗ်..။

အဲေနာက္ေတာ့ ေနာက္ခံ ဘက္ဂေရာင္း အေရာင္ေတြ စာလံုးအေရာင္ေတြ ကိုယ္လိုခ်င္သလို ေျပာင္းခ်င္ ရင္ေတာ့ ဒီေအာက္မွာ ျပထားတဲ့ ကုဒ္ေလး ေတြ မွာ ကာလာ ကုဒ္ေတြကို လိုက္ေျပာင္း လိုက္ရံု ပါပဲ..။

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

အနီေရာင္နဲ႕ျပထားတဲ့ ဂဏန္းေတြက ကိုယ္လိုခ်င္တဲ့ ဆိုဒ္ အက်ယ္ နဲ႕ အျမင့္ ပါ အဝါေရာင္နဲက ျပထားတာ ကေတာ့ ေနာက္ခံ ဘက္ဂေရာင္း ကာလာကုဒ္ေပါ့ အဲဒီေနရာေတြမွာ ကိုယ္လို သလို ခ်ိန္ညိွ နိုင္ပါတယ္..

စာလံုး အေရာင္ ေျပာင္းခ်င္ရင္ ဒီကုဒ္ထဲက

so.addVariable("tcolor", "0x333333");

အဝါေရာင္ ျပထားတဲ့ ေနရာမွာ ကိုယ္လိုခ်င္တဲ့ ကာလာကုဒ္ေလး ထည့္လိုက္ေပါ့ဗ်ာ...

စာလံုး အရြယ္ အစား ေျပာင္းခ်င္တယ္ ဆိုရင္ေတာ့ ...

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

အနီေရာင္ျပထားတဲ့ ဂဏန္းေလး ကို လိုသလို ၾကီးေသးလုပ္နိုင္ပါတယ္ ....

ကဲ အားလံုးပဲ widget အသစ္ေလးနဲ႕ ေပ်ာ္ရႊင္ နိုင္ၾကပါေစ ေနာ္....။

gmail အဟတ္မခံရေအာင္

အီးေမး(လ္) အဟက္ခံရတယ္ဆိုတာဟာ ... မ်ားေသာအားျဖင့္ ေဟာဒီ အခ်က္ေတြေၾကာင့္ပဲျဖစ္ႏိုင္ပါတယ္။

၁။ social engineering ဆိုတဲ့ အယုံသြင္းျပီး password ကိုယူသြားတာ
၂။ cookies အခိုးခံရတာ
၃။ key logger လိုဟာမ်ဳိးနဲ႔ ကိုရိုက္ထားသမွ်ေတြထဲကေန password ကိုသိသြားတာ

ကြ်န္ေတာ္ သိသေလာက္ကေတာ့ ကြ်န္ေတာ္တို႔ဆီမွာ ၾကံဳၾကရတာဟာ အမွတ္(၁) အမ်ဳိးအစားကမ်ားပါတယ္။
gmail team ကလိုလို၊ တစ္ျခား ယုံၾကည္ရတဲ့ ဆိုက္တစ္ခုခုကလိုလိုနဲ႔ စာေတြပို႔ျပီးအယုံသြင္းတတ္ၾကပါတယ္။
မ်ားေသာအားျဖင့္ အဂၤလိပ္စာကြ်မ္းက်င္တဲ့သူေတြ ပိုျပီးခံရၾကပါတယ္။
ျပီးေတာ့ လူ႔ေလာဘကို အသာေလးဆြေပးလိုက္တဲ့စာမ်ဳိးေတြလဲ လာတတ္ပါေသးတယ္။
တစ္ျခားတစ္ေယက္ေယာက္ရဲ႕ password ကိုသိခ်င္ရင္ သူပို႔လိုက္တဲ့ အထူးပရိုဂရမ္ကိုသုံးၾကည့္ဖို႔ေပါ့ေလ။
လူတိုင္းဟာ သူမ်ားရဲ႕ အတြင္းေရးကို သိခ်င္ၾကသူေတြခ်ည္းပဲမဟုတ္လား။ အဲဒီအခ်ိန္မွာ သတိလြတ္သြားျပီး
သူေတာင္းတဲ့အတိုင္း ကိုယ့္ password ကို ေပးလိုက္မိပါတယ္။ ျပီးရင္ တစ္ဖက္က စာျပန္လာတတ္ပါတယ္။
မင္းသိခ်င္တာအတြက္ အလုပ္လုပ္ေနဆဲမို႔လို႔ ခဏေစာင့္ပါ ဘာ.. ညာ.. ေပါ့ေလ။
အဲဒါကေတာ့ auto responder လုပ္ထားလို႔ ျပန္ေရာက္လာတဲ့စာပါပဲ။ ကိုယ့္ေမး(လ္) နဲ႔ password ကေတာ့သူ႔ဆီ
ေရာက္သြားပါျပီ။ ၾကံဳဖူးရင္ၾကံဳဖူးၾကမွာပါ။ ဒီေတာ့က အဲဒီလို စာမ်ဳိးေတြကို ဘယ္ေတာ့မွ မယုံပါနဲ႕။
ဒီလိုလုပ္လို႔ သူမ်ား password ကို ဘယ္လိုမွ မသိရႏိုင္ပါဘူး။ တစ္ဖက္က mail server ေထာင္ထားတဲ့သူေတြကလဲ
သူငယ္ႏွပ္စားေလးေတြမွ မဟုတ္တာ။ ဒီေလာက္ အ, ရင္ ကုန္သြားတာၾကာျပီေပါ့။

အမွတ္(၂) အမ်ဳိးအစားကေတာ့ ခင္ဗ်ားတို႔ေလာေလာဆယ္ အီးေမး(လ္)ကဲ့သို႔ေသာ login name နဲ႔ password သုံးရတဲ့
ဆိုက္မ်ဳိးတစ္ခုခုကို ၀င္ေနခ်ိန္မွာ အဲဒီ အခ်က္အလက္ေတြကို ခင္ဗ်ားတို႔ရဲ႕ browser က ယာယီဖိုင္ကေလးေတြျဖစ္တဲ့ cookies ေလးေတြအျဖစ္
စက္ထဲမွာ သိမ္းထားပါတယ္။ အဲဒါမ်ဳိးကို တစ္ဖက္ဆာဗာကေန java code, php code လို script ေလးသုံးျပီး ယူလိုက္လို႔ရပါတယ္။
ျပီးရင္ သူ႔ဆာဗာတစ္ေနရာမွာ သိမ္းထားလိုက္မွာေပါ့ေလ။ ေနာက္ေတာ့မွ အဲဒီ cookies ေတြကို သူ႔ browser ထဲကို import လုပ္လိုက္ရင္
ခုနက ခင္ဗ်ား login ၀ငါထားတဲ့ အေနအထားမ်ဳိးျပန္ျဖစ္သြားျပီး ခင္ဗ်ားရဲ႕ ေမး(လ္)ထဲကိုေရာက္သြားပါလိမ့္မယ္။
အေသးစိပ္ရွင္းရင္ေတာ့ အရွည္ၾကီးေပါ့ေလ။ အမ်ားနားလည္ေအာင္ ရိုးရိုးေလးပဲရွင္းျပတာပါ။
အဲဒီလို cookies ခိုးတာဟာ server side script ေရာ client side script ေရာ ႏွစ္မ်ဳိးစလုံးနဲ႕ လုပ္လို႔ရပါတယ္။
္firefox plugin ေတြျဖစ္တဲ့ grease monkey တို႔ chicken foot တို႔လိုဟာမ်ဳိးတင္ထားျပီး၊ java script ထည့္ထားရင္ အဲဒီ ပရိုဂရမ္ဟာ
background process အျဖစ္နဲ႔ ခင္ဗ်ားရဲ႕ cookie ေတြကို အခ်ိန္တိုင္း သူ႔ဆာဗာဆီကို လွမ္းပို႔ေနပါလိမ့္မယ္။
အဲဒါမ်ဳိးကို antivirus ေတြမသိႏိုင္ပါဘူး။
ဒီေတာ့ကာ ဆိုင္မွာသုံးတဲ့အခါ ကိုယ္သုံးမဲ့ firefox က addons ေနရာမွာ ဘာေတြရွိေနသလဲဆိုတာအရင္ၾကည့္ၾကည့္ပါ။
grease monkey တို႔ chicken foot တို႔ေတြ႕ရင္ uninstall လုပ္လိုက္ပါ။
ျပီးေတာ့က WOT Web of Trust ဆိုတဲ႔ firefox plugin တစ္ခုကိုတင္ထားေစခ်င္ပါတယ္။ သူက စိတ္ခ်ရတဲ့ဆိုက္အဆင့္အတန္းကို
၀ါ စိမ္း နီ အေရာင္နဲ႔ျပပါတယ္။ အနွေရာင္ဆိုရင္ ၀င္မၾကည့္သင့္ပါဘူး။ မ်ားေသာအားျဖင့္ crack.ms တို႔လို password ေတြ
serial ေတြေပးတဲ့ ဆိုကေတြ နဲ႔ porn ဆိုကေတြဟာ စိတ္မခ်ရပါဘူး။
ေနာက္ျပီးေတာ့ BeEF ဆိုတဲ့ browser exploitation framework တစ္ခုရွိပါေသးတယ္။
ေဟာဒီ link ကေန သြားၾကည့္ၾကပါ။ http://www.bindshell.net/tools/beef
အဲဒီဟာကေတာ့ server side application တစ္ခုျဖစ္ျပီး ကုိယ္ဆာဗာေပၚမွာ အဲဒါကိုတင္ထားျပီး သူလုပ္ခိုင္းတဲ့အတိုင္း
configuration လုပ္ထားရင္၊ admin panel ကေန ကိုယ့္ဆီလာၾကည့္သမွ်စက္ေတြထဲကို လုပ္ခ်င္တာလုပ္လို႔ရေနတဲ့သေဘာ
ရွိပါတယ္။ XSS proxy ပုံစံမ်ဳိးပါပဲ။ XSS နားလည္တဲ့သူေတြကေတာ့ သေဘာေပါက္ေကာင္းေပါက္ႏိုင္ပါတယ္။
ေဒါင္းျပီး ကိုယ့္စက္ထဲမွာ စမ္းၾကည့္လို႔လဲရပါတယ္။ တစ္ကယ္ျဖစ္ပါတယ္။ ကြ်န္ေတာ္စမ္းျပီးသားပါ။
အဲဒီလိုဟာမ်ဳိးေတြကိုလဲ ေၾကာက္ရပါတယ္။

အမွတ္(၃) အမ်ဳိးအစားျဖစ္တဲ့ key logger ဆိုတာကေတာ့ ကီးဘုတ္က ရိုက္သမွ်ေတြအကုန္လုံးကို စက္ထဲမွာ
ဖိုင္ေလးေတြဖြင့္ျပီး သိမ္းထားတဲ့ဟာမ်ဳိးပါပဲ။ ဒီေတာ့က ခင္ဗ်ားရိုက္သမွ်ကိုသိရျပီေပါ့ဗ်ာ။
ဒါကေတာ့ task manager ကေနၾကည့္ရင္ ဘာ run ေနလဲဆိုတာသိႏိုင္ပါတယ္။
စိတ္မခ်ရတဲ့ဆိုင္ဆိုရင္ မသြားနဲ႔ေပါ့။ ျပီးေတာ့ user name တို႔ password ေတြရိုက္တဲ့အခါမွာ အမွားေတြေရာျပီးရိုက္လိုက္
back space နဲ႔ ျပန္ဖ်က္လိုက္၊ ထပ္ရိုက္လိုက္ ... အဲဒါမ်ဳိးရိုက္ထည့္ပါ။ အဲဒါဆိုရင္ key logger က log file ကို
ၾကည့္တဲ့အခါ ေတာ္ေတာ္ ေခါင္းစားျပီး password အမွန္ကို သိေအာင္ အေတာ္ၾကိဳးစားရပါလိမ့္မယ္။
မ်ားေသာအားျဖင့္ကေတာ့ key logger ေတြကို antivirus ေတြက လက္မခံပါဘူး။

ဒီေတာ့ကာ အခုေျပာခဲ့သမွ်ေတြကို ေသခ်ာနားလည္ေအာင္ဖတ္ျပီး ကာကြယ္ၾကပါေတာ့။
အေကာင္းဆုံးကေတာ့ password ကို မၾကာမၾကာေျပာင္းေပးဖို႔ပါပဲ။ တစ္ခ်ဳိ႕ကလဲ
password မွန္သမွ်ကို တစ္မ်ဳိးထဲ ထားတတ္ၾကပါတယ္။ ဒါလဲ မလုပ္သင့္ပါဘူး။
ျပီးေတာ့ security question ေတြကို ေလးေလးနက္နက္သေဘာထားျပီး ခန္႔မွန္းလို႔ခက္မဲ့အေျဖမ်ဳိးေတြကိုပဲ
ေျဖၾကေစခ်င္ပါတယ္။ ျပီးေတာ့ကာ secondary mail ကိုသူမ်ားေမး(လ္) မထားၾကပါနဲ႕။
သူမ်ားကိုလဲ ေမး(လ္)မလုပ္ခိုင္းပါနဲ႕။ ခုေခတ္မွာ ရည္းစားနဲ႔ ေမး(လ္)ခ်င္း ဖလွယ္တာေတြကို အျမဲေတြ႕ေနရပါတယ္။
တစ္ကယ္တမ္းကေတာ့ အျပန္အလွန္ လွ်ဳိ႕၀ွက္ခ်က္မရွိေၾကာင္း သက္ေသထူခ်င္တာပါပဲ။ ခ်စ္ဆိပ္တက္ေနတုန္းမွာ ဘာမွ မျဖစ္ေပမယ့္၊
ရန္ျဖစ္ၾကျပီဆိုရင္ တစ္ဖက္လူက ကိုယ့္ေမး(လ္)က ဟာေတြ အကုန္ရသြားပါလိမ့္မယ္။ ဒါမ်ဳိးနဲ႔ အရွက္တကြဲအက်ဳိးနည္းရတာေတြၾကားဖူးပါတယ္။
အေပ်ာ္သုံးဖို႔နဲ႔ အလုပ္လုပ္ဖို႔ ေမး(လ္)ေတြ ခြဲထားပါ။

ကဲ ... စာလဲအေတာ္ရွည္သြားျပီ ...။ ေခါင္းထဲ ေလာေလာဆယ္ေတြးမိသမွ်ေတာ့ ေရးခ်လိုက္တာပဲ။
လိုတာေတြလဲ ရွိခ်င္ရွိဦးမွာပါ။ သိခ်င္ေသးတာရွိရင္ ထပ္ေမးႏိုင္ပါတယ္။
ကြ်န္ေတာ္ ၾကံဳဖူးသမွ်အေတြ႕ အၾကံဳေလးေတြနဲ႔၊ သိသမွ်ေလးေတြကို မွေ၀လိုက္တာပါ။ အမွားပါသြားခဲ့ရင္ ျပင္ေပးႏိုင္ ေထာက္ျပႏိုင္ပါတယ္။

အင္တာနက္ခ်ိတ္ဆက္မႈပံုစံ

လက္ရွိ အကိုသိတဲ. အင္တာနက္ ခ်ိတ္ဆက္လို.ရနိုင္တဲ. connection ေတြ ေရးေပးလုိက္ပါတယ္။အၾကမ္းအားျဖင္. ၂ခု ခြဲျခားၾကည္.ရေအာင္ ။ ၾကိဳးေတြနဲ. ဆက္သြယ္ျခင္း ( Wired ) နဲ. ၾကိဳးမဲ. စနစ္ ( Wireless ) ဆိုျပီးဆက္သြယ္လို.ရမယ္။ ၾကိဳးလွိဳင္းေတြ ေပၚကတဆင္. အလုပ္လုပ္ေဆာင္ ဆက္သြယ္လို.ရမဲ. Technology ေတြကေတာ. ISDN , DSL , Fiber optic , Cable , Power-line ဆိုျပီးရွိတယ္။

1. ISDN (Integrated Services Digital Network) : တယ္လီဖံုးလိုင္းေပၚက ေနအလုပ္လုပ္ေဆာင္တယ္ ။ အနိမ္.ဆံုး 64kbit/s ကေန အျမင္.ဆံုး Speed 128 kbit/s ပဲရရွိနိုင္ပါတယ္ ။ Posted Image

2. DSL (Digital subscriber line) : သူလဲ ဖံုးလိုင္းေပၚကေနအလုပ္လုပ္ပါတယ္။ ဒါေပမယ္.ထူးျခားတာက ေတာ. တခ်ိန္ထဲမွာတင္ ရိုးရိုးဖံုး ဆက္စကားေျပာျခင္း လုပ္နိုင္သလို ၊ အင္တာနက္ကိုပါ သံုး ျပဳလို.ရနိုင္တဲ. လိွဳင္း ၂ခု စလံုးထည္.သြင္းထားျခင္းပါ ။ Asymmetric Digital Subscriber Line (ADSL) ကေတာ. နံမယ္ၾကီးပါတယ္။ Posted  Image

3. Cable : ဖံုးလိွဳင္း DSL နဲ. လည္းအလုပ္လုပ္ေဆာင္နိုင္သလို ၊ TV line ေတြလို မ်ိဳး အလုပ္လုပ္ေဆာင္နိုင္တဲ.ေနရာမွာ နံမယ္ၾကီးေနတာကေတာ. Broadband ပါပ။ဲ high-speed လို.လဲ ေခၚဆိုေနက်ျပီး bandwidth ခ်ဲ.ရင္ ခ်ဲ.သေလာက္ အလုပ္ျဖစ္ေနပါတယ္။ အျမင္.ဆံုး စြမ္းေဆာင္ရည္အေနနဲ.ကေတာ. 159.2 Gbit/s အထိ ရနိုင္တယ္လို. သိရပါတယ္။ ( စာထဲမွာ ဖတ္ဖူးတာေနာ္ ... အဲ.ဒါဖတ္ျပီး ၂ညေတာင္ အိမ္မက္မက္တယ္ ၊ သေရက်လို. :mrgreen: :mrgreen: ) Posted  Image

4.Fiber optic : Glass ဒါမွမပာုတ္ Plastic နဲ.တည္ေဆာက္ထားတဲ. Optiacl Fiber ၾကိဳးနဲ. ဆက္သြယ္ျခင္းပါ။ အလင္းနွစ္နူန္း နဲ. တစကၠန္.ကို မိုင္ေပါင္း 186,282 မိုင္ အထိ ေဒဒါကို ပို.ေဆာင္တယ္လို.သိရပါတယ္ ။ Posted  Image

5. Powerline : AC power နဲ.ပါတြဲျပီး အလုပ္လုပ္ေဆာင္နိုင္တယ္ ။ ဆိုလုိတာက လွ်ပ္စစ္ၾကိဳး ေပၚမွာ electric prower နဲ.အတူ အလုပ္လုပ္ေဆာင္တာျဖစ္တယ္လို.သိရပါတယ္။ သူ.မွာပါ၀င္တဲ. ဆင္.ပြား Technology ေတြကိုေတာ. က်ေနာ္ ေကာင္းေကာငး္နားမလည္ေသးလို. မရွင္းျပနိုင္တာ ခြင္.လြတ္ပါ ။ :cry: :cry:


ၾကိဳးမဲ. စနစ္နဲ. အလုပ္လုပ္ေဆာင္တာေတြကိုေလ.လာၾကည္.ရေအာင္ ...Wi-Fi , WiBro/WiMAX , Satellite


1. Wi-Fi : Wireless LAN (WLan)လို.လဲလူသိမ်ားပါတယ္ ။ သူကေတာ. မီတာ ၁၀၀အတြင္း ေကာင္းေကာင္းေဒဒါပို.ေဆာင္နုိင္ပါတယ္။ Routing ပါ၀င္လို. တခုနဲ.တခု အျပန္အလွန္ ေဒဒါ သြားနူန္း ကိုျမင္.တင္ေပးပါတယ္။
Posted Image
2. WiBro/WiMax : WiMAX ကေတာ. မိုင္ ၅၀ ပတ္၀န္းက်င္ အထိ တခုနဲ.တခု အျပန္အလွန္ Rout လုပ္ေပးနုိင္ပါတယ္ ။
Posted  Image
3. Satellite Service : ျဂိဳလ္တုမွတဆင္. ဆက္သြယ္ျခင္းပါ IPSTAR ( ျမန္မာနိုင္ငံ)


ဒီလိုေပးတဲ. နညး္လမ္းေတြ ကေတာ. သက္ဆိုင္ရာ ISPs မ်ားရဲ. အလုပ္လုပ္ေဆာင္မူ. ေအာက္မွာရွိေနပါလိမ္.မယ္။