<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3474186822657628690&zx=3e6de80b-aa66-405e-adb6-403d49e2fbe8' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=3474186822657628690&zx=3e6de80b-aa66-405e-adb6-403d49e2fbe8' 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-3777252912092690 -->

</head><body>

Cara Memasang Form Contact Us di Blogspot

Admin

September 30, 2021 - (Diperbarui: September 21, 2024)

Bagi sobat yang ingin menampilakan form kontak di halaman statis template, silakan ikuti langkah-langkahnya di bawah ini.

Form kontak ini hanya bisa dipasang di halaman statis, tidak bisa dipasang di postingan atau di tempat lain.

Ok, langsung saja.

Pertama Login ke “Blogger” > Masuk ke menu “Halaman“
Buat Halaman statis baru dengan mengklik tombol “Halaman baru“
Penting! Masukan judul terlebih dahulu. Isi judul dengan “Kontak” “Contact Us” atau sesuai keinginan.
Pada bagian editor konten, pilih mode HTML, setelah masukan kode ini :

<div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Nama :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Alamat Email <span class="swajib">*</span> :</span> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /> <span class="ctitles">Isi Pesan <span class="swajib">*</span> :</span> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea> <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" /> <br /> <div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"> </div> <div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"> </div> </form> </div> <script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

Terakhir klik “Publikasikan“
Selasai…

Baca Juga

Berbagi:

Anda mungkin menyukai postingan ini Tunjukkan semua

