<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2664282203417675125&zx=97d9897e-7e54-4d24-ab51-9e995dfb1e0f' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=2664282203417675125&zx=97d9897e-7e54-4d24-ab51-9e995dfb1e0f' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head><body>

Cara Mengonfigurasi Header dan Bilah Navigasi

By Ishar Yulian Satriani

January 03, 2025

Table of Contents

Logo dan Judul Header

Masuk ke Dashboard Blogger > pilih menu Tata Letak.
Cari bagian yang berjudul Header Logo and Title.
Klik tombol edit (ikon pensil) di Page Header gadget.
Akan muncul pop-up konfigurasi Header.
Pada kolom Judul Blog, masukkan nama blog Anda.
Di bidang Deskripsi Blog, masukkan deskripsi blog Anda.
Di bagian Gambar, ada dua Opsi. Pilih antara Masukkan URL gambar atau Upload gambar dari komputer. Berikut penjelasannya:
- Masukkan URL gambar: Anda harus menempelkan URL gambar yang diunggah ke bidang URL Gambar. Contoh: https://blogger.googleusercontent.com/img/a/AVvXsEiznaccEizbKNE6my-Snr4-osnpzEkdJ_erg8a3xkSOdQFn9PzpKm_yOha5RWvvi6psLF4eCyGM7DjCWv1BqseB6irKLlrRV7F0YbeqIy3QrtTYTL8ePX12FbeRHwcbvkL0a_QHDpCi8GN6-wy-j-iDFj7j8j8qLsG27xjDCQCPNlpLJl77RZSZPzRe4Q=s614
- Upload gambar dari komputer: Anda perlu mengunggah gambar baru dari komputer Anda dengan mengeklik tombol Jelajahi dan pilih gambar logo yang ingin Anda gunakan.
Selesai

Tombol Menu Hamburger

Baca: Cara Mengonfigurasi Fitur Hamburger Menu.

Jika Anda ingin melaporkan beberapa bug, Anda dapat menuliskannya di bagian komentar pada halaman Bug Report dan jika Anda ingin meminta fitur baru atau ingin memberikan umpan balik, silakan tuliskan di bagian komentar pada halaman Request dan Feedback.

Tags:

Docs

Share:

Also read

Ishar Yulian Satriani

Front-end web developer at Gila Temax.
Follow me on: Instagram

More documentaion

Latest news

Post a Comment

