Friday, June 28, 2013

ကိုယ္ပိုင္ Flash Ebook ေလးလုပ္ၾကမယ္ Ncesoft Flip Book Maker v2.8.1



                ဒီ Post ေလးကို ကၽြန္ေတာ္တင္ဖို႕ျပင္ဆင္ထားတာေတာ္ေတာ္ၾကာျပီဗ်။ 6လေလာက္ေတာင္
ရွိျပီထင္တယ္။ ကၽြန္ေတာ္႕ ဆရာျဖစ္တဲ႕ကိုခ်စ္ က MMiTD မွာ Ebook လုပ္မယ္ဆိုျပီးတာ၀န္ေပးလိုက္လို႕ တပည္႕ေက်ာ္ ျပည္႕ျဖိဳးတစ္ေယာက္ကလိၾကည္႕ရတာျဖစ္ပါတယ္ဗ်ာ။ ဒါေၾကာင္႕ဘဲအခုလိုစမ္းသပ္ျဖစ္
တာပါ။လုပ္ရမယ္႕ အဆင္ေတြကေတာ႕ နည္နည္းေလးမ်ားတယ္ဆိုေပမယ္႕ လူတိုင္းနားလည္ေစရန္
အတြက္ ကၽြန္ေတာ္အေသးစိတ္ပံုေလးေတြနဲ႕တကြရွင္းျပေပးလိုက္ပါတယ္ဗ်ာ။ စမ္းသပ္ၾကည္႕ခ်င္တဲ႕
သူငယ္ခ်င္းမ်ားေအာက္က ပံုေလးေတြကို ၾကည္႕ျပီး လိုက္လုပ္နိုင္ပါတယ္။ အျမဲတမ္းအသံုးျပဳနိုင္ေအာင္
Serial Key ေလးပါထည္႕ေပးထားပါတယ္ဗ်ာ။


Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ 
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။



FlipBook Maker မွာ အဆင္႕သံုးဆင္႕ရွိပါတယ္။ အဲဒါေတြကေတာ႕
  1. Add File ( ဓါတ္ပံု ၊ PDF နဲ႕ FLV File မ်ားကိုေပါင္းထည္႕ျခင္း)
  2. Style     (ေပါင္းထည္႕လိုက္တဲ႕ Flie မ်ားကို Effect မ်ား ထည္႕ျခင္း)
  3. Publish  (ေနာက္ဆံုးအဆင္႕ သိမ္းဆည္းျခင္း)
 အဆင္႕1ကေတာ႕ သိပ္ျပီးရွင္းျပစရာမလိုပါဘူး ပံုကိုၾကည္႕လိုက္တာနဲ႕တင္သိပါတယ္။




အဆင္႕ 2 ကိုဘဲနည္းနည္းရွင္းျပရမွာပါ။



Customize မွာ အပိုင္းေလးပိုင္းပါ၀င္ပါတယ္။






1.Background





အဲဒီမွာလည္း အပိုင္းႏွစ္ပိုင္းပါ၀င္ပါေသးတယ္။
1.စာအုပ္ရဲ႕ ေနာက္ခံအေရာင္ကိုေရြးခ်ယ္ျခင္းျဖစ္ပါတယ္။
2.စာအုပ္ရဲ႕ ေနာက္ခံ ပံုကိုေရြးခ်ယ္ျခင္းတို႕ဘဲျဖစ္ပါတယ္။ဒီ Software မွာပါတဲ႕ ေနာက္ခံပံုကိုမၾကိဳက္ဖူးဆိုရင္ေတာ႕ မိမိတို႕ႏွစ္သက္တဲ႕ျပင္ပက ပံုေလးေတြနဲ႕အစားသြင္းနိုင္ပါတယ္။

2.Control Button





