<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5624157408239046768&zx=2d509bbb-1138-438e-aa24-75b7f24dac21' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5624157408239046768&zx=2d509bbb-1138-438e-aa24-75b7f24dac21' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script data-ad-client="ca-pub-9349226187787114" data-ad-host="ca-host-pub-1556223355139109" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<!-- data-ad-client=ca-pub-9349226187787114 -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Ubuntu+Condensed&family=Ubuntu+Mono"></head><body>*/</style>

Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger

Bung Mais

Des 29, 2021

Fungsi Back to Top button ini memudahkan pengguna kembali ke halaman atas dalam satu klik Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger

Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger

BERIKUT ini Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger. Hasil atau demonya mampu dilihat di CB News, kanan bawah.

Fungsi Back to Top button ini memudahkan pengguna kembali ke halaman atas dalam satu klik atau satu sentuhan (tap).

Berikut cara pemasangannya di blog Anda.

Pasang Kode CSS
Simpan di atas instruksi ]]>

#myBtn {display:none;position: fixed;bottom: 20px;right:30px;z-index:99;border:none;outline:none;background-color:#357ae8;color: white;cursor: pointer;padding: 15px;border-radius: 10px;font-size:20px}
#myBtn:hover {background-color: #555;}

Pasang Kode HTML
Simpan di atas instruksi

Pasang Kode JavaScipt Kembali ke Atas
Simpan di atas instruksi

Link ke Awesome Font
Pastikan di template blog Anda sudah terpasang Link ke Awesome Font di atas instruksi

Demikian Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger. Good Luck!