Cancel

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1581542668-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7Vlr4TbxgprNNkFbe0WgpGxJGtKw:1765708750516';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2664282203417675125','//whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-header-dan-bilah.html','2664282203417675125');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '2664282203417675125', 'title': 'Whitespace - Fast \x26amp; Elegant News Blogger Template', 'url': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-header-dan-bilah.html', 'canonicalUrl': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-header-dan-bilah.html', 'homepageUrl': 'https://whitespace.gilatemax.com/', 'searchUrl': 'https://whitespace.gilatemax.com/search', 'canonicalHomepageUrl': 'https://whitespace.gilatemax.com/', 'blogspotFaviconUrl': 'https://whitespace.gilatemax.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', '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\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - RSS\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/2664282203417675125/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Whitespace - Fast \x26amp; Elegant News Blogger Template - Atom\x22 href\x3d\x22https://whitespace.gilatemax.com/feeds/8620369129617219929/comments/default\x22 /\x3e\n', 'meTag': '', '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/ce4a0ba1ae8a0475', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to 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: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '8620369129617219929', 'pageName': 'Cara Mengonfigurasi Header dan Bilah Navigasi', 'pageTitle': 'Whitespace - Fast \x26amp; Elegant News Blogger Template: Cara Mengonfigurasi Header dan Bilah Navigasi', 'metaDescription': ''}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', '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 Mengonfigurasi Header dan Bilah Navigasi', 'description': 'Template Blogger modern untuk blog berita Anda. Desain bersih dan pemuatan instan untuk pengalaman membaca terbaik.', 'url': 'https://whitespace.gilatemax.com/2025/01/cara-mengonfigurasi-header-dan-bilah.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8620369129617219929}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML3'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_banner_ad', 'id': 'HTML1'}, {'title': 'Whitespace - Fast \x26amp; Elegant News Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header__logo', 'id': 'Header1'}, {'title': 'Navigation Drawer', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList3'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList4'}, {'title': 'Navigation Drawer', 'type': 'LinkList', 'sectionId': 'subnavigation', 'id': 'LinkList1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'realtime_crypto', 'id': 'LinkList2'}, {'title': '', 'type': 'LinkList', 'sectionId': 'fascinating_reads', 'id': 'LinkList5'}, {'title': '', 'type': 'LinkList', 'sectionId': 'quick_links', 'id': 'LinkList6'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'quick_links', 'id': 'HTML11'}, {'title': 'Top Stories', 'type': 'LinkList', 'sectionId': 'top_stories', 'id': 'LinkList10'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'top_stories', 'id': 'HTML9'}, {'title': 'News Showcase', 'type': 'LinkList', 'sectionId': 'news_showcase', 'id': 'LinkList11'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'news_showcase', 'id': 'HTML10'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog_section', 'id': 'Blog1', 'posts': [{'id': '8620369129617219929', 'title': 'Cara Mengonfigurasi Header dan Bilah Navigasi', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': ''}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'author', 'label': 'Oleh'}, {'name': 'timestamp', 'label': 'pada tanggal'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'labels', 'label': ''}]}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'blog_section', 'id': 'HTML8'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'top_ad', 'id': 'HTML111'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ad1', 'id': 'HTML112'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ad', 'id': 'HTML113'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ad2', 'id': 'HTML114'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ad', 'id': 'HTML115'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ad1', 'id': 'HTML116'}, {'title': 'Video', 'type': 'LinkList', 'sectionId': 'video_collection', 'id': 'LinkList7'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'video_collection', 'id': 'HTML4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'flood_the_zone', 'id': 'LinkList8'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'flood_the_zone', 'id': 'HTML6'}, {'title': 'Photo', 'type': 'LinkList', 'sectionId': 'photo_collection', 'id': 'LinkList12'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'photo_collection', 'id': 'HTML12'}, {'title': '', 'type': 'LinkList', 'sectionId': 'spotlight_stack', 'id': 'LinkList9'}, {'title': 'Advertisement (Homepage)', 'type': 'HTML', 'sectionId': 'spotlight_stack', 'id': 'HTML7'}, {'title': 'Most popular', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'Landmark California diner closes after 8 decades', 'id': 790056534690333046}, {'title': 'Grok had a chaotic few days \u2014 and now Elon Musk says he\x27s adding the AI to Teslas', 'id': 6320786297542733152}, {'title': 'Unlikely California family farm becomes an international destination', 'id': 6315129108650651882}, {'title': 'Disgraced Tinder co-founder buys $82.2M California hotel', 'id': 2356608459081063986}, {'title': 'Komponen Template', 'id': 6777769206638633527}]}, {'title': 'Most popular tags', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML2'}, {'title': 'Gila Temax', 'type': 'Image', 'sectionId': 'footer1', 'id': 'Image1'}, {'title': 'Social Media', 'type': 'LinkList', 'sectionId': 'footer1', 'id': 'LinkList13'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList15'}, {'title': 'Legal \x26amp; Privacy', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList14'}, {'title': 'News', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList16'}, {'title': 'Market Data', 'type': 'LinkList', 'sectionId': 'footer2', 'id': 'LinkList17'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer3', 'id': 'HTML13'}, {'title': 'Network', 'type': 'LinkList', 'sectionId': 'footer3', 'id': 'LinkList18'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'settings', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'top_banner_ad', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header__logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'hamburger_menu', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'hamburger_menu', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'subnavigation', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'realtime_crypto', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'fascinating_reads', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'quick_links', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'quick_links', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'top_stories', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'top_stories', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'news_showcase', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'news_showcase', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog_section', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2485970545-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'blog_section', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'top_ad', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML112', 'middle_ad1', document.getElementById('HTML112'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML113', 'parallax_ad', document.getElementById('HTML113'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML114', 'middle_ad2', document.getElementById('HTML114'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML115', 'bottom_ad', document.getElementById('HTML115'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML116', 'multiplex_ad1', document.getElementById('HTML116'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'video_collection', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'video_collection', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'flood_the_zone', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'flood_the_zone', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'photo_collection', document.getElementById('LinkList12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'photo_collection', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList9', 'spotlight_stack', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'spotlight_stack', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_menu', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar_menu', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sticky_sidebar_menu', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer1', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer1', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'footer2', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer2', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList16', 'footer2', document.getElementById('LinkList16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList17', 'footer2', document.getElementById('LinkList17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'footer3', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList18', 'footer3', document.getElementById('LinkList18'), {}, 'displayModeFull'));
</script>
</body>