Translate

Followers

အီးေမးလ္မွာဖတ္ခ်င္ရင္အေပၚမွာ Sign In (Menber)ဝင္ၾကပါလို႕ေတာင္းဆိုပါရေစ။ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Kp3နည္းပညာ၊၄၈၉၊ဘေလာ့မွာCss3ကိုသံုးျပီး3DTextထည့္ခ်င္ရင္

Monday, February 06, 2012  kp3site  11 comments

 အခုတင္တာေလးကေတာ့မိမိဘေလာ့မွာဘာSoftwareမွသံုးစရာမလိုဘဲ3DTextေလးလုပ္နည္းေလးပါ။Css3ကုဒ္ကိုသံုးတာ
ေပါ့ေနာ္။ကုဒ္ကေတာ့ရွင္းပါတယ္။ေအာက္မွာပံုနဲ႕တကြျပထားေပးပါတယ္။မိမိၾကိဳက္တဲ့စသားေျပာင္းထည့္ေပးလို႕ရပါတယ္။
http://kp3family.blogspot.comေနရာမွာမိမိၾကိဳက္တဲ့လင့္ခ္နဲ႕အစားထိုးေပးလိုက္ပါ။အသစ္ေလးေတြေပါ့ေနာ္အမ်ားၾကီး
ရွိေသတယ္ေနာ္တင္စရာေတြ၊ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု





Design>>Add a Gadget>>HTML/JavaScript Add ထည့္ေပးလိုက္ပါ။
<style>
#animationWrapper  {
  width:200px;
  font-family:"proxima-nova-1","proxima-nova-2","Helvetica Neue","Arial",sans-serif;
  background:#222;
  padding:40px;
}

/* link which encapsulates SPANs */
#animationWrapper a {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 42px;
  line-height: 0.9em;
  margin-bottom: 10px;
  display: block;
  position: relative;
  color: #E58;
  text-decoration: none
}

/* span and a - "workers" */
#animationWrapper a, #animationWrapper span {
  -webkit-transition: all 0.12s ease-out;
  -moz-transition: all 0.12s ease-out;
  -o-transition: all 0.12s ease-out;
  -ms-transition: all 0.12s ease-out;
  transition: all 0.12s ease-out;
}

#animationWrapper span {
  display: block;
  color: #555;
  text-shadow: 1px 1px black, 2px 2px black, 3px 3px black, 4px 4px black, 5px 5px black, 6px 6px black, 7px 7px black, 8px 8px black;
}

/* special size for the first item */
#animationWrapper .span1 {
  font-size: 56px;
  line-height: 0.8em;
}

#animationWrapper a:hover {
    color: #fff ;
    top: -3px;
    left: -3px;
}

/* all spans become white */
#animationWrapper a:hover span {
  color:#fff;
}

/* different colors for each SPAN */
#animationWrapper a:hover .span1 {
    text-shadow: 1px 1px #58E, 2px 2px #58E, 3px 3px #58E, 4px 4px #58E, 5px 5px #58E, 6px 6px #58E, 7px 7px #58E, 8px 8px #58E, 9px 9px #58E, 10px 10px #58E, 11px 11px #58E;
}

#animationWrapper a:hover .span2 {
    text-shadow: 1px 1px #F90, 2px 2px #F90, 3px 3px #F90, 4px 4px #F90, 5px 5px #F90, 6px 6px #F90, 7px 7px #F90, 8px 8px #F90, 9px 9px #F90, 10px 10px #F90, 11px 11px #F90;
}

#animationWrapper a:hover .span3 {
    text-shadow: 1px 1px #3C7, 2px 2px #3C7, 3px 3px #3C7, 4px 4px #3C7, 5px 5px #3C7, 6px 6px #3C7, 7px 7px #3C7, 8px 8px #3C7, 9px 9px #3C7, 10px 10px #3C7, 11px 11px #3C7;
}

#animationWrapper a:hover .span4 {
    text-shadow: 1px 1px #E58, 2px 2px #E58, 3px 3px #E58, 4px 4px #E58, 5px 5px #E58, 6px 6px #E58, 7px 7px #E58, 8px 8px #E58, 9px 9px #E58, 10px 10px #E58, 11px 11px #E58;
}
</style>
<center>
<div id="animationWrapper">
  <a href="http://kp3family.blogspot.com">
    <span class="span1">Sample</span>
    <span class="span2">Example</span>
    <span class="span3">Effects</span>
    <span class="span4">Blogger</span>
  </a>
</div>
</center>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၈၈၊ဘေလာ့မွာPopularPostsကိုSlideပံုစံေျပာင္းနည္း

Monday, February 06, 2012  kp3site  3 comments

 ဒီေန႕တင္တဲ့နည္းပညာကလည္းတကယ္လည္းလန္းတယ္ဗ်ာအသစ္ေလးပါ၊ဘေလာ့ဂါေလာမွာေခတ္စာေနတဲ့Content
Sliderေတြကိုခက္ခက္ခဲခဲအခ်ိန္ကုန္ျပီးလုပ္စရာမလိုေတာ့ပါဘူး။မိမိရဲ႕PopularPostsေတြကိုSliderပံုစံေျပာင္းလုပ္ၾကရ
ေအာင္ေနာ္၊ကုဒ္ကေတာ့အရမ္းရွင္းပါတယ္၊က်ေနာ္ေအာက္မွာပံုနဲ႕တကြျပထားေပးသလိုကုဒ္ထည့္ရမယ့္ေနရာေတြလည္း
ျပထားေပးပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးလည္းဝမ္သားမယ္လို႕လည္းေမ်ာ္လင့္သလိုအရမ္းၾကိဳက္ၾကမယ္လို႕လည္း
ထင္ပါတယ္။Htmlကုဒ္ထဲမွာဝင္စရာလည္းမလိုေတာ့ပါဘူးဗ်ာ။အီးေမးလ္မွာေတာင္းဆိုထားတဲဘေလာ့မိတ္ေဆြလည္းရွိပါတယ္။
တစ္ခ်က္ခုတ္ႏွစ္ခ်က္ျပတ္ဆိုသလိုေပါ့ေနာ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

မွတ္ခ်က္။ ။ပံုကအၾကီးနဲ႕ၾကည့္ခ်င္ရင္ပံုကိုထက္ျပီးClickႏိုပ္လိုက္ပါ။

မိမိရဲ႕ဘေလာ့Add A Gadget က Popular Postsကိုေအာက္ပံုမွာျပထားတဲ့အတိုင္းထည့္ေပးလိုက္ပါ။


ေအာက္ကေပးထားတဲ့ကုဒ္ကလည္းအေပၚမွာထည့္ေပးရမယ့္ေနရာျပထားေပးပါတယ္။
<style>
@charset "utf-8";
/* CSS Document */
.lof-slidecontent, .lof-slidecontent a {
 color:#FFF;
}
.lof-slidecontent a.readmore{
 color:#58B1EA;
 font-size:95%;

}
.lof-slidecontent{
 position:relative;
 overflow:hidden;
 border:#F4F4F4 solid 1px;
}
.lof-slidecontent .preload{
 height:100%;
 width:100%;
 position:absolute;
 top:0;
 left:0;
 z-index:100000;
 text-align:center;
 background:#FFF
}
.lof-slidecontent .preload div{
 height:100%;
 width:100%;
 background:transparent url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/load-indicator.gif) no-repeat scroll 50% 50%;
}
.lof-main-outer{
 position:relative;
 height:100%;
 width:800px;
 z-index:3px;
 overflow:hidden;
}

/*******************************************************/
.lof-main-item-desc{
 z-index:100px;
 position:absolute;
 bottom:50px;
 left:0px;
 width:350px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/bg_trans.png);
 height:100px;
 /* filter:0.7(opacity:60) */
 padding:10px;
}
.lof-main-item-desc p{
 margin:0 8px;
 padding:8px 0
}
.lof-main-item-desc h3{
 padding:0;
 margin:0
}
.lof-main-item-desc h2{
 padding:0;
 margin:15px 0 0 0px;
}
.lof-main-item-desc h3 a{
 margin:0;
 background:#C01F25;
 font-size:75%;
 padding:2px 3px;
 font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
 text-transform:uppercase;
 text-decoration:none
}
.lof-main-item-desc h3 a:hover{

 text-decoration:underline;
}
.lof-main-item-desc h3 i {
 font-size:70%;
}

/* main flash */
ul.lof-main-wapper{
 /* margin-right:auto; */
 overflow:hidden;
 background:transparent url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/load-indicator.gif) no-repeat scroll 50% 50%;
 padding:0px;
 margin:0   !important;
 position:absolute;
 overflow:hidden;
}

