Flash Banner ေလး လုပ္ၾကမလား ?

မိမိ ဆိုဒ္ကို Flash Banner ေလးနဲ႔ အလွဆင္ခ်င္တယ္ဆိုရင္
ဒါေလးကို အရင္ Down လိုက္ပါ။ photo slideshow လည္း လုပ္လို႔ရပါတယ္။ full version ေလးပါ။
water mark မပါ ပါဘူး။ swf ဖိုင္နဲ႔ save ပါ။ GIF က ဖိုင္ဆိုဒ္ပိုႀကီးလို႔ပါ။ effect ႏွစ္ခု နဲ႔ Animation (Transition) ႏွစ္မ်ဳိးေလာက္သုံးတာေတာင္ swf ဖိုင္တစ္ခုကို 30 kb ေလာက္ပဲရွိပါတယ္။ တစ္မ်ိဳးစီေလာက္ပဲ သုံးရင္ 15 kb ေလာက္ပဲရွိတယ္။
စာေၾကာင္း တစ္မ်ဳိးထက္ ပိုသုံးခ်င္ရင္ ပထမတစ္ခုကို save ၿပီးမွ swf file ကို   ျပန္ၿပီး   add ရပါတယ္။ ႏွစ္ခုလုံး တစ္ၿပိဳင္ထဲ ရိုက္ရင္ အေရာင္မတူေအာင္ ေျပာင္းလို႔ မရပါဘူး။ Animation လည္း အတူတူပဲျဖစ္ေနပါတယ္။
စာေၾကာင္းေတြကို edit လုပ္ခ်င္ရင္ select လုပ္ၿပီးမွ edit button ကို ႏွိပ္ပါ။(ျမန္မာလိုလည္း ရတယ္ေနာ္။ ကိုယ့္စက္မွာေတာ့ သုံးခ်င္တဲ့ font ရွိရမွာေပါ့။ Background effect ၅၀ ေလာက္ နဲ႔ Text Animation ၅၀ ေလာက္ ပါပါတယ္။ကိုယ္႔ရဲ႔ ဖိုင္ကို file Hosting တစ္ခုခုမွာတင္ၿပီး link ယူပါ၊ Link ယူရင္ swf ရဲ့ ေနာက္က စာသားေတြ မယူရပါဘူး။
နမူနာစမ္းၾကည့္ဖို႔ ကုဒ္ေလးထည့္ေပးလိုက္ပါတယ္
html / javascript အသစ္ေတာင္းၿပီး ထည့္ပါ။ ဖိုင္ဆိုဒ္မႀကီးေအာင္ စလုပ္စဥ္ကတည္းက ဧရိယာကို ေလွ်ာ႔ယူထားပါ။ ကုဒ္ထည့္ေတာ့မွ လိုခ်င္သေလာက္ျပန္ယူလို႔ ရပါတယ္။(Background အသံလည္းထည့္လို႔ရေသးတယ္။ ဖိုင္ဆိုဒ္ေတာ့ ပိုႀကီးသြားတာေပါ့။)<embed src="https://824cd391-a-62cb3a1a-s-sites.googlegroups.com/site/colatralblogspotcom/home/rbcolatral/E.swf" quality="high" type="application/x-shockwave-flash" wmode="transparent" width="1000" height="150" pluginspage="http://www.macromedia.com/go/getflashplayer" allowscriptaccess="always"></embed>

Complete Tutorial for Android 4.0 on Your PC

Android 4.0 on Your PC

Making Iframe

<iframe frameborder="yes" height="400" name="iframe1" scrolling="yes" src="http://colatral.blogspot.com" width="450"> </iframe>

How-to-pick-your-proxy

2 Security Modes in Smoothwall

"Transparent versus non-transparent proxying"

HOW CAN POST YOUR HTML, CSS AND SCRIPT CODE

Drop Down Menu Bar recently I used

Add a new widget for HTML and Java Script.
And then paste below code.

<style> /*------ CSS3 Drop Down Menu By B2W (myplaces4u.blogspot.com)---------*/ #b2w-menu, #b2w-menu ul { margin: 0; padding: 0; list-style: none; } #b2w-menu { width: 100%; margin: 60px auto; border: 1px solid #222; background-color: #111; background-image: -moz-linear-gradient(#444, #111); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111)); background-image: -webkit-linear-gradient(#444, #111); background-image: -o-linear-gradient(#444, #111); background-image: -ms-linear-gradient(#444, #111); background-image: linear-gradient(#444, #111); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 1px #777; -webkit-box-shadow: 0 1px 1px #777; box-shadow: 0 1px 1px #777; } #b2w-menu:before, #b2w-menu:after { content: ""; display: table; } #b2w-menu:after { clear: both; } #b2w-menu { zoom:1; } #b2w-menu li { float: left; border-right: 1px solid #222; -moz-box-shadow: 1px 0 0 #444; -webkit-box-shadow: 1px 0 0 #444; box-shadow: 1px 0 0 #444; position: relative; } #b2w-menu a { float: left; padding: 12px 30px; color: #999; text-transform: uppercase; font: bold 12px Arial, Helvetica; text-decoration: none; text-shadow: 0 1px 0 #000; } #b2w-menu li:hover > a { color: #fafafa; } *html #b2w-menu li a:hover { /* IE6 only */ color: #fafafa; } #b2w-menu ul { margin: 20px 0 0 0; _margin: 0; /*IE6 only*/ opacity: 0; visibility: hidden; position: absolute; top: 38px; left: 0; z-index: 9999; background: #444; background: -moz-linear-gradient(#444, #111); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); background: -webkit-linear-gradient(#444, #111); background: -o-linear-gradient(#444, #111); background: -ms-linear-gradient(#444, #111); background: linear-gradient(#444, #111); -moz-box-shadow: 0 -1px rgba(255,255,255,.3); -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3); box-shadow: 0 -1px 0 rgba(255,255,255,.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } #b2w-menu li:hover > ul { opacity: 1; visibility: visible; margin: 0; } #b2w-menu ul ul { top: 0; left: 150px; margin: 0 0 0 20px; _margin: 0; /*IE6 only*/ -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); box-shadow: -1px 0 0 rgba(255,255,255,.3); } #b2w-menu ul li { float: none; display: block; border: 0; _line-height: 0; /*IE6 only*/ -moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666; -webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666; box-shadow: 0 1px 0 #111, 0 2px 0 #666; } #b2w-menu ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #b2w-menu ul a { padding: 10px; width: 130px; _height: 10px; /*IE6 only*/ display: block; white-space: nowrap; float: none; text-transform: none; } #b2w-menu ul a:hover { background-color: #0186ba; background-image: -moz-linear-gradient(#04acec, #0186ba); background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba)); background-image: -webkit-linear-gradient(#04acec, #0186ba); background-image: -o-linear-gradient(#04acec, #0186ba); background-image: -ms-linear-gradient(#04acec, #0186ba); background-image: linear-gradient(#04acec, #0186ba); } #b2w-menu ul li:first-child > a { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } #b2w-menu ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #444; } #b2w-menu ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; } #b2w-menu ul li:first-child a:hover:after { border-bottom-color: #04acec; } #b2w-menu ul ul li:first-child a:hover:after { border-right-color: #0299d3; border-bottom-color: transparent; } #b2w-menu ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } </style> <ul id="b2w-menu"> <li><a href="#">Home</a></li> <li> <a href="#">Categories</a> <ul> <li><a href="#">CSS</a></li> <li><a href="#">Graphic design</a></li> <li><a href="#">Development tools</a></li> <li><a href="#">Web design</a></li> </ul> </li> <li><a href="#">Work</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> <li><a href="http://myplaces4u.blogspot.com/">Create This »</a></li> </ul>

Youtube တင္နည္း

Copy and Paste below code in html tab of New Post.

---

<iframe width="420" height="315" src="http://www.youtube.com/embed/N9oxmRT2YWw" frameborder="0" allowfullscreen></iframe>

How can we write in iframe

<html> 
<h2>Write to IFrame using JavaScript</h2>
<script> 
function writeToIFrame() { 
var iframe = document.createElement("iframe"); 
var div = document.getElementById("div"); 
div.appendChild(iframe); 
var doc = null; 
if(iframe.contentDocument) 
doc = iframe.contentDocument; 
else if(iframe.contentWindow) 
doc = iframe.contentWindow.document; 
doc.open(); 
doc.write("Hello World!"); 
doc.close(); 
} 
</script> 
<body onLoad="writeToIFrame();">
<div id="div" style="border: solid 1px; height: 250px; width: 400px;"></div> 
</body> 
</html>

Introduction to Iframe.

Smoothwall 3.1 | kyawtoe.blogspot.com | drkko.blogspot.com

************************************************************* <iframe frameborder="yes" height="400" name="iframe1" scrolling="yes" src="http://colatral.blogspot.com" width="250"> </iframe> Select, copy, and paste above code in a text file and save as a .htm or .html document if you wish to replicate this iFrame example
Little web hut  တြင္ ခန္းနားေသာ  iframe သင္ခန္းစာမ်ား တင္ထားပါသည္

Learning for iframe Examples
1.  Javascriptkid
2.  acme-web-design.info
3.  manda.com

4.  dyn-web.com

5.  samisite.com

တြင္လည္း သြားေရာက္  ေလ႔လာႏိုင္ပါသည္။

---

ေဘာ္ဒါအေၾကာင္း သိေကာင္းစရာ

Simple Drop down Menu No Image No script

Styling HR Tags with CSS

Social Icons with CSS3 Effect

---

---

---

Social Media Buttons with CSS3 effect

Add flying text followin mouse cursor (Pointer) in blog page

              Hello Friends you might have seen on some low priority blogs that they uses some scripts that shows text flying and following the mouse cursor position.So Where ever the mouse will go the tet will follow the cursor in an dancing way.If you have seen this type of scripts in some blogs and have wished to add this to your blogger blog to then you are at the right place . So in todays tutorial we will tell you how you can add flying text message to mouse cursor in your blogger blog.

This widget is basically depends on the javascript.So follow the easy steps below to add flying text to mouse curosr in you blogger blog.

• Go To YOur Blogger Dashboard--> Templates-->Edit Html
• Now Look For </body> and paste the below coding just above </body>.
• (Click Here for CSS Code )
• • Now Just Change The Text In Red Colour To Your Message.
  • You Can Also Change The Colour Just Change The code in Blue Colour.
  • So that's it now the test will be live on your blog following your cursor in a dancing way, do comment about how you liked this tutorial.
  Source-Hackinguniversity

SINGTECH

မ၀ယ္သင့္ေသာ ဖုန္း
specification of Singtech SGT-SMA2

Sample blogspots

http://bloggerstop.net/2008/12/show-widgets-in-only-specific-pages-or.html
Banner Maker Pro (15 days Trial) 
Easy GIF Animator Version 5.5 (Portable) 
Beauty calendar widget 
Best Practices Web Designs 
NIVO SLIDER - 1  (စမ္းၿပီးၿပီ) ကုဒ္ေတြမွန္တယ္ ( ဒီမွာ  ဒီမွာသြားၾကည့္လိုက္)
ကုဒ္ ေဒါင္းလုတ္ဆြဲရန္ clik here
NIVO SLIDER - 2 စမ္းမၾကည့္ရေသးဘူး  

Picasa