<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4845977304080805748&zx=fb02790e-7372-464d-8f2f-6abdf1700663' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=4845977304080805748&zx=fb02790e-7372-464d-8f2f-6abdf1700663' 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-8431500449081150 -->

</head><body>

Cara Mengonfigurasi Header dan Bilah Navigasi

Oleh Gila Temax

September 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.

Bilah Navigasi

Baca Juga: Cara Mengonfigurasi Fitur Navigation Bar.

Tombol Mode Gelap / Terang

Baca Juga: Cara Mengonfigurasi Fitur Dark Mode.

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 Menu Hamburger

Baca Juga: 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.

Baca Juga:

Tersalin 👍 ...

Gila Temax

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

Berita Terkait

Berita Terbaru

Lihat Selengkapnya

Posting Komentar

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/3935100173-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AEUoTZqVbfUH-xCiJ5Q8C6Ua8D8r:1782290449947';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d4845977304080805748','//shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html','4845977304080805748');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '4845977304080805748', 'title': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template', 'url': 'https://shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html', 'canonicalUrl': 'https://shocktimespro.gilatemax.com/2025/09/cara-mengonfigurasi-header-dan-bilah.html', 'homepageUrl': 'https://shocktimespro.gilatemax.com/', 'searchUrl': 'https://shocktimespro.gilatemax.com/search', 'canonicalHomepageUrl': 'https://shocktimespro.gilatemax.com/', 'blogspotFaviconUrl': 'https://shocktimespro.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': '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\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - RSS\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/4845977304080805748/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template - Atom\x22 href\x3d\x22https://shocktimespro.gilatemax.com/feeds/240831413374303743/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8431500449081150', '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/ecd9ca2a5bef9569', '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': '240831413374303743', 'pageName': 'Cara Mengonfigurasi Header dan Bilah Navigasi', 'pageTitle': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template: Cara Mengonfigurasi Header dan Bilah Navigasi', '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 Mengonfigurasi Header dan Bilah Navigasi', 'description': 'ShockTimes adalah template Blogger berita modern, ringan, cepat, dan profesional, dirancang untuk tampilan elegan dan performa optimal.', 'url': 'https://shocktimespro.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': 240831413374303743}}, {'name': 'widgets', 'data': [{'title': 'Template Code', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML1'}, {'title': 'Text Display', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML2'}, {'title': 'Custom SVG Icons', 'type': 'LinkList', 'sectionId': 'settings', 'id': 'LinkList2'}, {'title': 'Iklan - Scroll ke bawah untuk melanjutkan', 'type': 'HTML', 'sectionId': 'ad_awareness', 'id': 'HTML9'}, {'title': 'ShockTimes Pro - Modern \x26amp; Lightweight News Blogger Template (Header)', 'type': 'Header', 'sectionId': 'header_logo', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'navigation_bar', 'id': 'LinkList1'}, {'title': 'Breaking News', 'type': 'LinkList', 'sectionId': 'news_ticker', 'id': 'LinkList3'}, {'title': '', 'type': 'LinkList', 'sectionId': 'hamburger_menu', 'id': 'LinkList4'}, {'title': 'Trending', 'type': 'LinkList', 'sectionId': 'trending_topics', 'id': 'LinkList10'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML4'}, {'title': '', 'type': 'LinkList', 'sectionId': 'headline_news', 'id': 'LinkList6'}, {'title': '', 'type': 'LinkList', 'sectionId': 'secondary_news', 'id': 'LinkList12'}, {'title': 'Info Seputar Haji 2026', 'type': 'LinkList', 'sectionId': 'editor_choice', 'id': 'LinkList13'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'blog_posts_section', 'id': 'Blog1', 'posts': [{'id': '240831413374303743', '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': 'Rekomendasi', 'type': 'LinkList', 'sectionId': 'recommendation_news', 'id': 'LinkList9'}, {'title': 'Topik Pilihan', 'type': 'LinkList', 'sectionId': 'multi_category_grid', 'id': 'LinkList11'}, {'title': 'Video Berita', 'type': 'LinkList', 'sectionId': 'news_videos', 'id': 'LinkList15'}, {'title': 'Terpopuler', 'type': 'PopularPosts', 'sectionId': 'sidebar_menu', 'id': 'PopularPosts1', 'posts': [{'title': 'Sewa Golf Cart di Masjidilharam hanya 200 Riyal, Solusi Tawaf untuk Jemaah Lansia dan Disabilitas', 'id': 7732177200194773084}, {'title': 'Asosiasi Bisnis Nusantara Bakal Jembatani Kesenjangan Akses Pasar dan Pendanaan', 'id': 6669077602831095003}, {'title': 'May Day 1 Mei 2026 Libur Nasional, Ini Jadwal Operasional Logistik Paket', 'id': 3393100468149760199}, {'title': 'Tujuh Jemaah Haji Indonesia Wafat, Mayoritas karena Serangan Jantung dan Radang Paru-Paru', 'id': 7869363042996423360}, {'title': 'Ini 5 Fitur Anti Repot Mitsubishi XForce untuk Mudahkan Pengemudi', 'id': 1641172451798778893}]}, {'title': 'Tag Terpopuler', 'type': 'Label', 'sectionId': 'sidebar_menu', 'id': 'Label2'}, {'title': 'ShockTimes \x3ci\x3eNetwork\x3c/i\x3e', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList14'}, {'title': 'Discovery Sidebar', 'type': 'LinkList', 'sectionId': 'sidebar_menu', 'id': 'LinkList16'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar_menu', 'id': 'HTML3'}, {'title': 'Advertisement (Left)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML998'}, {'title': 'Advertisement (Right)', 'type': 'HTML', 'sectionId': 'skyscraper_ads', 'id': 'HTML999'}, {'title': 'Gila Temax', 'type': 'Image', 'sectionId': 'footer_widget', 'id': 'Image1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget', 'id': 'LinkList7'}, {'title': '', 'type': 'LinkList', 'sectionId': 'footer_widget', 'id': 'LinkList8'}, {'title': 'Credit', 'type': 'HTML', 'sectionId': 'footer_widget', 'id': 'HTML6'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'settings', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'settings', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList2', 'settings', document.getElementById('LinkList2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'ad_awareness', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header_logo', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'navigation_bar', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList3', 'news_ticker', document.getElementById('LinkList3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'hamburger_menu', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'trending_topics', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'billboard_ads', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList6', 'headline_news', document.getElementById('LinkList6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList12', 'secondary_news', document.getElementById('LinkList12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'editor_choice', document.getElementById('LinkList13'), {}, '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('LinkList9', 'recommendation_news', document.getElementById('LinkList9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'multi_category_grid', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList15', 'news_videos', document.getElementById('LinkList15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar_menu', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar_menu', document.getElementById('Label2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'sidebar_menu', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList16', 'sidebar_menu', document.getElementById('LinkList16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sticky_sidebar_menu', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'sticky_sidebar_menu', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML998', 'skyscraper_ads', document.getElementById('HTML998'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML999', 'skyscraper_ads', document.getElementById('HTML999'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer_widget', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList7', 'footer_widget', document.getElementById('LinkList7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList8', 'footer_widget', document.getElementById('LinkList8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'footer_widget', document.getElementById('HTML6'), {}, 'displayModeFull'));
</script>
</body>