ul.lof-main-wapper li{
 overflow:hidden;
 padding:0px   !important;
 margin:0px;
 float:left;
 position:relative;
}
.lof-opacity  li{
 position:absolute;
 top:0;
 left:0;
 float:inherit;
}
ul.lof-main-wapper li img{
 padding:0px  !important;
}

/* item navigator */
.lof-navigator-wapper {
 position:absolute;
 bottom:10px;
 right:10px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/transparent_bg.png) repeat;
 padding:5px 0px;
}
.lof-navigator-outer{
 position:relative;
 z-index:100;
 height:180px;
 width:310px;
 overflow:hidden;
 color:#FFF;
 float:left
}
ul.lof-navigator{
 top:0;
 padding:0;
 margin:0;
 position:absolute;
 width:100%;
 background:none !important;
 margin-top: 0 !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
}
ul.lof-navigator li{
 cursor:hand !important;
 cursor:pointer !important;
 list-style:none !important;
 padding:0 !important;
 margin-left:0px !important;
 overflow:hidden !important;
 float:left !important;
 display:block !important;

 text-align:center !important;

}
ul.lof-navigator li img{
 border:#666 solid 3px;
}
ul.lof-navigator li.active img, ul.lof-navigator li:hover img {
 border:#A8A8A8 solid 3px;
}
.lof-navigator-wapper .lof-next,  .lof-navigator-wapper .lof-previous{
 display:block;
 width:22px;
 height:30px;
 color:#FFF;
 cursor:pointer;

}
.lof-navigator-wapper .lof-next {
 float:left;
 text-indent:-999px;
 margin-right:5px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/arrow-l.png) no-repeat right center;
}
.lof-navigator-wapper .lof-previous {
 float:left;
 text-indent:-999px;
 margin-left:5px;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/arrow-r.png) no-repeat left center;
}
#lofslidecontent45 {width:880px;height:340px;}
.lof-main-outer {width:880px; height:340px;}

.lof-main-wapper img {height:340px !important; width:880px !important}
.lof-navigator-wapper img {height:32px !important; width:80px !important}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="http://accordion-for-blogger.googlecode.com/svn/trunk/scriptlofblogv2.js"></script>
<script type="text/javascript">
 $(document).ready( function(){
  var buttons = { previous:$('#lofslidecontent45 .lof-previous') ,
      next:$('#lofslidecontent45 .lof-next') };

  $obj = $('#lofslidecontent45').lofJSidernews( { interval : 4000,
            direction  : 'opacitys',
             easing   : 'easeOutBounce',
            duration  : 1200,
            auto    : true,
            maxItemDisplay  : 10,
            navPosition     : 'horizontal', // horizontal
            navigatorHeight : 32,
            navigatorWidth  : 80,
            mainWidth:880,
            buttons   : buttons} );
 });
</script>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၈၆၊ဘေလာ့မွာMicrosoftStyleTranslateသံုးခ်င္ရင္

Friday, February 03, 2012  kp3site  4 comments

ဒီေန႕တင္တာေလးကေတာ့အဂၤလိပ္လိုဘေလာ့ေရးတဲ့သူေတြအတြက္Microsoftရဲ႕TranslateWidgetေလးပါ။က်ေနာ္ေအာက္
မွာျပထားသလိုပါဘဲ။ကုဒ္နဲ႕တကြေပးထားပါတယ္။လွလည္းလွတယ္ေနာ္ၾကိဳက္ၾကမယ္လို႕ေမ်ာ္လင့္ပါတယ္။ဘေလာ့မိတ္ေဆြ
အားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
ေအာက္မွာထည့္ေပးရမယ့္ကုဒ္ေနရာကိုကပံုနဲ႕တကြျပထားပါတယ္။




<div id="MicrosoftTranslatorWidget" style="width: 200px; min-height: 83px; border-color: #3A5770; background-color: #78ADD0;"><noscript><a href="http://www.microsofttranslator.com/bv.aspx?a=http%3a%2f%2fkp3family.blogspot.com%2f">Terjemahkan laman ini</a><br />Diberdayakan oleh <a href="http://www.microsofttranslator.com">Microsoft® Translator</a></noscript></div> <script type="text/javascript"> /* <![CDATA[ */ setTimeout(function() { var s = document.createElement("script"); s.type = "text/javascript"; s.charset = "UTF-8"; s.src = ((location && location.href && location.href.indexOf('https') == 0) ? "https://ssl.microsofttranslator.com" : "http://www.microsofttranslator.com" ) + "/ajax/v2/widget.aspx?mode=manual&from=id&layout=ts"; var p = document.getElementsByTagName('head')[0] || document.documentElement; p.insertBefore(s, p.firstChild); }, 0); /* ]]> */ </script>
မွတ္ခ်က္။ ။kp3family.blogspot.comေနရာမွာမိမိဘေလာ့လင့္ခ္နဲ႕အစားထိုးေပးပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၈ဝ၊ဘေလာ့Page Navigation Widget Generatorသံုးခ်င္ရင္

Tuesday, December 27, 2011  kp3site  7 comments

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

မိမိၾကိဳက္တဲ့ပံုစံေရြးပါ http://kp3family.blogspot.com ဘေလာ့မိတ္ေဆြအားလံုးကိုခ်စ္ ခင္ေလးစားျမဲKP-3family

အေနာက္စာမ်က္ႏွာသို႕
အေရွ႕စာမ်က္ႏွာသို႕
စုစုေပါင္းပိုစ္အေရအတြက္ေရြးရန္
ေရွ႕နဲ႕အေနာက္မွာမိမိေပၚေစခ်င္တဲ့ပိုစ္အေရအတြက္


မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု 

Read More

Kp3နည္းပညာ၊၄၇၉၊ဘေလာ့ဘေလာ့Text Resizing Widget သံုးခ်င္ရင္

Tuesday, October 18, 2011  kp3site  6 comments

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

ေအာက္ကပံုကိုၾကည့္ပါ။ဒီမွာသြားျပီးClickသြားလုပ္လိုက္ပါ။


<span style="padding: 2px 5px; background-color: #DDD; float: center;"><a href="javascript:void(0);" onclick="resizeText(1)" id="plustext">စလံုးအၾကီးေျပာင္းရန္</a> | <a href="javascript:void(0);" onclick="resizeText(-1)" id="minustext">စလံုးအေသးေျပာင္းရန္</a></span>
<div id="wrap-content">မိမိၾကိဳက္တဲ့စာသားကိုဒီမွာေရးေပးလိုက္ပါ။</div>
<script type="text/javascript"> var c = document.getElementById("wrap-content"); function resizeText(multiplier) { if (c.style.fontSize == "") { c.style.fontSize = "1.0em"; } c.style.fontSize = parseFloat(c.style.fontSize) + (multiplier * 0.2) + "em"; } </script> 
<script charset='utf-8' type='text/javascript'>
$(&quot;plustext&quot;).addEvent(&quot;click&quot;, function() {resizeText(1);});
$(&quot;minustext&quot;).addEvent(&quot;click&quot;, function() {resizeText(-1);});
</script>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု 

Read More

Kp3နည္းပညာ၊၄၇၆၊ဘေလာ့မွာဇယားကြက္ေလးေတြလြယ္ကူစြာသံုးခ်င္ရင္

Thursday, July 28, 2011  kp3site  10 comments

အခုတင္တဲ့ပိုစ္ေလးကလဲဘေလာ့မိတ္ေဆြေတြအတြက္အသံုးဝင္မယ့္Htmlကုဒ္အခ်ိဳ႕ပါ၊မိမိရဲ႕ဘေလာ့ပိုစ္သို႕မဟုတ္ဆိုက္ဘားမွာTablesဇယားကြက္
ေလးကိုသံုးျပီးအမည္စရင္းတို႕ဘာညာေတြေတြကိုတည္ေဆာက္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ဘေလာ့ေရးတဲ့သူေတြအတြက္အသံုးဝင္တဲ့ကုဒ္
ဆိုရင္လည္းမွားမယ္မထင္ပါတယ္၊သိထားေတာ့လိုအပ္ရင္ရွာစရာမလိုေတာ့ဘူးေပါ့ေနာ္။ေအာက္မွာကုဒ္ေတြနဲ႕တကြဇယားပံုေလးေတြေပးထားပါတယ္။
ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု


၁။ေအာက္မွာျပထားေပးပါတယ္။
kp3 1, kp3 1 kp3 1, kp3 2
kp3 2, kp3 1 kp3 2, kp3 2
kp3 3, cell 1 row 3, cell 3
ေအာက္ကကုဒ္
<table border="1">
    <tr>
    <td>kp3 1, kp3 1</td>
    <td>kp3 1, kp3 2</td>
    </tr>
    <tr>
    <td>kp3 2, kp3 1</td>
    <td>kp3 2, kp3 2</td>
    </tr>
    <tr>
    <td>kp3 3, kp3 1</td>
    <td>kp3 3, kp3 3</td>
    </tr>
    </table>
