Kp3နည္းပညာ၊၃၇၁၊ဘေလာ့မွာkp3ရဲ႕Back To Top Widget ေလးသံုးခ်င္ရင္

ဒီေန႕တင္တဲ့ပိုစ္ေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာေကပီသရီးရဲ႕ေအာက္မွအေပၚသို႕တက္တဲ့ကုဒ္သစ္ေလးသံုးခ်င္တဲ့ဘေလာ့မိတ္ေဆြေတြအတြက္ပါ။အားလံုးၾကည့္လို႕ရေအာင္လည္း
သံုးျပထားပါတယ္။ၾကိဳက္ၾကမယ္လို႕လည္းေမ်ာ္လင့္ပါတယ္၊ေအာက္မွာပံုနဲ႕တကြCodeေပးထားပါတယ္။.။ ဘေလာ့မိတ္ေဆြအားလံုးကိုခင္မင္ေလးစားလွ်က္ေကပီသရီးမိသားစု
အခုတေလာတင္ျဖစ္တာေလးေတြ။ ။  ။---------
ဘေလာ့မွာ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နည္းပညာ၊၃၇ဝ၊

၁။Design

၂။Add a Gadget

၃။HTML/JavaScript Add

<!--kp3-back to top-kp3နည္းပညာ-->   
<script type="text/JavaScript">
var topMargin = 300
var slideTime = 1200
var ns6 = (!document.all && document.getElementById);
var ie4 = (document.all);
var ns4 = (document.layers);
window.setInterval("main()", 10)

function floatObject() {
if (ns4 || ns6) {
findHt = window.innerHeight;
} else if(ie4) {
findHt = document.body.clientHeight;
}
}

function main() {
if (ns4) {
this.currentY = document.floatLayer.top;
this.scrollTop = window.pageYOffset;
mainTrigger();
} else if(ns6) {
this.currentY = parseInt(document.getElementById('floatLayer').style.top);
this.scrollTop = scrollY;
mainTrigger();
} else if(ie4) {
this.currentY = floatLayer.style.pixelTop;
this.scrollTop = document.body.scrollTop;
mainTrigger();
}

}
function mainTrigger() {
var newTargetY = this.scrollTop + this.topMargin
if ( this.currentY != newTargetY ) {
if ( newTargetY != this.targetY ) {
this.targetY = newTargetY
floatStart();
}
animator();
}


}
function floatStart() {
var now = new Date()
this.A = this.targetY - this.currentY
this.B = Math.PI / ( 2 * this.slideTime )
this.C = now.getTime()
if (Math.abs(this.A) > this.findHt) {
this.D = this.A > 0 ? this.targetY - this.findHt : this.targetY + this.findHt
this.A = this.A > 0 ? this.findHt : -this.findHt
} else {
this.D = this.currentY
}
}
function animator() {
var now = new Date()
var newY = this.A * Math.sin( this.B * ( now.getTime() - this.C ) ) + this.D
newY = Math.round(newY)
if (( this.A > 0 && newY > this.currentY ) || ( this.A < 0 && newY < this.currentY )) {
if ( ie4 )floatLayer.style.pixelTop = newY
if ( ns4 )document.floatLayer.top = newY
if ( ns6 )document.getElementById('floatLayer').style.top = newY + "px"
}
}
//-->
</script>
<div id="floatLayer" style="position: absolute; height:20px; width:15; left:650px; top:400px; z-index: 100"><a href="#"><img vspace="0" border="0" hspace="0" alt="Back to Top" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9wmlogX9N53cTuc4Y5XqRWlZetrDlqQAkMoTNGdHuYS09_cTm61veGPsn5RbaHF1djpGYawXHZlWhUqDbQKeSKRQ5kP752kgR7elFHG6ElHdvsipUzkbme0WXiUz7otz88RatJ-R5S7OF/s1600/TOP+BUTTON.gif" title="အေပၚသို႕" /></a></div><a href="http://kp3family.blogspot.com" target="_blank"><small>Blogger Top Gadget</small></a>
<!--Back to top-http://kp3family.blogspot.com-->

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

Posted in: HTML,WIDGET