<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5624157408239046768&zx=385f0976-9837-4d78-98da-bfeb601697b9' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=5624157408239046768&zx=385f0976-9837-4d78-98da-bfeb601697b9' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9349226187787114&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></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><!-- Google Tag Manager (noscript) -->
<noscript><iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-MTVFNTT' style='display:none;visibility:hidden' width='0'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->*/</style>

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

BungMais.com

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

BungMais.com

BungMais.com adlah website yang membagikan informasi berkualitas baik dalam hal konten dan diskusi yang telah disiapkan oleh tim editorial kami seperti, Tutorial Blogspot, Tutorial Wordpress, Google Adsense, Youtube, SEO, Belajar HTML, Bisnis Online, Traveling, Bank Soal dan Blogger Untuk Pemula

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/2342155703-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6OyZxU_Z0qUIsYptXQvZY5tlUzGA:1670251496185';_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': 'BungMais.com', '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\x22BungMais.com - 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\x22BungMais.com - 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\x22BungMais.com - 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\x22BungMais.com - 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/945d89ab3bda90a9', 'plusOneApiSrc': 'https://apis.google.com/js/platform.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': 'BungMais.com: 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': 'Berikut ini yang bukan merupakan hasil dari keputusan Kongres Pemuda kedua adalah?', 'id': 2168538963458010158}, {'title': 'Resep Coklat Coco crunch (kue lebaran) Anti Gagal', 'id': 3113022687454835163}, {'title': 'Berikut ini merupakan langkah-langkah dalam penulisan soal tes, a) Perumusan tujuan tes, b) Penulisan butir soal, c) Penyusunan kisi-kisi, diUji coba/analisis, e) Penentuan bentuk pelaksanaan tes, f) Penelaahan butir soal, pg) Perakitan soal/perangkat tes. Langkah-langkah secara runtut dalam penulisan yang benar adalah?', 'id': 6219104826198912194}, {'title': 'Berikut ini yang bukan tanda baca dalam penulisan huruf hijaiyah adalah?', 'id': 1011858738498005863}, {'title': '7 Cara Mengoptimasi SEO Video Youtube', 'id': 1385141007690200539}, {'title': 'Bunyi pantul yang terdengar bersamaan dengan bunyi asli sehingga bunyi yang tidak terdengar menjadi tidak jelas. Gaung terdengar saat jarak antara sumber bunyi dan dinding pantul sekitar 10-20 meter adalah?', 'id': 1531202057151030999}, {'title': 'Myths about Pregnancy', 'id': 2107903952897149130}]}, {'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': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '2389491145421393074'}, {'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': '#Baca Juga', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'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': 'Cara Gampang Menyiapkan Cumi pedas simple, Bikin Ngiler', 'id': 1000794481057576013}, {'title': 'Cara Gampang Membuat Seblak ceker bkso telur cumi yang Lezat Sekali', 'id': 6302853644696151628}, {'title': 'Cara Gampang Membuat 035. Cumi Hitam Kental, Menggugah Selera', 'id': 170123622071517203}, {'title': 'Resep Nugget Cumi-Cumi Anti Gagal', 'id': 538706135268230808}]}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'sidebar-static', 'id': 'Label10'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'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': '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('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('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3438067219-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/4046960807-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, '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('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('HTML27', 'jet-options', document.getElementById('HTML27'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML28', 'jet-options', document.getElementById('HTML28'), {}, 'displayModeFull'));
</script>
</body>*/</style>