၂။
<tr> - table row

<td> - table cell
----------

kp3 2, kp3 1
kp3 2, kp3 2
kp3 2, kp3 3
kp3 2, kp3 4
kp3 2, kp3 5

ေအာက္ကကုဒ္
<tr>
<td>kp3 2, kp3 1</td>
<td>kp3 2, kp3 2</td>
<td>kp3 2, kp3 3</td>
<td>kp3 2, kp3 4</td>
<td>kp3 2, kp3 5</td>
</tr>
၃။Table Headers<th> </th>
နာမည္ ဖုန္းနံပါတ္
ေကပီသရီးအဖြဲ႕ ဝ၁၆-၆ဝဝ၅၇၆၂
ေအာက္ကကုဒ္
<table border="1">
    <tr>
    <th>နာမည္</th>
    <th>ဖုန္းနံပါတ္</th>
    </tr>
    <tr>
    <td>ေကပီသရီးအဖြဲ႕</td>
    <td>ဝ၁၆-၆ဝဝ၅၇၆၂</td>
    </tr>
    </table>
၄။Vertical header ပံုစံ
နာမည္ ေကပီသရီးအဖြဲ႕
ဖုန္းနံပါတ္ ဝ၁၆-၆၀၀၅၇၆၂
ေအာက္ကကုဒ္
<table border="1">
    <tr>
    <th>နာမည္:</th>
    <td>ေကပီသရီးအဖြဲ႕</td>
    </tr>
    <tr>
    <th>ဖုန္းနံပါတ္</th>
    <td>ဝ၁၆-၆၀၀၅၇၆၂</td>
    </tr>
    </table>
၅။Columns ၂ခု
နာမည္ ဖုန္းနံပါတ္
ေကပီသရီးအဖြဲ႕ ဝ၁၆-၆၀၀၅၇၆၂ ဝ၁၆-၆၇၈၀၉၁၂
ေအာက္ကကုဒ္
<table border="1">
    <tr>
    <th>နာမည္</th>
    <th colspan="2">ဖုန္းနံပါတ္</th>
    </tr>
    <tr>
    <td>ေကပီးသ၇ီးအဖြဲ႕</td>
    <td>ဝ၁၆-၆၀၀၅၇၆၂</td>
    <td>ဝ၁၆-၆၇၈၀၉၁၂</td>
    </tr>
    </table>
၆။Rows ၂ခု

နာမည္ ေကပီသရီအဖြဲ႕
ဖုန္းနံပါတ္ ဝ၁၆-၆၀၀၅၇၆၂
ဝ၁၆-၆၇၈၀၉၁၂
ေအာက္ကကုဒ္
<table border="1">
<tr>
<th>နာမည္:</th>
<td>ေကပီသရီးအဖြဲ႕</td>
</tr>
<tr>
<th rowspan="2">ဖုန္းနံပါတ္</th>
<td>ဝ၁၆-၆၀၀၅၇၆၂</td>
</tr>
<tr>
<td>ဝ၁၆-၆၇၈၀၉၁၂</td>
</tr>
</table>
၇။
နာမည္ အသက္
ေကပီသရီး ၉၉
ေအာက္ကကုဒ္
<table border="1" cellpadding="10">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသရီး</td>
    <td>၉၉</td>
    </tr>
    </table>
၈။
နာမည္ အသက္
ေကပီသရီး ၉၉
ေအာက္ကကုဒ္ 
<table border="1" cellspacing="10">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသရီး</td>
    <td>၉၉</td>
    </tr>
    </table>
၉။ေနာက္ခံပံုအေရာင္းသို႕မဟုတ္ပံုသံုးခ်င္ရင္
နာမည္ အသက္
ေကပီသရီး ၉၉
ေအာက္ကကုဒ္ 
<table border="1" style="background-color:yellow">
    <tr>
    <th>နာမည္</th>
    <th>အသက္</th>
    </tr>
    <tr>
    <td>ေကပီသ၇ီး</td>
    <td>၉၉</td>
    </tr>
    </table>
၁၀။ကေတာ့ေနာက္ခံပံုထည့္နည္းေလးပါ.။နံပါတ္၉နဲ႕ႏွိုင္းယဥ္ၾကည့္ရင္သိသြားမယ္ထင္တယ္လြယ္ကူပါတယ္။ 
<table border="1" style="background-image:url('IMAGE LINK')">
    <tr>
    <th>Name</th>
    <th>Rank</th>
    </tr>
    <tr>
    <td>James</td>
    <td>701</td>
    </tr>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၆၈၊ဘေလာ့လင့္ခ္ေတြေထာက္ရင္ၾကယ္ပံုေလးေတြေပၚေအာင္လုပ္နည္း

Thursday, June 23, 2011  kp3site  8 comments

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

၁။Design

၂။Edit HTML ကိုသြားျပီးေအာက္ကCodeကိုရွာပါ။
</head>
ေတြ႕ျပီဆိုရင္ေအာက္မွာေအာက္ကCodeကိုထည့္ေပးလိုက္ပါ။
<style>
a:hover { text-decoration:blink; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpVV3Hm2QQd-JrsXKUOZE1dNdPsbXxfE1xP6N7jUOS3_b4rppQOh7B23Oy4j5VzOy6epbhdvyV8K4wUGkn-dZwC0yCFtiqIHkHuFAKWpCm9kGOIG_1gouhJJCcxJnxWZJC1DRHvAc2o_I/s1600/blink.gif); }
</style>
မွတ္ခ်က္။ ။ၾကယ္ပံုလင့္ခ္ေနရာမွာမိမိၾကိုက္တဲ့ပံုရဲ႕လင့္ခ္နဲ႕အစားထိုးေပးလို႕ရပါတယ္။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၅၅။ဘေလာ့မွာ Scroll Box ကိုေနာက္ခံအေရာင္းေလးနဲ႕သံုးနည္း

Monday, May 16, 2011  kp3site  No comments

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



<div style="height:90px;width:600px;overflow:scroll;background-color:#EAFF00;">ဒီေနရာမွာမိမိၾကိဳက္တဲ့စာေၾကာင္းေရးလိုက္ပါ။ </div>
<p style="font-family:verdana,arial,sans-serif;font-size:10px;"></p>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၅၄။ဘေလာ့မွာစာလံုးေတြကိုအရိပ္ေပၚေအာင္ေရးနည္း

Tuesday, May 10, 2011  kp3site  2 comments

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

ခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
<p style="text-shadow:4px 4px 8px blue;">မိမိၾကိဳက္တဲ့စာသားဒီမွာေရးလိုက္ပါ</p>
မွတ္ခ်က္။ ။blue ေနရာမွာမိမိၾကိဳက္တဲ့အေရာင္နာမည္ကိုေရးေပးလိုက္ပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၅၂။ဘေလာ့မွာ Effect Matrix Text ေလးထားခ်င္ရင္

Sunday, May 01, 2011  kp3site  2 comments

အခ်ိန္ရတဲ့ခိုက္မွာအသစ္ေလးထပ္တင္ေပးလိုက္ပါတယ္။EffectMatrixTextလို႕ေခၚပါတယ္။ဘေလာ့မွာဒီEffectMatrixTextသံုးျပီးထားတဲ့သူေတြနည္း
ပါတယ္။ဒါေၾကာင့္အဆန္းေလးျဖစ္ေအာင္ထားခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါနမူနာၾကည့္လို႕ရေအာင္က်ေနာ္ေခတၱထားေပးပါတယ္။ေအာက္မွာ
ပံုနဲ႕တကြလဲျပထားေပးပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု




http://kp3family.blogspot.com

ေအာက္က Code ကိုယူျပီးDesign>>>Add a Gadget>>>>Add a Gadget မွာထည့္ေပးလိုက္ပါ။
<style type="text/css">
.matrix { font-family:Lucida Console, Courier, Monotype; font-size:10pt; text-align:center; width:30px; padding:0px; margin:0px;}
</style>

<script type="text/javascript" language="JavaScript">

<div id="matrix">dfdfdfd</div>

<!--
var rows=11; // must be an odd number
var speed=50; // lower is faster
var reveal=2; // between 0 and 2 only. The higher, the faster the word appears
var effectalign="default" //enter "center" to center it.