ဒါေလးကေတာ႕ စာအုပ္ရဲ႕ Control ေလးေတြျဖစ္ပါတယ္။ မိမိတို႕ၾကိဳက္နွစ္သက္သလို ေျပာင္းသံုးနိုင္ပါတယ္။ မိမိတို႕မလိုခ်င္တဲ႕ အပိုင္းေလးေတြကိုေတာ႕ Advanced မွာသြား
ျပီးျဖဳတ္နိုင္ပါတယ္။

3.Navigation Bar



Used Background
အဲဒီမွာလည္း စာအုပ္ရဲ႕ ေနာက္ခံေဘာင္ေလးေတြကို အေရာင္ေရြးေပးလို႕ရပါတယ္။
Bar ေလးေတြလည္းအပိုပါ၀င္ပါေသးတယ္။

Title
စာအုပ္ရဲ႕နာမည္ကို မိမိႏွစ္သက္သလို အမည္ေပးနိုင္ပါတယ္။အဲဒီ Title ရဲ႕ စာလံုး Font , Size , color စတာေတြကိုေရြးခ်ယ္နိုင္ပါတယ္။

Link to
 စာအုပ္ရဲ႕ Link ေလးကိုေရြးခ်ယ္ေပးနိုင္ပါတယ္။

Page Text
ဒီေကာင္ေလးကလည္း Pgae ရဲ႕ စာလံုး Font နဲ႕ အေရာင္ကိုေရြးခ်ယ္ေပးနိုင္ပါတယ္။

Book Page


ဒါေလးကိုေတာ႕ရွည္ရွည္ေ၀းေ၀းရွင္းျပဖို႕မလိုေတာ႕ပါဘူး။ Navigation Bar နဲ႕ပံုစံသေဘာတရားျခင္းအတူတူပါဘဲ။မိမိကိုယ္တိုင္ကလိၾကည္႕ပါ။မရွင္းျပဘူးဆိုေပမယ္႕
Use Content page ကိုေတာရနည္းနည္းေျပာျပခ်င္ပါတယ္။ အဲဒါေလးကိုေတာ႕ အမွန္ျခစ္
ထားေပးေစခ်င္ပါတယ္။ဒီေကာင္ေလးက စာအုပ္ရဲ႕မာတိကာသေဘာမ်ိဳးပါဘဲ။ မိမိဖတ္ခ်င္
တဲ႕စာမ်က္နွာကိုတိုက္ရုိက္တန္းသြားလို႕ရပါတယ္။ ဒါမ်ိဳးေလးေပါ႕ဗ်ာ။


 



ဒီေလာက္ဆိုရင္ေတာ႕ Style ရဲ႕အပိုင္းအားလံုးျပီးဆံုးသြားပါျပီ။

ညာဖက္ေထာင္႕အေပၚဆံုးက Setting ဆိုတဲ႕အပိုင္းကိုနည္းနည္းေလာက္ရွင္းျပခ်င္ပါတယ္။





အဲဒီ Setting ေလးကိုႏွိပ္လိုက္ပါ။ဒီလိုမ်ိဳးေလးေပၚလာပါလိမ္႕မယ္။





Output Option ကေတာ႕ ျမင္ေနရတဲ႕အတိုင္းဘဲ Width : 900 ,  Height: 600 ဘဲထားေပးပါ Photo Quality ကိုလည္း Orignal size ထားေပးပါ။ အဲဒါအသင္႕ေတာ္
ဆံုးပါဘဲ။ဒါမွမဟုတ္လည္း ကိုယ္တိုင္စိတ္ၾကိဳက္ကလိျပီးမွာထားခ်င္လည္း ရပါတယ္။

