<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=1c885186-3565-40ee-bbe5-8337f63b4aec' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=1c885186-3565-40ee-bbe5-8337f63b4aec' 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

Gila Temax

September 03, 2025

...

Table of Contents

Tombol Menu Hamburger

Baca Juga: Cara Mengonfigurasi Fitur Hamburger Menu.

Tombol Mode Gelap / Terang

Baca Juga: Cara Mengonfigurasi Fitur Dark Mode.

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.

Tombol Pencarian

Tombol Pencarian adalah elemen antarmuka yang biasanya ditampilkan dalam bentuk ikon kaca pembesar yang berfungsi untuk membuka bilah pencarian saat diklik. Fitur ini memungkinkan pengguna memasukkan kata kunci agar dapat menemukan informasi dengan cepat dan lebih efisien.

Tombol Bookmarks

Baca Juga: Cara Mengonfigurasi Fitur Bookmarks.

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.

Further Reading

Related Posts

Post a Comment

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/432983155-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7pwo2x6kRrKVn7vmAVyMJnFt49OA:1772785488842';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7696466796516119751','//bubble.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html','7696466796516119751');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7696466796516119751', 'title': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template', 'url': 'https://bubble.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html', 'canonicalUrl': 'https://bubble.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html', 'homepageUrl': 'https://bubble.gilatemax.com/', 'searchUrl': 'https://bubble.gilatemax.com/search', 'canonicalHomepageUrl': 'https://bubble.gilatemax.com/', 'blogspotFaviconUrl': 'https://bubble.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\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - RSS\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7696466796516119751/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Bubble - Personal Blog \x26amp; Magazine Blogger Template - Atom\x22 href\x3d\x22https://bubble.gilatemax.com/feeds/6920305382442474399/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/b4ec9ed16a3249cf', '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': '6920305382442474399', 'pageName': 'Cara Mengonfigurasi Header dan Bilah Navigasi', 'pageTitle': 'Bubble - Personal Blog \x26amp; Magazine 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': 'Bubble is a premium Blogger template for personal blogs and magazines, featuring a modern design, fast performance, and easy customization.', 'url': 'https://bubble.gilatemax.com/2025/09/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': 6920305382442474399}}, {'name': 'widgets', 'data': [{'title': 'Template Code', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML1'}, {'title': 'Text Display', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML3'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'settings', 'id': 'LinkList13'}, {'title': '', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList1'}, {'title': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header_logo', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'navigation_bar', 'id': 'LinkList3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'top_stories', 'id': 'LinkList5'}, {'title': '', 'type': 'LinkList', 'sectionId': 'story_cluster', 'id': 'LinkList4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'fascinating_reads', 'id': 'LinkList14'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML999'}, {'title': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'blog_posts_section', 'id': 'FeaturedPost1', 'postId': '214108325138788681'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog_posts_section', 'id': 'Blog1', 'posts': [{'id': '6920305382442474399', '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', 'type': 'HTML', 'sectionId': 'top_ads', 'id': 'HTML111'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads1', 'id': 'HTML112'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML113'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads2', 'id': 'HTML114'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML115'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'multiplex_ads', 'id': 'HTML116'}, {'title': 'Support Gila Temax', 'type': 'LinkList', 'sectionId': 'donation_box_widget', 'id': 'LinkList12'}, {'title': 'Trending Stories', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'China\u2019s Largest Memory Manufacturer, CXMT, Plans to Allocate a \u201cLarge Chunk\u201d of Its DRAM Production to HBM3, Hoping to Compete in the AI Race', 'id': 214108325138788681}, {'title': 'AOC Launches 24G4ZR And 27G4ZR Competitive IPS 260Hz Gaming Monitors With 0.3ms MPRT Response Time', 'id': 8421405352144153058}, {'title': 'TSMC Reportedly Spared From U.S. Tariffs After Mega-Investments in Arizona; Chip Giant to Exempt \u201cBig Tech\u201d Customers', 'id': 121498043181049075}, {'title': 'Cara Mengonfigurasi Fitur Google Preferred Sources', 'id': 5643190762335005031}, {'title': 'Cara Setting Logo Utama Website di Meta Tag og:image (Head Section Blogger)', 'id': 2305582648226176297}]}, {'title': 'Labels (List)', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label1'}, {'title': 'Labels (Cloud)', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label2'}, {'title': 'Quick Links', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList6'}, {'title': 'Premium Card', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML4'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'floating_ads', 'id': 'HTML7'}, {'title': 'Topics', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList2'}, {'title': 'Sections', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList7'}, {'title': 'Company', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList8'}, {'title': 'More Templates', 'type': 'LinkList', 'sectionId': 'footer_widget1', 'id': 'LinkList9'}, {'title': 'Follow us on', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList11'}, {'title': 'Display Language', 'type': 'LinkList', 'sectionId': 'footer_widget2', 'id': 'LinkList15'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget3', 'id': 'HTML6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget3', 'id': 'LinkList10'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'settings', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'settings', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'settings', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'hamburger_menu', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header_logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'navigation_bar', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList5', 'top_stories', document.getElementById('LinkList5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'story_cluster', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'fascinating_reads', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'billboard_ads', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'blog_posts_section', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog_posts_section', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML111', 'top_ads', document.getElementById('HTML111'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML112', 'middle_ads1', document.getElementById('HTML112'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML113', 'parallax_ads', document.getElementById('HTML113'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML114', 'middle_ads2', document.getElementById('HTML114'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML115', 'bottom_ads', document.getElementById('HTML115'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML116', 'multiplex_ads', document.getElementById('HTML116'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'donation_box_widget', document.getElementById('LinkList12'), {}, '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('_LabelView', new _WidgetInfo('Label2', 'sidebar_menu', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'sidebar_menu', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sticky_sidebar_menu', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'floating_ads', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'footer_widget1', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'footer_widget1', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'footer_widget1', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList9', 'footer_widget1', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'footer_widget2', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'footer_widget2', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer_widget3', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'footer_widget3', document.getElementById('LinkList10'), {}, 'displayModeFull'));
</script>
</body>