var w3c=document.getElementById && !window.opera;;
var ie45=document.all && !window.opera;
var ma_tab, matemp, ma_bod, ma_row, x, y, columns, ma_txt, ma_cho;
var m_coch=new Array();
var m_copo=new Array();
window.onload=function() {
 if (!w3c && !ie45) return
  var matrix=(w3c)?document.getElementById("matrix"):document.all["matrix"];
  ma_txt=(w3c)?matrix.firstChild.nodeValue:matrix.innerHTML;
  ma_txt=" "+ma_txt+" ";
  columns=ma_txt.length;
  if (w3c) {
    while (matrix.childNodes.length) matrix.removeChild(matrix.childNodes[0]);
    ma_tab=document.createElement("table");
    ma_tab.setAttribute("border", 0);
    ma_tab.setAttribute("align", effectalign);
    ma_tab.style.backgroundColor="#000000";
    ma_bod=document.createElement("tbody");
    for (x=0; x<rows; x++) {
      ma_row=document.createElement("tr");
      for (y=0; y<columns; y++) {
        matemp=document.createElement("td");
        matemp.setAttribute("id", "Mx"+x+"y"+y);
        matemp.className="matrix";
        matemp.appendChild(document.createTextNode(String.fromCharCode(160)));
        ma_row.appendChild(matemp);
      }
      ma_bod.appendChild(ma_row);
    }
    ma_tab.appendChild(ma_bod);
    matrix.appendChild(ma_tab);
  } else {
    ma_tab='<ta'+'ble align="'+effectalign+'" border="0" style="background-color:#000000">';
    for (var x=0; x<rows; x++) {
      ma_tab+='<t'+'r>';
      for (var y=0; y<columns; y++) {
        ma_tab+='<t'+'d class="matrix" id="Mx'+x+'y'+y+'"> </'+'td>';
      }
      ma_tab+='</'+'tr>';
    }
    ma_tab+='</'+'table>';
    matrix.innerHTML=ma_tab;
  }
  ma_cho=ma_txt;
  for (x=0; x<columns; x++) {
    ma_cho+=String.fromCharCode(32+Math.floor(Math.random()*94));
    m_copo[x]=0;
  }
  ma_bod=setInterval("mytricks()", speed);
}

function mytricks() {
  x=0;
  for (y=0; y<columns; y++) {
    x=x+(m_copo[y]==100);
    ma_row=m_copo[y]%100;
    if (ma_row && m_copo[y]<100) {
      if (ma_row<rows+1) {
        if (w3c) {
          matemp=document.getElementById("Mx"+(ma_row-1)+"y"+y);
          matemp.firstChild.nodeValue=m_coch[y];
        }
        else {
          matemp=document.all["Mx"+(ma_row-1)+"y"+y];
          matemp.innerHTML=m_coch[y];
        }
        matemp.style.color="#33ff66";
        matemp.style.fontWeight="bold";
      }
      if (ma_row>1 && ma_row<rows+2) {
        matemp=(w3c)?document.getElementById("Mx"+(ma_row-2)+"y"+y):document.all["Mx"+(ma_row-2)+"y"+y];
        matemp.style.fontWeight="normal";
        matemp.style.color="#00ff00";
      }
      if (ma_row>2) {
          matemp=(w3c)?document.getElementById("Mx"+(ma_row-3)+"y"+y):document.all["Mx"+(ma_row-3)+"y"+y];
        matemp.style.color="#009900";
      }
      if (ma_row<Math.floor(rows/2)+1) m_copo[y]++;
      else if (ma_row==Math.floor(rows/2)+1 && m_coch[y]==ma_txt.charAt(y)) zoomer(y);
      else if (ma_row<rows+2) m_copo[y]++;
      else if (m_copo[y]<100) m_copo[y]=0;
    }
    else if (Math.random()>0.9 && m_copo[y]<100) {
      m_coch[y]=ma_cho.charAt(Math.floor(Math.random()*ma_cho.length));
      m_copo[y]++;
    }
  }
  if (x==columns) clearInterval(ma_bod);
}

function zoomer(ycol) {
  var mtmp, mtem, ytmp;
  if (m_copo[ycol]==Math.floor(rows/2)+1) {
    for (ytmp=0; ytmp<rows; ytmp++) {
      if (w3c) {
        mtmp=document.getElementById("Mx"+ytmp+"y"+ycol);
        mtmp.firstChild.nodeValue=m_coch[ycol];
      }
      else {
        mtmp=document.all["Mx"+ytmp+"y"+ycol];
        mtmp.innerHTML=m_coch[ycol];
      }
      mtmp.style.color="#33ff66";
      mtmp.style.fontWeight="bold";
    }
    if (Math.random()<reveal) {
      mtmp=ma_cho.indexOf(ma_txt.charAt(ycol));
      ma_cho=ma_cho.substring(0, mtmp)+ma_cho.substring(mtmp+1, ma_cho.length);
    }
    if (Math.random()<reveal-1) ma_cho=ma_cho.substring(0, ma_cho.length-1);
    m_copo[ycol]+=199;
    setTimeout("zoomer("+ycol+")", speed);
  }
  else if (m_copo[ycol]>200) {
    if (w3c) {
      mtmp=document.getElementById("Mx"+(m_copo[ycol]-201)+"y"+ycol);
      mtem=document.getElementById("Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol);
    }
    else {
      mtmp=document.all["Mx"+(m_copo[ycol]-201)+"y"+ycol];
      mtem=document.all["Mx"+(200+rows-m_copo[ycol]--)+"y"+ycol];
    }
    mtmp.style.fontWeight="normal";
    mtem.style.fontWeight="normal";
    setTimeout("zoomer("+ycol+")", speed);
  }
  else if (m_copo[ycol]==200) m_copo[ycol]=100+Math.floor(rows/2);
  if (m_copo[ycol]>100 && m_copo[ycol]<200) {
    if (w3c) {
      mtmp=document.getElementById("Mx"+(m_copo[ycol]-101)+"y"+ycol);
      mtmp.firstChild.nodeValue=String.fromCharCode(160);
      mtem=document.getElementById("Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol);
      mtem.firstChild.nodeValue=String.fromCharCode(160);
    }
    else {
      mtmp=document.all["Mx"+(m_copo[ycol]-101)+"y"+ycol];
      mtmp.innerHTML=String.fromCharCode(160);
      mtem=document.all["Mx"+(100+rows-m_copo[ycol]--)+"y"+ycol];
      mtem.innerHTML=String.fromCharCode(160);
    }
    setTimeout("zoomer("+ycol+")", speed);
  }
}
// -->
</script>


<div id="matrix">http://kp3family.blogspot.com</div>
 မွတ္ခ်က္။။http://kp3family.blogspot.com ေနရာမွာမိမိၾကိဳက္တဲ့စားသားနဲကအစားထိုးေပးလိုက္ပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၄၃၊ဘေလာ့မွာEncode/decode HTML entities ေလးထည့္ခ်င္ရင္

Tuesday, March 29, 2011  kp3site  No comments

ဒီေန႔တင္တဲ့ပိုစ္ေလးကေတာ့ဘေလာ့မွာHtmlCodeကိုပိုစ္မွာတင္လို႕ရေအာင္ာEncode/decodeေျပာင္းေပးတဲ့Codeေလးပါ။က်ေအာက္မွာမူရင္းဆိုက္ဒ္
လည္းေပးထားပါတယ္။မိမိဘေလာ့မွာထားခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။မူရင္းဆိုက္ဒ္ကိုသြားစရာမလိုဘဲမိမိရဲ႕ဘေလာ့ကေနလြယ္ကူစြာေျပာင္း
လို႕ရတာေပါ့ေနာ္။ေအာက္မွာပံုနဲ႕တကြCodeေပးထားပါတယ္။

မူရင္းဆိုက္ဒ္ဒီမွာသြားပါ။
ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ။
<form action="http://centricle.com/tools/html-entities/" method="post" target="blank">

<fieldset>

<input value="y" name="s" type="hidden"/>

<label for="pad">Convert text to HTML entities (and vice-versa):</label>
<textarea id="pad" rows="15" cols="60" name="pad"></textarea>

<input value="Encode" name="submit" type="submit"/>
<input value="Decode" name="submit" type="submit"/>

</fieldset>

</form>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၃၆၊ဘေလာ့မွာ Kp-3 ရဲ႕အသဲႏွလံုးပံုေလးက်လာေအာင္ထည့္ခ်င္ရင္

Friday, March 18, 2011  kp3site  11 comments

အခုတေလာအလုပ္ေတြေၾကာင့္ဘေလာ့ဘက္ကိုလံုးဝမၾကည့္ႏိုင္ဘူးျဖစ္ေနတယ္။ေကပီသရီးဘေလာ့ကိုအစဥ္ျမဲလာေရာက္ၾကည့္ၾကတဲ့ဘေလာ့မိတ္ေဆြေတြ
ကိုလည္းအရမ္းဘဲအားနာပါတယ္ေက်းဇူးလည္းအထူးတင္ပါတယ္။အခ်ိန္ရတဲ့အတြင္းမွာဘေလာ့မွာဘေလာ့မိတ္ေဆြေတြအတြက္အသစ္ေလးထပ္တင္ေပးလိုက္
ပါတယ္။ဘေလာ့မွာအသဲႏွလံုးပံုသူမ်ားႏွင့္မတူေအာင္ဘေလာ့မွာက်လာတာေလးထည့္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္တင္ေပးလိုက္ပါတယ္။ကုဒ္ကေတာ့
ရွင္းရွင္းေလးပါဘဲ။ေအာက္မွာထည့္နည္းနဲ႕တကြကုဒ္၊ပံု


အီးေမးလ္နဲ႕Commentsမွာေတာင္းဆိုထားတာေတြကိုက်ေတာ္အခ်ိန္ရတာနဲ႕ဦးစားေပးျပန္ေျဖသြားမွာျဖစ္ပါတယ္။
ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ။
<!-Kp3နည္းပညာ-http://kp3family.blogspot.com--> 
<script type="text/javascript" src="http://yourjavascript.com/10151105930/kp3family.txt.js"></script>
<!--kp3Falling Hearts-http://kp3family.blogspot.com-->
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၃၅၊ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္(၂)

Saturday, March 12, 2011  kp3site  15 comments

အခုတေလာဘာကုဒ္မွမတင္ျဖစ္ေတာ့ဘေလာ့မိတ္ေဆြအားလံုးအတြက္ကုဒ္သစ္ေလးထပ္တင္ေပးလိုက္ပါတယ္။ဘေလာ့မွာဥပမာ-ေၾကာ္ျငာေလးေတြေပါ့
ေနာ္။အျခားစာသားေလးေတြကိုAnimatedNoticeBoxသံုးျပီးထည့္ခ်င္တဲ့သူေတြအတြက္အသစ္ေလးသံုးခ်င္ရင္သံုးလို႕ရေအာင္ပါ။တင္ျပီးသားတစ္မ်ိဳးကေတာ့
Kp3နည္းပညာ၊၃၇၈၊မွာရွိပါတယ္။ၾကိဳက္ၾကမယ္လို႕လဲေမ်ာ္လင့္ပါတယ္။ေအာက္မွာထည့္နည္းနဲ႕တကြပံုကုဒ္ေတြေပးထားပါတယ္။


ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ။
<!-kp-3နည္းပညာ-http://kp3family.blogspot.com-->  
<style type="text/css">
#topbar {
position:absolute;
z-index: 100;
padding: 8px;
background: #DB9D9A;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
border: 3px ridge #fff;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: #58FA58 0 2px 15px;
-moz-box-shadow: #58FA58 0 2px 10px;
margin:0 auto 10px;
float:left;
color:rgba(0, 0, 0, 0.75);
font-size: 12px;
font-family: Verdana, serif;
text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
border:none;
}
#topbar .butang {
margin:0;
padding-bottom:5px;
text-align:right;
}
#topbar .butang button {
color:#FFFFFF;
border: solid 1px #494949;
margin:0;
padding:2px 15px;
cursor: pointer;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
background: #DB9D9A;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#DB9D9A));
background: -moz-linear-gradient(top, red, #DB9D9A);
}
#topbar .isi_iklan {
background-color:#81F7BE;
margin:0;
padding:4px;
width: 468px;
border: 2px groove #FF8000;
}
</style>
<script src="https://sites.google.com/site/teknikbuatblog/tbb/iklanpopup.js?attredirects=0&d=1" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="butang"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><text><b>[X]</b></text></a></div>
<div class="isi_iklan">
ဒီေနရာမွာမိမိထည့္ခ်င္တဲ့စာသားေတြကိုေရးေပးလိုက္ပါ။ေက်းဇူးကမာၻ။
</div>
</div>
<!--kp3Animated Notice Box-http://kp3family.blogspot.com-->

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၃၂၊ဘေလာ့မွာ Search Engine တစ္မ်ိဳးေလးထားခ်င္ရင္