Play Options မွာေတာ႕ Auto Play Time ဆိုတာကေတာ႕ စာမ်က္နွာတစ္ခုရဲ႕ၾကာျမင္႕ခ်ိန္ဘဲျဖစ္ပါတယ္။ မိမိႏွစ္သက္သလို ထားနိုင္ပါတယ္။
ေအာက္မွာလည္း Auto Play နဲ႕ Manually Play ဆိုျပီး ရွိပါေသးတယ္။ ဥပမာ 3second ဘဲထားမယ္ဆိုရင္ Auto Play ဆိုတာက 3second ျပည္႕တာနဲ႕စာရြက္က အလိုေလ်ာက္
ေနာက္တစ္မ်က္ႏွာကိုကူးသြားမွာျဖစ္ပါတယ္။ Manually Play ကေတာ႕ ရွင္းပါတယ္။ ကိုယ္
တိုင္ေနာက္တစ္ရြက္ကိုကူးရမွာျဖစ္ပါတယ္။ ကၽြန္ေတာ္တုိ႕ အေရွ႕မွာ Control Button ေလး
ေတြေရြးခဲ႕ၾကတယ္ေလ။ အဲဒါေလးေတြနဲ႕ Manually ေျပာင္းရမွာျဖစ္ပါတယ္။

Open in Full-Screen ဆိုတာကေတာ႕ ဒီစာအလုပ္ေလးကို ဖြင္႕လိုက္ျပီဆိုတာနဲ႕ Desktop ေပၚမွာ အျပည္႕ျမင္ရေအာင္လုပ္ေပးတာျဖစ္ပါတယ္။ မိမိတို႕ႏွစ္သက္သလို ထားနိုင္ပါတယ္။
အျပည္႕ျမင္ရေတာ႕ အားရတာေပါ႕ဗ်ာ။ ကၽြန္ေတာ္ကေတာ႕ Full-Screen ထားလုိက္ပါတယ္။
ဒါဆိုရင္လည္း Setting အပိုင္းျပီးဆံုးသြားပါျပီ။

အဆင္႕3ဆင္႕မွာ ေနာက္ဆံုးအဆင္႕ျဖစ္တဲ႕ File သိမ္းတဲ႕အဆင္႕ျဖစ္ပါတယ္။
3. Publish

ဒါကေတာ႕ ျမင္လိုက္တာနဲ႕ရွင္းပါတယ္။ကိုသိမ္းခ်င္တဲ႕ File Type ကို ေရြးျပီးသိမ္းေပးလိုက္ရံုပါဘဲ။  ဒီေလာက္ဆိုရင္ေတာ႕အားလံုးဘဲသေဘာေပါက္ၾကလိမ္႕မယ္လို႕ေမွ်ာ္လင္႕မိပါတယ္။ ည 2နာရီခြဲေနျပီဗ်။ ကၽြန္ေတာ္လည္းေတာ္ေတာ္ေလးကိုအိပ္ခ်င္ေနျပီဗ်ာ။ အိပ္ခ်င္မူးတူးနဲ႕ စာေတြရိုက္ေနတာ မွားေတာ႕မွာဘဲ။ ဟဲဟဲ စာလံုးေပါင္းျပန္မစစ္ေတာ႕ဘူးဗ်ာကၽြန္ေတာ္ရဲ႕ထံုးစံအတိုင္းစာလံုးေပါင္းကမွားေနဦးမယ္ထင္ပါတယ္
ဗ်ာ။ သူငယ္ခ်င္မ်ားအားလံုးသည္းခံျပီးသာဖတ္ေပးၾကပါေနာ္။ အားလံုးဘဲအဆင္ေျပေခ်ာေမြ႕နိုင္ၾကပါေစ
အသံုးျပဳခ်င္တယ္ဆိုရင္ေတာ႕ ေအာက္မွာေဒါင္းယူၾကပါဗ်ာ။
************************************************




1.ေအာက္က Download Button ကိုႏွိပ္လိုက္ပါ
2. "5sec". ေလာက္ေစာင္႕ေပးပါ။
3. "Skip ".ကိုႏွိပ္ေပးပါ။
4. Download Link က်လာပါလိမ္႕မယ္။


ေဒါင္းလုပ္ဆြဲဖို႕ Link ရွာမေတြ႕ဘူးဆိုရင္ အေပၚက ပံုကိုၾကည္႕လိုက္ပါေနာ္။






 