Posting Komentar

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/745881458-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5txwEcFDuP2XK_vepw9FHVGSjwpg:1735225812955';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3474186822657628690','//www.pakguru.my.id/2021/09/cara-memasang-form-contact-us-di.html','3474186822657628690');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '3474186822657628690', 'title': 'Pak Guru', 'url': 'https://www.pakguru.my.id/2021/09/cara-memasang-form-contact-us-di.html', 'canonicalUrl': 'https://www.pakguru.my.id/2021/09/cara-memasang-form-contact-us-di.html', 'homepageUrl': 'https://www.pakguru.my.id/', 'searchUrl': 'https://www.pakguru.my.id/search', 'canonicalHomepageUrl': 'https://www.pakguru.my.id/', 'blogspotFaviconUrl': 'https://www.pakguru.my.id/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\x22Pak Guru - Atom\x22 href\x3d\x22https://www.pakguru.my.id/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Pak Guru - RSS\x22 href\x3d\x22https://www.pakguru.my.id/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pak Guru - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/3474186822657628690/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Pak Guru - Atom\x22 href\x3d\x22https://www.pakguru.my.id/feeds/3281957854398390668/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-3777252912092690', '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/361ce9cf7a112c52', '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': '3281957854398390668', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVIuZf8hiq81Jb1Xem-miL8E8q5WTCU0UnBLssfyLodO6i8DfwLn1tpCFY77gTV84hjAIkfBuZk_5GAQDSf-SRQOaxrS1dIvOCahS5aSnpdva49thpidsSSqczxfCxZ9uhTKV6Fy6yrww/s72-w474-c-h640/20210928_141721.jpg', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVIuZf8hiq81Jb1Xem-miL8E8q5WTCU0UnBLssfyLodO6i8DfwLn1tpCFY77gTV84hjAIkfBuZk_5GAQDSf-SRQOaxrS1dIvOCahS5aSnpdva49thpidsSSqczxfCxZ9uhTKV6Fy6yrww/w474-h640/20210928_141721.jpg', 'pageName': 'Cara Memasang Form Contact Us di Blogspot', 'pageTitle': 'Pak Guru: Cara Memasang Form Contact Us di Blogspot', '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 Memasang Form Contact Us di Blogspot', 'description': 'Arzhasentul adalah blog pendidikan yang membagikan berkas pendidikan dan arsip-arsip yang berhubungan dengan Pendidikan yang sedang berjalan', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVIuZf8hiq81Jb1Xem-miL8E8q5WTCU0UnBLssfyLodO6i8DfwLn1tpCFY77gTV84hjAIkfBuZk_5GAQDSf-SRQOaxrS1dIvOCahS5aSnpdva49thpidsSSqczxfCxZ9uhTKV6Fy6yrww/w474-h640/20210928_141721.jpg', 'url': 'https://www.pakguru.my.id/2021/09/cara-memasang-form-contact-us-di.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3281957854398390668}}, {'name': 'widgets', 'data': [{'title': 'Template Code (Do not disable)', 'type': 'HTML', 'sectionId': 'settings', 'id': 'HTML6'}, {'title': 'Pak Guru (Header)', 'type': 'Header', 'sectionId': 'header', 'id': 'Header1'}, {'title': '', 'type': 'LinkList', 'sectionId': 'section', 'id': 'LinkList1'}, {'title': 'Notifikasi', 'type': 'HTML', 'sectionId': 'notifications', 'id': 'HTML89'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'billboard_ads', 'id': 'HTML1'}, {'title': 'Artikel Terbaru', 'type': 'HTML', 'sectionId': 'running_text', 'id': 'HTML9'}, {'title': 'Postingan yang Disematkan', 'type': 'FeaturedPost', 'sectionId': 'main', 'id': 'FeaturedPost1', 'postId': '2341714747070555833'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '3281957854398390668', 'title': 'Cara Memasang Form Contact Us di Blogspot', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVIuZf8hiq81Jb1Xem-miL8E8q5WTCU0UnBLssfyLodO6i8DfwLn1tpCFY77gTV84hjAIkfBuZk_5GAQDSf-SRQOaxrS1dIvOCahS5aSnpdva49thpidsSSqczxfCxZ9uhTKV6Fy6yrww/w474-h640/20210928_141721.jpg', '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': 'HTML90'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_1', 'id': 'HTML91'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'parallax_ads', 'id': 'HTML92'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'middle_ads_2', 'id': 'HTML93'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'bottom_ads', 'id': 'HTML94'}, {'title': 'Advertisement', 'type': 'HTML', 'sectionId': 'matched_content_ads', 'id': 'HTML7'}, {'title': 'Topik Anda', 'type': 'LinkList', 'sectionId': 'custom_widget_posts_label', 'id': 'LinkList4'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML12'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML11'}, {'title': 'Postingan Populer', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': '3 Cara Agar Selalu Menang Mejajen Dengan Lontar Bali', 'id': 3394712767829611308}, {'title': 'Kisah Dewa Ruci Dan Makna Ajaran', 'id': 5546150409917361404}, {'title': 'Manfaat Bawang Putih: Kandungan Gizi, Khasiat, Efek Samping dan Tips', 'id': 4366701219080546723}, {'title': 'Sudra Warna - Profesi karyawan hingga direktur perusahaan', 'id': 7449251194767968623}, {'title': 'Pantangan buat SUAMI bila Istri-nya hamil', 'id': 8220539530308102036}, {'title': 'Tentang Catur Yuga - Perputaran Jaman menurut Weda', 'id': 8517273370653373246}, {'title': '11 Manfaat Buah Delima untuk Menambah Kesuburan Wanita', 'id': 603383396686748762}, {'title': '50 Contoh Soal UAS Bahasa Jawa kelas 4 SD dan Kunci Jawabnya Terbaru', 'id': 2341714747070555833}, {'title': 'Pura Lempuyang, Surga di Pulau Dewata', 'id': 6830244279209966619}, {'title': 'Kumpulan Soal AGAMA HINDU  Kelas XII SMA/SMK Semester Ganjil', 'id': 4294025018573221454}]}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar', 'id': 'HTML10'}, {'title': '', 'type': 'HTML', 'sectionId': 'sticky_sidebar', 'id': 'HTML4'}, {'title': 'Artikel Terbaru', 'type': 'HTML', 'sectionId': 'sticky_sidebar', 'id': 'HTML2'}]}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'settings', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'section', document.getElementById('LinkList1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML89', 'notifications', document.getElementById('HTML89'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'billboard_ads', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'running_text', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'main', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/3846405171-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML90', 'top_ads', document.getElementById('HTML90'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML91', 'middle_ads_1', document.getElementById('HTML91'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML92', 'parallax_ads', document.getElementById('HTML92'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML93', 'middle_ads_2', document.getElementById('HTML93'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML94', 'bottom_ads', document.getElementById('HTML94'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'matched_content_ads', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList4', 'custom_widget_posts_label', document.getElementById('LinkList4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'sidebar', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'sidebar', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'sticky_sidebar', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sticky_sidebar', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sticky_sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
</script>
</body>