Friday, March 04, 2011  kp3site  No comments

ဒီေန႕ရတဲ့အခ်ိန္ေလးမွာဘေလာ့မွာSearchEngineအစိမ္းေရာင္ေလးထည့္ခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္တင္ေပးလိုက္ပါ။ၾကိဳက္ၾကမယ္လို႕ေမ်ာ္
လင့္ပါတယ္။ေအာက္မွာနာမူနာပံုေလးနဲ႕ထည့္နည္းေလးျပထားေပးပါတယ္။ေကပီသရီးကပိုစ္အသစ္ေတြတင္တာသိခ်င္ၾကည့္ခ်င္ရင္ေအာက္ကGoogle
FriendConnectမွာSignInဝင္ထားလိုက္ပါ။ဒါမွမဟုတ္ရင္ဆိုက္ဘားကအီးေမးလ္လိပ္စာထားသြားပါလို႕ေရးထားတဲ့EmailSubscribeလုပ္ေပးလိုက္ပါ။
မိမိရဲ႕အီးေမးလ္လိပ္စားထားသြားပါလို႕ေျပာခ်င္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု


ေအာက္ကကုဒ္ကိုDesign>>>Add a Gadget>>>HTML/JavaScript Add မွာထည့္ေပးလိုက္ပါ။
<div style="display:block;width:300px;text-align:center;padding:15px 1px 5px;cursor:help;border:3px solid #555555;-moz-border-radius:10px;border-radius:10px;background:#4D7616;"><form style="font-size: 10px;" method="get" name="searchform" action="http://www.google.com/search" target="_blank"><input name="sitesearch" value="www.w3schools.com" type="hidden" /><input type="hidden" name="prodigy of head" value="http://kp3family.blogspot.com" /><input style="width: 200px;background-color: #E5EECC;color: #111111" name="as_q" size="20" onblur="if (this.value == &quot;&amp;quot  {this.value = &quot;Type your keywords here...&quot;;}" onfocus="if (this.value == &quot;Type your keywords here...&amp;quot  {this.value = &quot;&quot;;}" type="text" value="Type your keywords here..." /> <input value="Search" title="Search w3schools.com" type="submit" style="background-color: #90C140;color: #FFFFFF" /></form></div>
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၂၁၊ဘေလာ့မွာRss Feed နဲ႕ Social Gadgetအသစ္ထည့္ခ်င္ရင္

Saturday, February 05, 2011  KP-3မိသားစု  No comments

ဘေလာ့မိတ္ေဆြအားလံုးမဂၤလာပါ။အခုတေလာအလုပ္ေတြမ်ားေနလို႕ပိုစ္အသစ္ေတြမတင္ႏိုင္ဘူးျဖစ္ေနတယ္။ဒါေၾကာင့္အခ်ိန္ရတာနဲ႕ဘေလာ့မိတ္ေဆြေတြအတြက္ပိုစ္ေလးတင္ေပးလိုက္
ပါတယ္၊ဘေလာ့မွာRssFeedနဲ႕SocialGadgetအသစ္ေလးပါ၊ေအာက္မွာDemoလင့္ခ္ပံုနဲ႕တကြကုဒ္ရွိပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

ဒီမွာနမူနာသြားၾကည့္လိုက္ပါ။
၁။Design

၂။Add A Gadget

၃။Html/Javascript.မွာေအာက္္ကကုဒ္ကိုထည္ေ့ပးလိုက္ပါ။
<table border="0"><tbody>
<tr><td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJBSjslvv-v4Ko-pMVIuC19ZNYbbTUDca_TtjMz011WmD4aHOjYDAdJrKGQynkaMCvk0KwmheiMePxlt7S3EKP572BdeeofSozpGAthZ3oDUwYLe6DCZx-gJVDRMOY0BJAlm3lMXtVmTgQ/s1600/stay+connected.png" /></td><td>
<a href="http://feeds2.feedburner.com/blogspot/kp3family" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYp03ouq3-0H2Vghx8ecNb8Vd0v0hhV3OdN5yqcqgkRNCBh8kHAHGOi321MlR_nCpCRXpW37thP4ZSd8qHlIGlvAf24JvABGsqpQbOkMgqdXun2UsW7RYICQlxc9IszlpVgUREkY1BwGQ/s1600/connect-rss-feed.png" /></a></td><td>
<a href="http://twitter.com/kp3family" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ96Od-_0ibl3vMRrA0hdG-6N5lGFtAosQ-BCmIpmCS8lFhbq3txXk8ahw35jvd6PiSDVw4wQizrwUKMBiK8sjJ3emlBH52DAMaHlGEswl7AzukmmxrJkCqo4RwY_EjSpB7IwoS31DiYM/s1600/connect-twitter-follow.png" /></a></td><td>
<a href="http://facebook.com/jimmyzotn" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxLnm4vr9lIBLZoHc9FHv0QLRuQIZ0Oc4_SQQOnyK6abqXyl7tRj3KzYz7YjFFjKKKdFBs-dPEo6qHh6EiaZXf34SqojKevrsytiCvGlA5e1bnsw7LUoqFuvXVuAZ4eQYwpDLuC0QfV-g/s1600/connect-facebook-follow.png" /></a></td></tr>
</tbody></table>
<a href="http://kp3family.blogspot.com/"></a>
မွတ္ခ်က္။http://feeds2.feedburner.com/blogspot/kp3familyေနရာမွာမိမိရဲ႕RssFeedနဲ႕အစားထိုးေပးပါ။http://twitter.com/kp3familyေနရာမွာမိမိရဲ႕Twitterလင့္ခ္နဲ႕အစားထိုးေပးပါ။
http://facebook.com/jimmyzotnမွာလဲမိမိရဲ႕FaceBookနဲ႕အစားထိုးေပးလိုက္ပါ။

