<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=46faca8f-fe4f-40e7-8554-480ef88ee8bc' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7696466796516119751&zx=46faca8f-fe4f-40e7-8554-480ef88ee8bc' 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 Fitur Landing Page

@isharyuliansatriani

September 22, 2025

...

Table of Contents

Cara Menambahkan Halaman Landing Page HTML Code Generator

Masuk ke Dashboard Blogger > pilih menu Halaman.
Buat HALAMAN BARU
Di kolom Judul, masukkan teks judul sesuai keinginan, misalnya: Landing Page HTML Code Generator.
Pilih mode Tampilan HTML.
Di kolom Editor Kode HTML, masukkan script dari folder script yang ada di file template Bubble v1.0 > Script > Pages > Landing Page HTML Code Generator.
Setelah semua dikonfigurasi klik tombol PUBLIKASIKAN.

Cara Membuat Halaman Landing Page

Template Bubble dilengkapi fitur Landing Page yang bisa ditempatkan di Halaman Statis. Fitur ini ideal digunakan untuk menampilkan promosi produk, layanan, atau memperkenalkan bisnis Anda secara lebih menarik dan profesional.

Section yang Tersedia

Section	Fungsi
Hero	Banner utama dengan gambar dan CTA
Statistics	Angka-angka pencapaian
Value Proposition	Keunggulan produk/jasa
Features	Fitur-fitur yang ditawarkan
Social Proof	Testimoni pelanggan
Pricing	Tabel harga paket
Call to Action	Tombol ajakan bertindak
FAQ	Pertanyaan yang sering diajukan

Persiapan Gambar

Sebelum membuat landing page, siapkan gambar-gambar berikut:

Gambar	Rasio	Ukuran Minimal
Hero (produk utama)	1:1	450 x 450 px
Value Proposition	1:1	320 x 320 px
Features (icon)	1:1	80 x 80 px

Cara Membuat Kode Landing Page

Siapkan semua gambar dan konten teks.
Buka Tool Landing Page HTML Code Generator yang telah dibuat sebelumnya.
Isi form sesuai kebutuhan.
Klik tombol Buat Kode untuk mendapatkan kode HTML.

Memasang di Halaman Statis

Buka menu Halaman > klik tombol Halaman baru.
Buka Tool Landing Page HTML Code Generator yang telah dibuat sebelumnya.
Klik mode HTML di editor.
Paste kode HTML landing page.
Setelah semua dikonfigurasi klik tombol PUBLIKASIKAN.

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/344097953-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AAVkm1smcqHoy3Ar85CSQwOnJ5-Q:1777628316368';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7696466796516119751','//bubble.gilatemax.com/2025/09/cara-mengonfigurasi-fitur-landing-page.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-fitur-landing-page.html', 'canonicalUrl': 'https://bubble.gilatemax.com/2025/09/cara-mengonfigurasi-fitur-landing-page.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/4310906547676853163/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/857ada52b5268eeb', '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': '4310906547676853163', 'pageName': 'Cara Mengonfigurasi Fitur Landing Page', 'pageTitle': 'Bubble - Personal Blog \x26amp; Magazine Blogger Template: Cara Mengonfigurasi Fitur Landing Page', '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 Fitur Landing Page', '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-fitur-landing-page.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 4310906547676853163}}, {'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': '4310906547676853163', 'title': 'Cara Mengonfigurasi Fitur Landing Page', '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': '\u201cDying Light 2 Didn\u2019t Feature Any of My Designs; I Wouldn\u2019t Work with Techland Again\u201d Says Chris Avellone', 'id': 5961328721184231227}, {'title': 'TSMC Reportedly Spared From U.S. Tariffs After Mega-Investments in Arizona; Chip Giant to Exempt \u201cBig Tech\u201d Customers', 'id': 121498043181049075}, {'title': 'AOC Launches 24G4ZR And 27G4ZR Competitive IPS 260Hz Gaming Monitors With 0.3ms MPRT Response Time', 'id': 8421405352144153058}, {'title': 'AMD Ryzen 7 9800X3D Has Reportedly One Of The Lowest RMA Rates In Ryzen 9000/7000 Series', 'id': 941686073634963779}]}, {'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>