သူရဲ႕မူရင္းကိုေလ့လာျခင္ရင္ေတာ့....... ျပည္ၿဖိဳးနည္းပညာ

PC ကေန အလြယ္ကူဆံုး WiFi ျပန္လႊင့္မယ္


မဂၤလာပါ.. မိမိ ကြန္ပ်ဴတာကေန အလြယ္ကူဆံုး WiFi ျပန္လႊင့္ခ်င္သူမ်ားအတြက္ ဖိုင္ဆိုက္အေသးဆံုး (116KB) နဲ႔ လိုင္စင္အတြက္ စိတ္မညစ္ရပဲ အျမဲအသံုးျပဳႏိုင္မယ့္ VirtualRouterPlus 2.3.0 ကို မွ်ေ၀ေပးလိုက္ပါတယ္... Download မွရလာတဲ့ VirtualRouterPlus 2.3.0 Folder ေလးကို Local Disk C ေအာက္မွာ ထည့္ထားၿပီး Folder ထဲမွ VirtualRouterPlus Icon ေလးကို Right Click >>> Send To >>> Desktop လုပ္ၿပီး ဖြင့္ မိမိအသံုးျပဳလိုတဲ့ Password ထည့္ၿပီး WiFi ျပန္လႊင့္ေပးႏိုင္ပါတယ္... 
 အသံုးျပဳမယ္ဆို ေအာက္ကလိပ္စာမွာရယူနုိင္ပါတယ္
Download>>>>Direct Download (or)dropbox(or)zippyshare
 
Download ကုိ ႏွိပ္လိုက္လွ်င္ ပြင့္လာေသာဆိုက္၏ ညာဘက္အေပၚေဒါင့္တြင္ 
Please wait 5 seconds ဆိုတာေပၚလာၿပီး အခ်ိန္ျပည့္ပါက
SKIP AD ကိုေရာက္သြားပါမည္ SKIP AD ကို ထပ္ပ္လိုက္လွ်င္
Download လင့္ကို ေရာက္ပါမည္။ 

 
Ref>>>http://www.pyayblogger.com/2013/06/pc-wifi.html
What is Virtual Wifi Hotspot?

Flying Style Drop Down Menu Bar For Blogger


                  

             Blogger ညီကိုမ်ားအတြက္ ရွားရွားပါးပါး Menu Bar ေလးတစ္ခု မွ်ေ၀ေပးလိုက္ပါတယ္ဗ်ာ။
မိမိ
ႏွိပ္ခ်င္တဲ႕ Menu ေလးကို Mouse ေထာက္လိုက္ျပီဆိုတာနဲ႕ Drop Down Menu ေလးေတြက ပ်ံေနတဲ႕ Effect ပံုစံမ်ိဳးေလးပါဗ်ာ။ ေအာက္မွာလည္း သူငယ္ခ်င္းမ်ား အဆင္ေျပေျပနဲ႕ လိုက္လုပ္ႏိုင္ေအာင္လို႕ Code ေတြကို ပံုနဲ႕တကြ အေသးစိတ္ရွင္းျပေပးလိုက္ပါတယ္ဗ်ာ။ လြယ္လြယ္ေလးပါ။


Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ 
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။


ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 
drop down menu





HTML JAVASCRIPT A simple Drop Down Menu For Blogger
အဆင့္ 1  Design > Page Elements > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။