ႏွစ္သစ္မွာနည္းပညာသစ္ေလးေတြအတတ္ႏိုင္ဆံုးျဖန္႕ေဝေပးသြားမွာျဖစ္ပါတယ္။ဒါေၾကာင့္အီးေမးလ္ကေနအျမန္ဆံုးသိႏိုင္ရန္ေအာက္ကGoogleFriendမွMenberဝင္ေစခ်င္
ပါတယ္။SignInလုပ္ေပးၾကပါ။ျပီးေတာ့အသစ္တင္တိုင္းပို႕ေပးပါ့မယ္အီးေမးလ္လိပ္စားေလးထားသြားဆိုတဲ့ေနရာမွာမိမိရဲ႕အီးေမးလ္လိပ္စာေတြကိုလဲထည့္ေပးဖို႕ပမေမ့ၾကပါနဲ႕လို႕ထပ္ေျပာ
ခ်င္ပါတယ္။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၁၄၊ဘေလာ့ Home Page မွာ Widget ေတြကိုမေပၚေစခ်င္ရင္

Sunday, January 23, 2011  KP-3မိသားစု  1 comment

ဒါေလးကေတာ့မိမိရဲ႕ဘေလာ့HomePageမွာဆိုက္ဘားWidgetမွာေပၚေအာင္လုပ္နည္းနဲ့မေပၚေအာင္လုပ္၂မ်ိဳးရဲ႕ကုဒ္ေလဒပါ။ေအာက္မွာကုဒ္ႏွစ္ခုေပးထားပါတယ္။တစ္ခုကေတာ့
ဘေလာ့HomePageမွာဘဲWidgetကိုေပၚေအာင္လုပ္နည္းကုဒ္နဲ႕ေနာက္ကုဒ္တစ္ခုကေတာ့ဘေလာ့HomePageမွာWidgetကိုမေပၚေအာင္လုပ္နည္းေလးပါ။ၾကိဳက္ၾကမယ္လို႕ေတာ့ထင္တာ
ပါဘဲ။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

ႏွစ္သစ္မွာနည္းပညာသစ္ေလးေတြအတတ္ႏိုင္ဆံုးျဖန္႕ေဝေပးသြားမွာျဖစ္ပါတယ္။ဒါေၾကာင့္အီးေမးလ္ကေနအျမန္ဆံုးသိႏိုင္ရန္ေအာက္ကGoogleFriendမွMenberဝင္ေစခ်င္
ပါတယ္။SignInလုပ္ေပးၾကပါ။ျပီးေတာ့အသစ္တင္တိုင္းပို႕ေပးပါ့မယ္အီးေမးလ္လိပ္စားေလးထားသြားဆိုတဲ့ေနရာမွာမိမိရဲ႕အီးေမးလ္လိပ္စာေတြကိုလဲထည့္ေပးဖို႕ပမေမ့ၾကပါနဲ႕လို႕ထပ္ေျပာ
ခ်င္ပါတယ္။

၁။မိမိရဲ႕ဘေလာ့ HomePage မွာဘဲ Widget ကိုေပၚေစခ်င္ရင္ေအာက္ကကုဒ္ကိုသံုးပါ။
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    ဒီမွာမိမိရဲ႕ဆိုက္ဘား Widget ကုဒ္ကိုထည့္ေပးပါ။
    </b:if>
၂။မိမိရဲ႕ဘေလာ့ HomePage ရဲ႕ဆိုက္ဘားမွာမေပၚေစခ်င္တဲ့ Widget ကိုေအာက္ကကုဒ္ကိုသံုးပါ။
<b:if cond='data:blog.pageType == "item"'>
    HomePage မွာမေပၚေစခ်င္တဲ့ကုဒ္ဒီမွာထည့္ေပးပါ။
    </b:if>
အခုတေလာတင္ျဖစ္တာေလးေတြ။ ။ ။---------
ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၅၉၊
Online ကေနအခမဲ့ Button,Menu,Banner,Texts,Flash နာရီေတြယူသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆ဝ၊
ဘေလာ့မွာStats Gadgets အသစ္ေလးထည့္ခ်င္ရင္ kp3နည္းပညာ၊၃၅၃၊
Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း နည္းပညာ၊၃၅၆၊
Kp-3ရဲ႕Blogspotဘေလာ့ကိုProfessional Website အျဖစ္ေျပာင္းနည္း Kp3နည္းပညာ၊၃၅၈၊
ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ kp3နည္းပညာ၊၃၄၈၊
မိမိရဲ႕ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း၊kp3နည္းပညာ၊၃၅၂၊
 မိမိရဲ႕ဘေလာ့မွာOS X Styled Sharing Dock Widget ထည့္ခ်င္ရင္။kp3နည္းပညာ၊၃၅၁၊
 ဘေလာ့မွာ Floating Social Bookmark ပံုစံတစ္မ်ိဳးေျပာင္းသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၉၊
 မိမိရဲ႕ဘေလာ့ပိုစ္ေအာက္မွာEmail Subscrtiption Form ထည့္နည္း။kp3နည္းပညာ၊၃၅ဝ၊
ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၈၊
Email Subscrtiption Form စလုပ္မယ္ဆိုရင္kp3နည္းပညာ၊၉ဝ၊
မိမိရဲ႕ဘေလာ့ကိုဘယ္ကေနကူးလာတယ္ဆိုတာသိခ်င္ရင္kp3နည္းပညာ၊၃၃၈၊
မိမိရဲ႕ဘေလာ့မွာအလြယ္ကူလွပဆံုးFont Resizer ေလးသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၁၊
မိမိရဲ႕ဘေလာ့လင့္ခ္ကိုMouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္းkp3နည္းပညာ၊၃၄၄၊
မိမိရဲ႕ဘေလာ့List ေတြကို Scoll ပံုစံေျပာင္းနည္းkp3နည္းပညာ၊၃၄၃၊
မိမိရဲ႕ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၆၊ 
ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း Kp3နည္းပညာ၊၃၆၁၊
Kp-3သံုးေနတဲ့အခမဲ့ Top-3All In One Video Converters သံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆၂၊
Kp-3 ရဲ႕ Vertical Dropdown Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆၃၊
ဘေလာ့မွာEmailSubscribeFormButtonေလးကိုဘယ္ဘက္အလယ္မွာထားနည္းKp3နည္းပညာ၊၃၆၅၊
Video Converter အသစ္ေလးလိုခ်င္ရင္ Kp3နည္းပညာ၊၃၆၇၊
ဘေလာ့မွာShare Buttons Widget ေလးျဖဳတ္နည္း Kp3နည္းပညာ၊၃၆၈၊
ဘေလာ့မွာအခမဲ့ Forum ဆိုက္ဒ္ထားခ်င္ရင္ Kp3နည္းပညာ၊၃၆၉၊
အေမစုရဲ႕က်က္သေရမဂၤါလာအေပါင္းနဲ႕ျပည့္စံုတဲ့ပံုေလးေတြၾကယ္ပြင့္ေလးနဲ႕ထည့္ရန္Kp3နည္းပညာ၊၃၇ဝ၊
ဘေလာ့မွာအလြယ္ကူဆံုး Visitor Counter အသစ္ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၇၂၊
ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၇၃၊
ဘေလာ့မွာ125 by 125 Widget ေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၄၊
ဘေလာ့/ဆိုက္ဒ္ကို Submit ပံုမွန္လုပ္ေပးပါ Kp3နည္းပညာ၊၃၇၇၊
Kp-3မိသားစုသိသေလာက္မခမဲ့ဘေလာ့ Tamplate ဆိုက္ဒ္မ်ား Kp3နည္းပညာ၊၃၇၆၊
ဘေလာ့ Mouse Poiter မွာ Kp3 ရဲ႕ငွက္ပ်ံတာေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၅၊
ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၈၊
ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္ Kp3နည္းပညာ၊၃၇၉၊
ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း Kp3နည္းပညာ၊၃၈ဝ၊
ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္ Kp3နည္းပညာ၊၃၈၁၊
ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္ Kp3နည္းပညာ၊၃၈၂၊
ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း Kp3နည္းပညာ၊၃၈၃၊
Google,Yahoo,Bing တို႕ကိုတစ္ေနရာမွာဘဲရွာေဖြရန္ေနရာသစ္ေလးSearchGBYKp3နည္းပညာ၊၃၈၄၊
Gmail Inbox ကမဖတ္မိတဲ့ေမးလ္ေတြကိုလြယ္ကူစြာရွာနည္း Kp3နည္းပညာ၊၃၈၅၊
 All in One Online File Converter ဆိုက္ေလးပါ  Kp3နည္းပညာ၊၃၈၇၊
