How to add Go up and Go down button on blogger in hindi| Blogger me up and down button kaise lagaye

How to add Go up and Go down button on blogger in hindi:-

Hello friends welcome to DreamTrap blog, Today we learn How to add Go up and Go down button on blogger in hindi. By install this you blog look like attractive or  professional website. This code also help viewers to immediately go up and down in your blog post. In this post we also know the features, advantages or step to install this script. 

How to add Go up and Go down button on blogger in hindi Features:-

1. Help to increase AdSense Earning.

2. Easy to go up and down.

3. Blogger look like professional.

4. Mobile friendly script.

5. Easy to use no need to learn hard coding.

6. Responsive script.

How to add Go up and Go down button on blogger in hindi Step to install:-

1. First Go to Blogger dashboard.
2. Then go to theme section and click edit theme.
3. Put below code before </head> this is fontawesome icon code..

<script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); //]]> </script>

4. After putting fontawesome icone code, put the below code before </head>

Read also

• Happy Mahashivratri 2023 Wishing Script For Blogger
• Happy Basant Panchami 2023 Wishing Script For Blogger
• Best HTML Editor For Android 2023

Version 1 

<style type='text/css'> /* Go Up and Down by sayemtutorial.blogspot.com */ #scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:20px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99} #scrollToTop a{display:inline-block;background:#fff;color:#222;font-size:.8rem;margin:5px auto;padding:12px 14px;border-radius:99em;box-shadow:0 2px 3px rgba(0,0,0,0.06),0 2px 3px rgba(0,0,0,0.1)} #scrollToTop a:hover{color:#222;box-shadow:0 10px 21px rgba(0,0,0,0.15),0 6px 6px rgba(0,0,0,0.12)} #top{position:absolute;top:0} </style>

Version 2 simple

<style type='text/css'> /* Go Up and Down */ #scrollToTop{display:none;list-style:none;position:fixed;bottom:49%;right:10px;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99} #scrollToTop a{color:rgba(0,0,0,0.2);font-size:16px} #scrollToTop a:hover{color:rgba(0,0,0,0.5)} #top{position:absolute;top:0} </style>

5. Now last add two below code before </body>

<ul id='scrollToTop'> <li><a href='#top'><i class='fa fa-chevron-up' title='Go up'/></a></li> <li><a href='#bottom'><i class='fa fa-chevron-down' title='Go down'/></a></li> </ul> <div id='top'/> <div id='bottom'/>

<script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function(){var o=220,r=600;jQuery(window).scroll(function(){jQuery(this).scrollTop() > o?jQuery("#scrollToTop").fadeIn(r):jQuery("#scrollToTop").fadeOut(r)})}); $(function(){$("a[href*=#]:not([href=#])").click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var t=$(this.hash);if(t=t.length?t:$("[name="+this.hash.slice(1)+"]"),t.length)return $("html,body").animate({scrollTop:t.offset().top},600),!1}})}); //]]> </script>

6. After put these save the theme and see result on your blog.. like the below result means example:-

How to add Go up and Go down button on blogger in hindi Advantages:-

1. More helpful in longer page.

2. Go up and Go down button are help to immediate go up and go down.

3. These button encourage to viewers more browse on your post.

4. It look like mouse button.

5. Convert your site look really very helpful for user.

How to add Go up and Go down button on blogger in hindi watch YouTube video for full details:-