<ul id="flyingmenubt">
<li><a href="http://www.bloggertrix.com/">Home</a></li>
<li><a class="hsubs" href="#">Menu 1</a>
<ul class="subs">
<li><a href="#">Submenu 1</a></li>
<li><a href="#">Submenu 2</a></li>
<li><a href="#">Submenu 3</a></li>
<li><a href="#">Submenu 4</a></li>
<li><a href="#">Submenu 5</a></li>
</ul>
</li>
<li><a class="hsubs" href="http://www.bloggertrix.com/">Menu 2</a>
<ul class="subs">
<li><a href="#">Submenu 2-1</a></li>
<li><a href="#">Submenu 2-2</a></li>
<li><a href="#">Submenu 2-3</a></li>
<li><a href="#">Submenu 2-4</a></li>
<li><a href="#">Submenu 2-5</a></li>
<li><a href="#">Submenu 2-6</a></li>
<li><a href="#">Submenu 2-7</a></li>
<li><a href="#">Submenu 2-8</a></li>
</ul>
</li>
<li><a class="hsubs" href="#">Menu 3</a>
<ul class="subs">
<li><a href="#">Submenu 3-1</a></li>
<li><a href="#">Submenu 3-2</a></li>
<li><a href="#">Submenu 3-3</a></li>
<li><a href="#">Submenu 3-4</a></li>
<li><a href="#">Submenu 3-5</a></li>
</ul>
</li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
<li><a href="#">Menu 6</a></li>
<li><a href="http://www.bloggertrix.com/">Back</a></li>
</ul>

ၿပီးသြားရင္ေအာက္ကအဆင္႕အတိုင္းလုိက္လုပ္ေပးပါ။ 

အဆင္႕ 4  Design > Edit HTML > Expand Widget Templates မွာအမွန္ျခစ္ေပးပါ။
အဆင္႕ 5 Ctrl + F ကိုႏွိပ္ျပီး ဒီကုတ္ေလးကိုရွာပါ  ]]></b:skin>
အဆင္႕ 6 ေတြ႕ျပီဆိုရင္ ]]></b:skin> ရဲ႕ အေပၚမွာေအာက္က Code ကို ကူးထည္႕ေပးပါ။
အဆင္႕ 7 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။
/* Flying Css3 menu www.bloggertrix.com*/

#flyingmenubt,#flyingmenubt ul {
list-style: none outside none;
margin: 0;
padding: 0;
height:500px;}
#flyingmenubt {
font-family: "Lucida Sans Unicode",Verdana,Arial,sans-serif;
font-size: 13px;
height: 36px;
list-style: none outside none;
margin: 40px auto;
text-shadow: 0 -1px 3px #202020;
width: 980px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow: 0px 3px 3px #cecece;
-webkit-box-shadow: 0px 3px 3px #cecece;
box-shadow: 0 3px 4px #8b8b8b;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
background-color:#5f5f5f;
}
#flyingmenubt ul {
left: -9999px;
position: absolute;
top: -9999px;
z-index: 2;
}
#flyingmenubt li {
border-bottom: 1px solid #575757;
border-left: 1px solid #929292;
border-right: 1px solid #5d5d5d;
border-top: 1px solid #797979;
display: block;
float: left;
height: 34px;
position: relative;
width: 105px;
}
#flyingmenubt li:first-child {
border-left: 0 none;
margin-left: 5px;
}
#flyingmenubt li a {
color: #FFFFFF;
display: block;
line-height: 34px;
outline: medium none;
text-align: center;
text-decoration: none;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
background-color:#5f5f5f;
}

/* keyframes #animation1 */
@-webkit-keyframes animation1 {
0% {-webkit-transform: scale(1);}
30% {-webkit-transform: scale(1.3);}
100% {-webkit-transform: scale(1);}}
@-moz-keyframes animation1 {
0% {-moz-transform: scale(1);}
30% {-moz-transform: scale(1.3);}
100% {-moz-transform: scale(1);}}
#flyingmenubt li > a:hover {

-moz-animation-name: animation1;
-moz-animation-duration: 0.7s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-webkit-animation-name: animation1;
-webkit-animation-duration: 0.7s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;
}
#flyingmenubt li:hover > a {
z-index: 4;
}
#flyingmenubt li:hover ul.subs {
left: 0;
top: 34px;
width: 150px;
}
#flyingmenubt ul li {
background: none repeat scroll 0 0 #838383;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
opacity: 0;
width: 100%;
/*-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;*/
}

