Install Back to Top Navigation on Bloggers
Especially if you have a super duper long post and have many paragraphs, of course, apply or install the Back To Top button, you must install it on the website / blog that you have.
So, after you install back to top this will make it easier for visitors or visitors to return to the top / first paragraph.
Can you imagine, if you find a super duper long article and no back to top navigation? Surely sliding the screen to the top is quite frustrating, even though in the current era all Gadgets have many applications that support back to top, but you need to install it so that the display is more complete and easier.
If you want to install it on your blog or your website, please follow the following steps below:
How to install Back To Top Back to Top Posts
1. Login to the Blog
2. Select >> Theme / Template
3. Select >> Edit HTML
4. Then look for the code below
]]></b:skin>To make it easier to find the code, you can use CTRL + F to find it.
After you found it, copy the code below and paste it right above the code]]> </ b: skin>.
/* Install Back to Top Navigation on Bloggers */ #ignielToTop {display:none;z-index:2;position:fixed;bottom:20px;right:20px;border-radius:2px;cursor:pointer;transition:all .4s;width:45px;height:45px;background:#008c5f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center} #ignielToTop:hover{background:#2f303f url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center}
Now look for the second code:
</body>You can use CTRL + F to find the code.
Now copy the code below and place it right above </body>.
<div id='ignielToTop'/> <script> //<![CDATA[ /* Back To Top syilent.blogspot.com */ var igniel_kecepatan = 300; //kecepatan scroll var igniel_jarak = 300; //posisi munculnya tombol eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('f 7=["\\h\\a\\g\\h\\F","\\C\\h\\w\\c\\a\\a\\l\\c\\v","\\e\\c\\h\\K\\p\\9\\d\\b\\m\\a\\9\\p\\9\\d\\b","\\G\\c\\e\\q","\\J\\e\\e\\m\\I\\9\\d\\b\\H\\g\\C\\b\\9\\d\\9\\w","\\g\\u\\d\\g\\9\\a\\l\\c\\l\\c\\v","\\u\\9\\b\\m\\a\\9\\p\\9\\d\\b\\M\\q\\U\\e"];8[7[6]](7[5])[7[4]](7[0],j x(){f i=8[7[2]][7[1]]||8[7[3]][7[1]];o(k<=0){s};f r=0-i;f t=r/k*X;L(j(){8[7[3]][7[1]]=8[7[2]][7[1]]=i+t;o(i==0){s};x(8[7[3]],0,k)},P)},Q);B.Y(\'O\',j(){o(B.N>=n||8.R.z>=n||8.W.z>=n){8.y(\'A\').E.D=\'V\'}T{8.y(\'A\').E.D=\'S\'}});',61,61,'|||||||_0x3e17|document|x65|x6C|x74|x6F|x6E|x64|var|x69|x63|_0x2ceax2|function|igniel_kecepatan|x54|x45|igniel_jarak|if|x6D|x79|_0x2ceax3|return|_0x2ceax4|x67|x70|x72|ignielScroll|getElementById|scrollTop|ignielToTop|window|x73|display|style|x6B|x62|x4C|x76|x61|x75|setTimeout|x42|pageYOffset|scroll|10|false|documentElement|none|else|x49|block|body|50|addEventListener'.split('|'),0,{})); //]]></script>Hit Save and See the Results ..
Now you have Installed Back to Top Navigation on your Blog/Website. Very easy right?
If you find this post usefull, please share it with your friends.
0 Comments