ဘေလာ့က Menu လင့္ခ္ေတြကိုႏိုပ္ရင္ NewTab နဲ႕ဖြင့္ေအာင္ေျပာင္းနည္း Kp3နည္းပညာ၊၃၈၈၊
ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္ Kp3နည္းပညာ၊၃၈၉၊
အခမဲ့ Online Logo Creator ဆိုက္ဒ္ေကာင္းေလး Kp3နည္းပညာ၊၃၉၀၊
ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး Kp3နည္းပညာ၊၃၉၁၊
ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၉၂၊
ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၉၃၊
ဘေလာ့မွာ CSS3 Code သံုးျပီးပံုေတြကို Mouse Hover နဲ႕တင္နည္း Kp3နည္းပညာ၊၃၉၄၊
KP-3 ရဲ႕ Table Content အသစ္ကေနရွာခ်င္ရင္ Kp3နည္းပညာ၊၃၉၅၊
ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္Kp3နည္းပညာ၊၃၉၆၊
ဘေလာ့Feed ကအလုပ္မလုပ္ခဲ့ရင္ဘယ္လိုေျဖရွင္းေပးရမလဲ Kp3နည္းပညာ၊၃၉၇၊
KP-3 မိသားစုရဲ႕ ၂ဝ၁၁ ခုႏွစ္အမွတ္တရလက္ေဆာင္ Kp3နည္းပညာ၊၃၉၈၊
KP-3 မိသားစုသိသေလာက္အေကာင္းဆံုးColor Picker Tools ၆ခု Kp3နည္းပညာ၊၃၉၉၊
ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း Kp3နည္းပညာ၊၄ဝဝ၊
Browser Chrome မွာဘေလာ့ Icon ထားခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၁၊
ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ Kp3နည္းပညာ၊၄ဝ၂၊
ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၃၊
ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း Kp3နည္းပညာ၊၄ဝ၄၊
ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ Kp3နည္းပညာ၊၄ဝ၅၊
ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း Kp3နည္းပညာ၊၄ဝ၆၊
အေကာင္းဆံုးအခမဲ့ Screen Video Recorders (၃)ခု Kp3နည္းပညာ၊၄ဝ၇၊
ဘေလာ့နဲ႕ဝက္ဘ္ဆိုက္ဒ္အတြက္Widgets|Apps|Plugins|Software|2.0 Sites Kp3နည္းပညာ၊၄ဝ၈၊
ဘေလာ့မွာWordPress စတိုင္ Widget Tabs Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၉၊
ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း Kp3နည္းပညာ၊၄၁ဝ၊
ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၄၁၁၊
ဘေလာ့ကို Layout Tamplate အေဟာင္းျပန္သံုးနည္း Kp3နည္းပညာ၊၄၁၂၊  
မိမိဓါတ္ပံုေတြကိုWater Effect Animation ပံုစံေျပာင္းခ်င္ရင္ Kp3နည္းပညာ၊၄၁၃၊

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More

Kp3နည္းပညာ၊၄၁၁၊ဘေလာ့မွာ Email Subscription Form အသစ္ေလးထည့္ခ်င္ရင္

Thursday, January 20, 2011  KP-3မိသားစု  No comments

ဒီပိုစ္ေလးကေတာ့တူမ်ားသံုးတာေတြနဲ႕မတူေအာင္မိမိရဲ႕ဘေလာ့မွာEmailSubscriptionFormအသစ္ေလးသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။ေအာက္မွာပံုနဲ႕တကြနမူနာ
သြားၾကည့္လို႕ရေအာင္DEMOလင့္ခ္ေးေပးထားပါတယ္။ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္။ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု

ႏွစ္သစ္မွာနည္းပညာသစ္ေလးေတြအတတ္ႏိုင္ဆံုးျဖန္႕ေဝေပးသြားမွာျဖစ္ပါတယ္။ဒါေၾကာင့္အီးေမးလ္ကေနအျမန္ဆံုးသိႏိုင္ရန္ေအာက္ကGoogleFriendမွMenberဝင္ေစခ်င္
ပါတယ္။SignInလုပ္ေပးၾကပါ။ျပီးေတာ့အသစ္တင္တိုင္းပို႕ေပးပါ့မယ္အီးေမးလ္လိပ္စားေလးထားသြားဆိုတဲ့ေနရာမွာမိမိရဲ႕အီးေမးလ္လိပ္စာေတြကိုလဲထည့္ေပးဖို႕ပမေမ့ၾကပါနဲ႕လို႕ထပ္ေျပာ
ခ်င္ပါတယ္။

ဒီမွာ သြားၾကည္႕လိုက္ပါ။

၁။Design

၂။Add a Gadget