/* keyframes #animation2 */
@-webkit-keyframes animation2 {
0% {margin-left:185px;}
100% {margin-left:0px;opacity:1;}
}
@-moz-keyframes animation2 {
0% {margin-left:185px;}
100% { margin-left:0px;opacity:1;}
}
#flyingmenubt li:hover ul li {
/* css3 animation */
-moz-animation-name: animation2;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: 1;
-moz-animation-direction: normal;
-moz-animation-delay: 0;
-moz-animation-play-state: running;
-moz-animation-fill-mode: forwards;
-webkit-animation-name: animation2;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: normal;
-webkit-animation-delay: 0;
-webkit-animation-play-state: running;
-webkit-animation-fill-mode: forwards;

/*-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;*/
}
/* animation delays */
#flyingmenubt li:hover ul li:nth-child(1) {
-moz-animation-delay: 0;
-webkit-animation-delay: 0;
}
#flyingmenubt li:hover ul li:nth-child(2) {
-moz-animation-delay: 0.05s;
-webkit-animation-delay: 0.05s;
}
#flyingmenubt li:hover ul li:nth-child(3) {
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
}
#flyingmenubt li:hover ul li:nth-child(4) {
-moz-animation-delay: 0.15s;
-webkit-animation-delay: 0.15s;
}
#flyingmenubt li:hover ul li:nth-child(5) {
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
}
#flyingmenubt li:hover ul li:nth-child(6) {
-moz-animation-delay: 0.25s;
-webkit-animation-delay: 0.25s;
}
#flyingmenubt li:hover ul li:nth-child(7) {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
}
#flyingmenubt li:hover ul li:nth-child(8) {
-moz-animation-delay: 0.35s;
-webkit-animation-delay: 0.35s;
}

Attractive Effect CSS3 Drop Down Menu For Blogger





                Menu Bar ေလးတစ္ခုထပ္ျပီးမွ်ေ၀ေပးလိုက္ပါတယ္ဗ်ာ
ကၽြန္ေတာ္ Menu Bar ေတြမ်ိဳးစံုကို
မွ်ေ၀ေပးထားပါတယ္ဗ်ာ တစ္ခုနဲ႕တစ္ခုေတာ႕ မတူတဲ႕ Design ေလးေတြနဲ႕ပါ။ ကၽြန္ေတာ္တင္ေပးလိုက္
တဲ႕Css3 code ေတြကလည္းအခုမွစတဲ႕ Blogger ညီကိုမ်ားအတြက္ အဆင္ေျပေျပလိုက္လုပ္ႏိုင္ပါတယ္။
ေအာက္မွာလည္း သူငယ္ခ်င္းမ်ား အဆင္ေျပေျပနဲ႕ လိုက္လုပ္ႏိုင္ေအာင္လို႕ Code ေတြကို ပံုနဲ႕တကြအ
ေသးစိတ္ရွင္းျပေပးလိုက္ပါတယ္ဗ်ာ။ လြယ္လြယ္ေလးပါ။


Facebook ရဲ႕ Like button ကိုႏွိပ္ျခင္းျဖင္႕ မိမိရဲ႕ Facebook ေပၚမွာ ဒီ Post ေလးေရာက္သြားမွာပါ။ 
ဒီ Post ေလးကိုသေဘာက်တယ္ဆိုရင္လည္း Like Button ေလးကိုႏွိပ္ခဲ႕ေပးပါေနာ္။

ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 
drop down menu


HTML JAVASCRIPT A simple Drop Down Menu For Blogger

အဆင့္ 1  Design > Page Elements > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။




