بلاگر تي go to top جو بٽڻ لڳائڻ

'سنڌي بلاگنگ' فورم ۾ محمد راشد شر طرفان آندل موضوعَ ‏26 فيبروري 2017۔

  1. محمد راشد شر

    محمد راشد شر
    سينيئر رڪن

    شموليت:
    ‏22 مارچ 2015
    تحريرون:
    214
    ورتل پسنديدگيون:
    279
    ايوارڊ جون پوائينٽون:
    163
    ڌنڌو:
    لکپڙه
    ماڳ:
    سچل ڳوٺ ڪراچي
    بلاگر تي go to top يعني ويبسائيٽ کي ڏسندي ڏسندي آخر تائين پهچي وڃجي ته اتان وري جلدي واپس ورڻ لاءِ بٽڻ لڳائڻ جو آسان طريقو هيٺ ڏجي ٿو.

    پنهنجي بلاگر تي لاگ ان ٿيو.لاگ ان ٿيڻ کان پوءِ ٽيمپليٽ تي ڪلڪ ڪريو. جنهن کان پوءِ ايڊيٽ ايڇ ٽي ايم ايل تي ڪلڪ ڪريو.

    [​IMG]

    تنهن کان پوءِ هيڊ جو کلندڙ ٽيگ <head> ڳوليو ۽ ان جي هيٺيان هي ڪوڊ پيسٽ ڪريو.



    <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

    [​IMG]

    تنهن کان پوءِ لي آئوٽ ۾ وڃو ۽ ايڊ گيجٽ تي ڪلڪ ڪريو.

    [​IMG]

    ۽ هاڻي ايڇ ٽي ايم ايل کي سلڪيٽ ڪريو.

    [​IMG]

    گيجٽ جي کلندڙ پيج ۾ هي ڪوڊ پيٽ ڪريو.

    <!--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="http://1.bp.blogspot.com/-yrOTdp6sNt4/U2M2QsgIzVI/AAAAAAAAAeM/Zp9nIUmG5Sw/s1600/back+to+top+.png" alt="Back to Top" / ></a>

    <!--Smooth Back to Top Button End-->


    هاڻي توهان جي بلاگ تي go to top جو گيجٽ تيار آهي.

    [​IMG]

    وري ملبو ڪنهن نئي موضوع سان گڏ. سنڌ سلامت ساٿ سلامت.
     

هن صفحي کي مشهور ڪريو