<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=348442230167384127&zx=8eacdd15-29fa-4869-b71d-773638bef2fd' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=348442230167384127&zx=8eacdd15-29fa-4869-b71d-773638bef2fd' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

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

</head><body>*/</style>

Cara Membuat Tombol Back To Top di Blog

Adrianus Krisna

19 Mar, 2013

2

Cara Membuat Tombol Back To Top di Blog - Hy Sahabat Blogger apa kabar...:), Bertemu lagi dengan saya, Admin di Blog AdrinPunyaBlog. Kali ini saya akan memposting artikel yang berjudul Cara Membuat Tombol Back To Top di Blog. Tombol Back to top adalah tombol yang memudahkan pengunjung/ visitors di blog anda untuk ke bagian atas blog.

Sudah langsung aja saya kasih tutorialnya...:)

1. Login ke akun blog sobat masing-masing

2.Pilih Template => Edit Html => Klik Expand Template Widget

3.Cari kode <Body>

4.Copy kode dibawah ini dan Paste tepat diatas kode </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

5.Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcLIcJUfzYPTkLPwGe5DjQcXkdm7GOocK23Q_s88yXEMqFbNI3MjutCqiacu809FJcEROGB5W07XHXPTp43_cDVErBsOnlIdMD1MZacjqiMznQVoE0v_Lnsm5FPpbOVHmcXDgErHmUkOI/s1600/back-to-top.gif'/></a>

6. Dan yang terakhir simpan template sobat, dan lihat hasilnya...:)

TERIMA KASIH | SEMOGA BERMANFAAT

PutuGiBagi 19 Maret 2013 pukul 15.39

Nice Post.
Visit Back :)

Reply
kue khas semarang 17 April 2015 pukul 16.22

ijin coba ya gan :)

Reply

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY4WC5atTL7SP58KN5YkUk9RgKjSnA:1732457544665';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d348442230167384127','//www.adrinpunyablog.com/2013/03/cara-membuat-tombol-back-to-top-di-blog.html','348442230167384127');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '348442230167384127', 'title': ' AdrinPunyaBlog', 'url': 'https://www.adrinpunyablog.com/2013/03/cara-membuat-tombol-back-to-top-di-blog.html', 'canonicalUrl': 'https://www.adrinpunyablog.com/2013/03/cara-membuat-tombol-back-to-top-di-blog.html', 'homepageUrl': 'https://www.adrinpunyablog.com/', 'searchUrl': 'https://www.adrinpunyablog.com/search', 'canonicalHomepageUrl': 'https://www.adrinpunyablog.com/', 'blogspotFaviconUrl': 'https://www.adrinpunyablog.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-189516668-1', '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\x22 AdrinPunyaBlog - Atom\x22 href\x3d\x22https://www.adrinpunyablog.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22 AdrinPunyaBlog - RSS\x22 href\x3d\x22https://www.adrinpunyablog.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22 AdrinPunyaBlog - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/348442230167384127/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22 AdrinPunyaBlog - Atom\x22 href\x3d\x22https://www.adrinpunyablog.com/feeds/6089528747634977460/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-1846481518476783', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, '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': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', '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': '6089528747634977460', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUwxCW0pwGDpNL5RUWF-Az4eNJ8RZ7xtNp9oD-AdzcJic6XrsAGrZFfuVw42KjiyA-9SU5zbSd51ZuhDQfUsTXE734V3mBaPr7o09HZGlo7ivvDwO04j9g18EMMHRAG3zlE5yNu4lspw/s72-c/Back+to+Top.gif', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUwxCW0pwGDpNL5RUWF-Az4eNJ8RZ7xtNp9oD-AdzcJic6XrsAGrZFfuVw42KjiyA-9SU5zbSd51ZuhDQfUsTXE734V3mBaPr7o09HZGlo7ivvDwO04j9g18EMMHRAG3zlE5yNu4lspw/s1600/Back+to+Top.gif', 'pageName': 'Cara Membuat Tombol Back To Top di Blog', 'pageTitle': ' AdrinPunyaBlog: Cara Membuat Tombol Back To Top di Blog', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'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 di Blog', 'description': 'AdrinPunyaBlog - Blog ini menyediakan Tutorial | Tips | Trik | dan Info Unik', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUwxCW0pwGDpNL5RUWF-Az4eNJ8RZ7xtNp9oD-AdzcJic6XrsAGrZFfuVw42KjiyA-9SU5zbSd51ZuhDQfUsTXE734V3mBaPr7o09HZGlo7ivvDwO04j9g18EMMHRAG3zlE5yNu4lspw/s1600/Back+to+Top.gif', 'url': 'https://www.adrinpunyablog.com/2013/03/cara-membuat-tombol-back-to-top-di-blog.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 6089528747634977460}}, {'name': 'widgets', 'data': [{'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '6089528747634977460', 'title': 'Cara Membuat Tombol Back To Top di Blog', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUwxCW0pwGDpNL5RUWF-Az4eNJ8RZ7xtNp9oD-AdzcJic6XrsAGrZFfuVw42KjiyA-9SU5zbSd51ZuhDQfUsTXE734V3mBaPr7o09HZGlo7ivvDwO04j9g18EMMHRAG3zlE5yNu4lspw/s1600/Back+to+Top.gif', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comment'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Diposting oleh'}, {'name': 'timestamp', 'label': 'd MMM, 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': 'HTML1'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML2'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'Aplikasi untuk Menurunkan Nada Lagu di Android', 'id': 7352295796912406304}, {'title': 'Cara Mengatur Nada Karaoke Youtube di Google Chrome', 'id': 8663306214075707543}, {'title': 'Mengatasi Gagal Record Video Zoom', 'id': 2176887360544383096}, {'title': 'Cara Menjadikan HP Android Menjadi Webcam dengan Iriun Webcam', 'id': 3105229905775549784}, {'title': 'Cara Mengubah File JPG menjadi PDF dengan Adobe Acrobat', 'id': 8204677284753821500}]}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'Tentang Blog', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_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('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, '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/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-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('HTML1', 'ads-post', document.getElementById('HTML1'), {}, '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('HTML2', 'sidebar-static', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, '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('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>