<ul class="navblogtrix">
<li><a href="http://www.pyaephyo.com/">Home</a></li>
<li><a href="http://www.pyaephyo.com/">Tutorials</a>
<ul class="subs">
<li><a href="#">HTML / CSS</a></li>
<li><a href="#">JS / jQuery</a></li>
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
<li><a href="#">HTML / CSS</a></li>
</ul>
</li>
<li><a href="#">Resources</a>
<ul class="subs">
<li><a href="#">PHP</a></li>
<li><a href="#">MySQL</a></li>
<li><a href="#">XSLT</a></li>
<li><a href="#">Ajax</a></li>
<li><a href="#">HTML / CSS</a></li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Support</a>
<ul class="subs">
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Live</a></li>
<li><a href="#">Branches</a></li>
</ul>
</li>
<li><a href="#">Back</a></li>
</ul>


ၿပီးသြားရင္ေအာက္ကအဆင္႕အတိုင္းလုိက္လုပ္ေပးပါ။


အဆင္႕ 4  Design > Edit HTML > Expand Widget Templates မွာအမွန္ျခစ္ေပးပါ။
အဆင္႕ 5 Ctrl + F ကိုႏွိပ္ျပီး ဒီကုတ္ေလးကိုရွာပါ  ]]></b:skin>
အဆင္႕ 6 ေတြ႕ျပီဆိုရင္ ]]></b:skin> ရဲ႕ အေပၚမွာေအာက္က Code ကို ကူးထည္႕ေပးပါ။
အဆင္႕ 7 အရင္ဆံုး Preview နဲ႕အရင္ၾကည္႕ပါ။ အဆင္ေျပျပီဆိုမွ Save ႏွိပ္ေပးပါ။


/* The CSS Code for the menu starts here pyaephyo.com */
.navblogtrix,.nav ul {
list-style:none;
margin:0;
padding:0;
height:600px;
}

.navblogtrix {
position:relative;
}

.navblogtrix ul {
height:0;
left:0;
overflow:hidden;
position:absolute;
top:46px;
}

.navblogtrix li {
float:left;
position:relative;
list-style: none;
}

.navblogtrix li a {
-moz-transition:0.5s;
-o-transition:0.5s;
-webkit-transition:0.5s;
background-color:#7770B4;
border:1px solid #6E67A6;
color:#FFF;
display:block;
font-size:16px;
line-height:35px;
padding:5px 20px;
text-decoration:none;
transition:0.5s;
}

.navblogtrix li:hover > a {
background:#8CCA33;
border-color:#6E67A6;
color:#fff;
}

.navblogtrix li:hover ul.subs {
height:auto;
width:180px;
}

.navblogtrix ul li {
-moz-transition:0.5s;
-o-transition:0.5s;
-webkit-transition:0.5s;
opacity:0;
transition:0.5s;
width:100%;
list-style: none;
}

.navblogtrix li ul li {
-moz-transition-delay:0s;
-o-transition-delay:0s;
-webkit-transition-delay:0s;
transition-delay:0s;
list-style: none;
}

.navblogtrix li:hover ul li {
opacity:1;
-moz-transition-delay:0.5s;
-o-transition-delay:0.5s;
-webkit-transition-delay:0.5s;
transition-delay:0.5s;
}

.navblogtrix ul li a {
background:#7770B4;
border-color:#6E67A6;
color:#fff;
line-height:1px;
-moz-transition:1.5s;
-o-transition:1.5s;
-webkit-transition:1.5s;
transition:1.5s;
}

.navblogtrix li:hover ul li a {
line-height:35px;
}

.navblogtrix ul li a:hover {
background:#8CCA33;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));

}

Thursday, June 27, 2013

Blog မွာ ပံုေလးတြကို Scroll ပံုစံေလးနဲ႕ လုပ္မယ္။




jcarousel image scroller








                    အခုတင္ေပးမယ္႕ Post ေလးကေတာ႕ Blogger ညီကိုမ်ားအတြက္ သီးသန္႕ Post ေလး

