Pages

Monday, May 15, 2017

လၢႆးသႂ်ႇ Back To Top တီႈၼႂ်းပလွၵ်ႉ



မႂ်ႇသုင်ၶႃႈ ႉႉႉ ၵမ်းၼႆႉ ၶႃႈေတမႃးႄၼ လႆၢးသႂ်ႇသႂ်ႇ Back To Top တီႈၼႂ်းပလွၵ်ႉၼႆၶႃႈေဢႃႈ။


႑ႉ ၶဝ်ႈၵႂႃႇၸူး Blogger ၸဝ်ႈၵဝ်ႇေသ တဵၵ်းတီႈ Template ၼၼ်ႉတႃႉ။ ေပႃးယဝ်ႉ တဵၵ်းပၼ် Edit HTML ထႅင်ႈၵမ်းၼိုင်ႈ။

႒ႉ တဵၵ်း Ctrl+F ေသ သွၵ်ႈႁႃတူဝ်ဢၼ်ဝႃႈ <head> ၼၼ်ႉတႃႉ။ ေပႃးႁၼ်ယဝ်ႉ Copy ဢဝ် ၶူတ်ႉ (Code) ဢၼ်ပၼ်ဝႆႉၼႆႉ ၵႂႃႇသႂ်ႇတႂ်ႈ <head> ေသ တဵၵ်းပၼ် Save template တႃႉ။
<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

႓ႉ ေပႃးယဝ်ႉ ၶိုၼ်းၶဝ်ႈၵႂႃႇတီႈ Layout ေသ တဵၵ်းပၼ် Add a Gadget တႃႉ။

႔ႉ ၶိုၼ်းလိူၵ်ႈဢဝ် HTML/JavaScript တွၼ်ႈတႃႇေတသႂ်ႇၶူတ်ႉ (Code)


႕ႉ Copy ဢဝ် ၶူတ်ႉ (Code) ဢၼ်ပၼ်ဝႆႉၼႆႉေသ သႂ်ႇပၼ်တီႈ Content ။ 
<!--Smooth Back to Top Button Start-->
<script>
jQuery(document).ready(function() {
var offset = 220;
var duration = 500;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);} else {
jQuery('.back-to-top').fadeOut(duration);}});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;})});</script>
<style>
div#page {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding: 20px;}
.back-to-top {
position: fixed;
bottom: 2em;
right: 0px;
text-decoration: none;
color: #000000;
background-color: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;}
.back-to-top:hover {
text-decoration: none;}</style>
<a href="#" class="back-to-top"><img src="BUTTON URL" alt="Back to Top" / ></a>
<!--Smooth Back to Top Button End-->

႗ႉ လိူၵ်ႈဢဝ်ၶူတ်ႉ (Code) ဢၼ်ၸဝ်ႈၵဝ်ႇလႆႈၸႂ်ေသဢၼ်ဢၼ်ယဝ်ႉ ၵႂႃႇသႂ်ႇပၼ်တီႈ BUTTON URL ၼၼ်ႉတႃႉ။ ေပႃးယဝ်ႉ တဵၵ်းပၼ် Save တႃႉ။



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXJ5lBarI_u3DNm2CFMn3opr8ygYjmLDoYSs5fYJTLgroesI0bsvs4ldFYWVtbYbRBpUXd9R_wwk4cN0HiCjYCkM-2NeSClfotQDxLiXjLOUpCnU5Ah_oDNS5baj_GnXH8SCXRj8xjx58/s1600/3.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZQh74KlZUS3FrTTkfMedbI79l4-dPRNG3P1K-fXhwkHsCFB_f8usEl9aQhEYm8mFRgTQ4yKO5yYbMUuFm1hjsrYSSFB9SNa0q5-NslvUV1Sj102eaIR2g6vWyjs5Z_UeqAZnv9kHgxs/s1600/5.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi282iUQUxHB_VK3OUTxF-PuBSoT5fH_BqipqTuNIi5-Ds4VoikQLUKsF-4gWXgTvGfOJ0SHhWC21KYqiXlnmjUebmKR7QCQPgW8UiPKLGWji4o5627T-NGbPOis3pc472V2R_EbF1ca7k/s1600/8.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjplr1-7Lyax_PslbE3WBcbGXEIX5s9bqzkd7APsZ6DHylHPcb-gL8p2TGXVUszSi4FeeQfIfV4Uo5y9HlGD3gU6EfOIfOUaoS-i1I7KEKzMcoTsFdyl7zxfKccI7qyQ7-k3cu_d77b8dc/s1600/10.png



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7vrR7ydzE06tatXXXSBGxJCnBx0UJkFD28S_04Rj_wm2VzsZ3YXRNDXDnArhF0tXumOX9MmxvD1N_eKcna0vvm8zropxua3R0XIBOCaVFHhyphenhyphenMjf948QSryVhaTEqKgZV06otrKQJZSlo/s1600/11.png

သင်ဝႃႈ ဢမ်ႇပွင်ႇၸႂ် ဢမ်ႇၼၼ် မီးေၶႃႈထၢမ်ၼႆၸိုင် တွင်ႈထၢမ်မႃးလႆႈယူႇၶႃႈ။

ၵႅမ်မိူင်း

No comments:

Post a Comment