Sumber

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1997315711-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6HsbMOC1JxBYdCO912zeKljbXwbw:1656352673434';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5624157408239046768','//www.bungmais.com/2021/12/cara-membuat-tombol-back-to-top-kembali.html','5624157408239046768');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5624157408239046768', 'title': 'Situs Pendidikan Masa Kini', 'url': 'https://www.bungmais.com/2021/12/cara-membuat-tombol-back-to-top-kembali.html', 'canonicalUrl': 'https://www.bungmais.com/2021/12/cara-membuat-tombol-back-to-top-kembali.html', 'homepageUrl': 'https://www.bungmais.com/', 'searchUrl': 'https://www.bungmais.com/search', 'canonicalHomepageUrl': 'https://www.bungmais.com/', 'blogspotFaviconUrl': 'https://www.bungmais.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Situs Pendidikan Masa Kini - Atom\x22 href\x3d\x22https://www.bungmais.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Situs Pendidikan Masa Kini - RSS\x22 href\x3d\x22https://www.bungmais.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Situs Pendidikan Masa Kini - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5624157408239046768/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Situs Pendidikan Masa Kini - Atom\x22 href\x3d\x22https://www.bungmais.com/feeds/6667823069065471801/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9349226187787114', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/21d5d911731ca55a', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Read more \xbb', 'pageType': 'item', 'postId': '6667823069065471801', 'postImageThumbnailUrl': 'https://1.bp.blogspot.com/-F93zaJCdZJA/WWllH31npuI/AAAAAAAAjAI/AdJshpOc9Z8yvGpfjnlcQZnXuFfDqWBTgCLcBGAs/s72-c/back-to-top-blogger-blue.JPG', 'postImageUrl': 'https://1.bp.blogspot.com/-F93zaJCdZJA/WWllH31npuI/AAAAAAAAjAI/AdJshpOc9Z8yvGpfjnlcQZnXuFfDqWBTgCLcBGAs/s1600/back-to-top-blogger-blue.JPG', 'pageName': 'Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger', 'pageTitle': 'Situs Pendidikan Masa Kini: Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger', 'metaDescription': ''}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger', 'description': 'Tutorial Blogspot, Tutorial Wordpress, Google Adsense, Youtube, SEO, Belajar HTML, Bisnis Online, Blogger Pemula Dan Kumpulan Soal Pendidikan Terbaru', 'featuredImage': 'https://1.bp.blogspot.com/-F93zaJCdZJA/WWllH31npuI/AAAAAAAAjAI/AdJshpOc9Z8yvGpfjnlcQZnXuFfDqWBTgCLcBGAs/s1600/back-to-top-blogger-blue.JPG', 'url': 'https://www.bungmais.com/2021/12/cara-membuat-tombol-back-to-top-kembali.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6667823069065471801}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': 'ExtraMenu', 'type': 'LinkList', 'sectionId': 'extra-menu', 'id': 'LinkList15'}, {'title': '#Popular Weeky', 'type': 'PopularPosts', 'sectionId': 'special-home', 'id': 'PopularPosts11', 'posts': [{'title': 'Daftar Negara dengan CPC Google AdSense Tertinggi di Tahun 2022', 'id': 1982133378278550565}, {'title': '10 Aplikasi Edit Foto Terbaik di Tahun 2022', 'id': 194247115919931041}, {'title': 'Wanita Ini Berpenghasilan Rp70 Miliar dari Blog Gratisan', 'id': 2389491145421393074}, {'title': 'Cara Mengetahui Pidato Untuk Memperkenalkan Diri', 'id': 5253025487018620853}, {'title': 'Mais Nurdin : Wisuda Dari Hasil Google Adsense, Kok Bisa?', 'id': 1128918940841573273}, {'title': 'Tips Memberikan Makanan Pada Bayi Dalam Keadaan Darurat', 'id': 1037448590847539256}, {'title': '20 Template Blog Keren, SEO Friendly, Responsive untuk Blog Berita', 'id': 8352506159436096232}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'special-home', 'id': 'HTML25'}, {'title': '#CustomPost by Label', 'type': 'HTML', 'sectionId': 'special-home', 'id': 'HTML26'}, {'title': '#Bank Soal Dan Kunci Jawaban', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image16'}, {'title': '#Bisnis Online', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image14'}, {'title': '#Teknologi', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image11'}, {'title': '#Tips Bogging', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image12'}, {'title': '#Gadget', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image13'}, {'title': '#Travel', 'type': 'Image', 'sectionId': 'special-categories', 'id': 'Image15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '2389491145421393074'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '6667823069065471801', 'title': 'Cara Membuat Tombol Back to Top - Kembali ke Atas di Blogger', 'featuredImage': 'https://1.bp.blogspot.com/-F93zaJCdZJA/WWllH31npuI/AAAAAAAAjAI/AdJshpOc9Z8yvGpfjnlcQZnXuFfDqWBTgCLcBGAs/s1600/back-to-top-blogger-blue.JPG', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'MMM d, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#Baca Juga', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Daftar Negara dengan CPC Google AdSense Tertinggi di Tahun 2022', 'id': 1982133378278550565}, {'title': 'Mais Nurdin : Wisuda Dari Hasil Google Adsense, Kok Bisa?', 'id': 1128918940841573273}, {'title': 'Wanita Ini Berpenghasilan Rp70 Miliar dari Blog Gratisan', 'id': 2389491145421393074}, {'title': '10 Aplikasi Edit Foto Terbaik di Tahun 2022', 'id': 194247115919931041}, {'title': 'Cara beriman kepada rasul adalah dengan mengikuti jejak perbuatannya. Maksud perbuatan ini adalah?', 'id': 4773823362907200946}]}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'Tentang BungMais.com', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Puluhan Juta dari Blog', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML22'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': '#Advertisement Popup', 'type': 'HTML', 'sectionId': 'extra-bottom', 'id': 'HTML24'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML27'}, {'title': 'License Key', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML28'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'extra-menu', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts11', 'special-home', document.getElementById('PopularPosts11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'special-home', document.getElementById('HTML25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML26', 'special-home', document.getElementById('HTML26'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image16', 'special-categories', document.getElementById('Image16'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image14', 'special-categories', document.getElementById('Image14'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image11', 'special-categories', document.getElementById('Image11'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image12', 'special-categories', document.getElementById('Image12'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image13', 'special-categories', document.getElementById('Image13'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image15', 'special-categories', document.getElementById('Image15'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2976180518-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3523451998-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label10', 'sidebar-static', document.getElementById('Label10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'footer-widget', document.getElementById('HTML22'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'extra-bottom', document.getElementById('HTML24'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML27', 'jet-options', document.getElementById('HTML27'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML28', 'jet-options', document.getElementById('HTML28'), {}, 'displayModeFull'));
</script>
</body>*/</style>