ပါဗ်ာ။ ေအာက္မွာလည္း ျပဳလုပ္ပံုေတြကို ပံုနဲ႕ေသခ်ာေလးရွင္းျပေပးထားပါတယ္ဗ်ာ။ ဘယ္လိုပံုစံလည္း
ဆိုရင္အေပၚမွာ တင္ထားတဲ႕ပံုကိုနမူနာၾကည္႕ႏိုင္ပါတယ္ဗ်ာ။





ဒီေနရာကေနစျပီေနာ္။ေသခ်ာေလးဖတ္ျပိးလိုက္လုပ္ၾကည္႕ေပးပါ။ လြယ္ပါတယ္။ 
drop down menu


HTML JAVASCRIPT A simple Drop Down Menu For Blogger

အဆင့္ 1  Design > Page Elements > Add a Gadget ကိုႏွိပ္ပါ။
အဆင္႕ 2 Eidt HTML ကုိေရြးေပးပါ။ ျပီးသြားရင္ ေအာက္က Code ကိုကူးထည္႕ေပးပါ။
အဆင္႕ 3 Save ႏွိပ္ေပးပါ။
     
     
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src='http://mybloggertricks.googlecode.com/files/jquery.jcarousel.min.js' type='text/javascript'></script>
<script src='http://mybloggertricks.googlecode.com/files/mycarousel.js' type='text/javascript'></script>
  <style>
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
   border-radius: 10px;
    background: #F0F6F9;
   
}
.jcarousel-skin-tango .jcarousel-direction-rtl {
    direction: rtl;
}
.jcarousel-skin-tango .jcarousel-container-horizontal {
   width:425px;     padding: 20px 40px;
}
.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}
.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  425px;     height: 75px;
}
.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-left: 0;
    margin-right: 10px;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-left: 10px;
    margin-right: 0;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}
/**
*  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(http://mybloggertricks.googlecode.com/files/next-horizontal.png);
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
/**
*  Vertical Buttons
*/
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/next-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(http://mybloggertricks.googlecode.com/files/prev-horizontal.png) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

  </style>


  <ul id="mycarousel" class="jcarousel-skin-tango">
   
<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li>
   
<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li>

<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li>


<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li>


<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li> 



  </ul>

Image Link နဲ႕ Description ေနရာမွာေတာ႕ Link နဲ႕ ပံုရဲ႕အေၾကာင္းအရာကို ျပင္ေရးေပးရမွာပါဗ်ာ။

ျပီးေတာ႕ Gadget ရဲ႕ အရြယ္အစားျဖစ္တဲ႕ width:425px; နဲ႕ width:425px; ေနရာမွာေတာ႕ မိမိ
ဆိုဒ္နဲ႕ခ်ိန္ျပီး သင္႕ေတာ္သလို ညွိေပးရမွာပါ။



<li><a href="#"><img src="IMAGE LINKwidth="75" height="75"alt="Description" /></a></li>
          5.   Save the widget and you are all done!

Tuesday, June 25, 2013

Earn to Die v1.0.6 Latest apk (Full Version)



       အရမ္းကိုကစားလို့ေကာင္းတဲ့ စြန့္စားရတဲ့ကားေမာင္းဂိမ္းေလးပါ... သဲကႏၱာရထဲက ထြက္လာတဲ့  ဇန္ဘီ  ဖုတ္ေကာင္ေတြကို  ကားနဲ့လိုက္တိုက္ျပီးတုိက္ခိုက္ရတာပါ ... စိတ္၀င္စားဖို့ေကာင္းပါတယ္ ..

ေအာက္တြင္ေဒါင္းလုပ္ဆြဲႏိုင္ပါသည္ Full version ေလးမို့ အားလံုးၾကိဳက္ႏွစ္သက္ၾက မယ္ထင္ ပါတယ္

        Earn to Die v1.0.6 Specification

  • Updated                   : March ,21,2013
  • Android version        : 2.1 and up..
  • File size                    : 39 Mb
  • Current version         : v1.0.6
  • Category                  : Racing