၃။HTML/JavaScript Add မွာေအာက္ကကုဒ္ကိုထည့္ေပးလိုက္ပါ။
<style>
    .mbt-email{
    background:url(http://i53.tinypic.com/2igja0n.png) no-repeat 0px 12px ;
    width:300px;
    padding:10px 0 0 55px;
    float:left;
    font-size:1.4em;
    font-weight:bold;
    margin:0 0 10px 0;
    color:#686B6C;
    }

    .mbt-emailsubmit{
    background:#9B9895;
    cursor:pointer;
    color:#fff;
    border:none;
    padding:3px;
    text-shadow:0 -1px 1px rgba(0,0,0,0.25);
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    font:12px sans-serif;
    }
    .mbt-emailsubmit:hover{
    background:#E98313;
    }
    .textarea{
    padding:2px;
    margin:6px 2px 6px 2px;
    background:#f9f9f9;
    border:1px solid #ccc;
    resize:none;
    box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;  
    width:170px;
    color:#666;}

    </style>

    <div class="mbt-email">
    Subscribe via Email
    <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/kp3family', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
    <input type="hidden" value="blogspot/kp3family" name="uri"/><input type="hidden" name="loc" value="en_US"/>
    <input class="mbt-emailsubmit" value="Submit" type="submit" />
    </form>
    </div>
၄။Saveကိုႏိုပ္လိုက္ပါ၊ျပီးပါျပီ။ ။ ။

မွတ္ခ်က္။။blogspot/kp3familyေနရာမွာမိမိရဲ႕Feedburnerလင့္ခ္ရဲ႕နာမည္ေလးနဲ႕အစားထိုးေပးလိုက္ပါ။


အခုတေလာတင္ျဖစ္တာေလးေတြ။ ။ ။---------
ဘေလာ့မွာKp-3 Tab Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၅၉၊
Online ကေနအခမဲ့ Button,Menu,Banner,Texts,Flash နာရီေတြယူသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆ဝ၊
ဘေလာ့မွာStats Gadgets အသစ္ေလးထည့္ခ်င္ရင္ kp3နည္းပညာ၊၃၅၃၊
Kp3 ရဲ႕ဘေလာ့ Labels ေတြကို Auto Scroll လုပ္နည္း နည္းပညာ၊၃၅၆၊
Kp-3ရဲ႕Blogspotဘေလာ့ကိုProfessional Website အျဖစ္ေျပာင္းနည္း Kp3နည္းပညာ၊၃၅၈၊
ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီ kp3နည္းပညာ၊၃၄၈၊
မိမိရဲ႕ဘေလာ့မွာ Kp3 ရဲ႕Page Views / Post Views Counter ထည့္နည္း၊kp3နည္းပညာ၊၃၅၂၊
 မိမိရဲ႕ဘေလာ့မွာOS X Styled Sharing Dock Widget ထည့္ခ်င္ရင္။kp3နည္းပညာ၊၃၅၁၊
 ဘေလာ့မွာ Floating Social Bookmark ပံုစံတစ္မ်ိဳးေျပာင္းသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၉၊
 မိမိရဲ႕ဘေလာ့ပိုစ္ေအာက္မွာEmail Subscrtiption Form ထည့္နည္း။kp3နည္းပညာ၊၃၅ဝ၊
ဘေလာ့ Labels ေတြကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၈၊
Email Subscrtiption Form စလုပ္မယ္ဆိုရင္kp3နည္းပညာ၊၉ဝ၊
မိမိရဲ႕ဘေလာ့ကိုဘယ္ကေနကူးလာတယ္ဆိုတာသိခ်င္ရင္kp3နည္းပညာ၊၃၃၈၊
မိမိရဲ႕ဘေလာ့မွာအလြယ္ကူလွပဆံုးFont Resizer ေလးသံုးခ်င္ရင္kp3နည္းပညာ၊၃၄၁၊
မိမိရဲ႕ဘေလာ့လင့္ခ္ကိုMouseနဲ႕ေထာက္ရင္မူးရင္းလင့္ခ္ေပၚေအာင္လုပ္နည္းkp3နည္းပညာ၊၃၄၄၊
မိမိရဲ႕ဘေလာ့List ေတြကို Scoll ပံုစံေျပာင္းနည္းkp3နည္းပညာ၊၃၄၃၊
မိမိရဲ႕ဘေလာ့ပိုစ္ Title ကို Marquee သံုးျပီးလုပ္နည္းေလးလာပါျပီkp3နည္းပညာ၊၃၄၆၊ 
ဘေလာ့ Comments ေတြကိုKp3ရဲ႕ Scroll List ပံုစံေျပာင္းနည္း Kp3နည္းပညာ၊၃၆၁၊
Kp-3သံုးေနတဲ့အခမဲ့ Top-3All In One Video Converters သံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆၂၊
Kp-3 ရဲ႕ Vertical Dropdown Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၆၃၊
ဘေလာ့မွာEmailSubscribeFormButtonေလးကိုဘယ္ဘက္အလယ္မွာထားနည္းKp3နည္းပညာ၊၃၆၅၊
Video Converter အသစ္ေလးလိုခ်င္ရင္ Kp3နည္းပညာ၊၃၆၇၊
ဘေလာ့မွာShare Buttons Widget ေလးျဖဳတ္နည္း Kp3နည္းပညာ၊၃၆၈၊
ဘေလာ့မွာအခမဲ့ Forum ဆိုက္ဒ္ထားခ်င္ရင္ Kp3နည္းပညာ၊၃၆၉၊
အေမစုရဲ႕က်က္သေရမဂၤါလာအေပါင္းနဲ႕ျပည့္စံုတဲ့ပံုေလးေတြၾကယ္ပြင့္ေလးနဲ႕ထည့္ရန္Kp3နည္းပညာ၊၃၇ဝ၊
ဘေလာ့မွာအလြယ္ကူဆံုး Visitor Counter အသစ္ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၇၂၊
ဘေလာ့မွာSocial Bookmarking Tool Bar အသစ္ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၇၃၊
ဘေလာ့မွာ125 by 125 Widget ေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၄၊
ဘေလာ့/ဆိုက္ဒ္ကို Submit ပံုမွန္လုပ္ေပးပါ Kp3နည္းပညာ၊၃၇၇၊
Kp-3မိသားစုသိသေလာက္မခမဲ့ဘေလာ့ Tamplate ဆိုက္ဒ္မ်ား Kp3နည္းပညာ၊၃၇၆၊
ဘေလာ့ Mouse Poiter မွာ Kp3 ရဲ႕ငွက္ပ်ံတာေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၅၊
ဘေလာ့မွာAnimated Notice Box ေလးထည့္ခ်င္ရင္ Kp3နည္းပညာ၊၃၇၈၊
ဘေလာ့ရက္စြဲေတြျပတဲ့ေနရာမွာUndefined ဆိုျပီးေပၚေနရင္ Kp3နည္းပညာ၊၃၇၉၊
ဘေလာ့ကို Hand-Phone မွာဖတ္ရတာအဆင္ေျပေအာင္လုပ္နည္း Kp3နည္းပညာ၊၃၈ဝ၊
ဘေလာ့ညာဘက္ေဘးမွာChatBox သို႕မဟုတ္အျခား Menu ထားခ်င္ရင္ Kp3နည္းပညာ၊၃၈၁၊
ဘေလာ့ Banner ေထာင့္မွာ X'mas Button ေလးထားခ်င္ရင္ Kp3နည္းပညာ၊၃၈၂၊
ဘေလာ့ Comment မွာ Facebook Like Button ထားနည္း Kp3နည္းပညာ၊၃၈၃၊
Google,Yahoo,Bing တို႕ကိုတစ္ေနရာမွာဘဲရွာေဖြရန္ေနရာသစ္ေလးSearchGBYKp3နည္းပညာ၊၃၈၄၊
Gmail Inbox ကမဖတ္မိတဲ့ေမးလ္ေတြကိုလြယ္ကူစြာရွာနည္း Kp3နည္းပညာ၊၃၈၅၊
 All in One Online File Converter ဆိုက္ေလးပါ  Kp3နည္းပညာ၊၃၈၇၊
ဘေလာ့က Menu လင့္ခ္ေတြကိုႏိုပ္ရင္ NewTab နဲ႕ဖြင့္ေအာင္ေျပာင္းနည္း Kp3နည္းပညာ၊၃၈၈၊
ဘေလာ့Site Feed အတြက္အေကာင္းဆံုးဘေလာ့ Officer ရဲ႕ဝန္ေဆာင္မူအသစ္ Kp3နည္းပညာ၊၃၈၉၊
အခမဲ့ Online Logo Creator ဆိုက္ဒ္ေကာင္းေလး Kp3နည္းပညာ၊၃၉၀၊
ဘေလာ့မွာ YouTube သီခ်င္းေတြကိုလြယ္ကူစြာပိုစ္မွာတင္နည္းအသစ္ေလး Kp3နည္းပညာ၊၃၉၁၊
ဘေလာ့မွာ KP-3Horizontal Double Line Menu သံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၉၂၊
ဘေလာ့မွာ KP-3CSS Horizontal Navigation Menuသံုးခ်င္ရင္ Kp3နည္းပညာ၊၃၉၃၊
ဘေလာ့မွာ CSS3 Code သံုးျပီးပံုေတြကို Mouse Hover နဲ႕တင္နည္း Kp3နည္းပညာ၊၃၉၄၊
KP-3 ရဲ႕ Table Content အသစ္ကေနရွာခ်င္ရင္ Kp3နည္းပညာ၊၃၉၅၊
ဘေလာ့ကိုHandဖုန္းကေနၾကည့္ရန္ဘေလာ့Officerရဲ႕အေကာင္းဆံုးနည္းပညာသစ္Kp3နည္းပညာ၊၃၉၆၊
ဘေလာ့Feed ကအလုပ္မလုပ္ခဲ့ရင္ဘယ္လိုေျဖရွင္းေပးရမလဲ Kp3နည္းပညာ၊၃၉၇၊
KP-3 မိသားစုရဲ႕ ၂ဝ၁၁ ခုႏွစ္အမွတ္တရလက္ေဆာင္ Kp3နည္းပညာ၊၃၉၈၊
KP-3 မိသားစုသိသေလာက္အေကာင္းဆံုးColor Picker Tools ၆ခု Kp3နည္းပညာ၊၃၉၉၊
ဘေလာ့မွာCSS3သံုးျပီးပိုစ္စလံုးေတြကိုအၾကီးအေသးေျပာင္းနည္း Kp3နည္းပညာ၊၄ဝဝ၊
Browser Chrome မွာဘေလာ့ Icon ထားခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၁၊
ဘေလာ့ Blogger Template Designer ကေန Font လွလွေလးေတြရပါျပီ Kp3နည္းပညာ၊၄ဝ၂၊
ဘေလာ့မွာအင္တာနက္အခ်ိန္အသစ္ေလးထားခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၃၊
ဘေလာ့ဆိုက္ဘားေခါင္းစဥ္မွာေနာက္ခံပံုလြယ္ကူစြာထည့္နည္း Kp3နည္းပညာ၊၄ဝ၄၊
ဘေလာ့ကို Internet Explore မွာဖြင့္မရရင္ဘယ္လိုလုပ္မလဲ Kp3နည္းပညာ၊၄ဝ၅၊
ဘေလာ့Static Pages မွာ Read More ျဖဳတ္နည္း Kp3နည္းပညာ၊၄ဝ၆၊
အေကာင္းဆံုးအခမဲ့ Screen Video Recorders (၃)ခု Kp3နည္းပညာ၊၄ဝ၇၊
ဘေလာ့နဲ႕ဝက္ဘ္ဆိုက္ဒ္အတြက္Widgets|Apps|Plugins|Software|2.0 Sites Kp3နည္းပညာ၊၄ဝ၈၊
ဘေလာ့မွာWordPress စတိုင္ Widget Tabs Menu ေလးသံုးခ်င္ရင္ Kp3နည္းပညာ၊၄ဝ၉၊
ဘေလာ့ဆိုက္ဘား Title ေရွ႕မွာလြယ္ကူစြာ Logo ပံုေလးေတြထည့္နည္း Kp3နည္းပညာ၊၄၁ဝ၊

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစခ်င္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

Read More