Cara Setting Halaman Kontak

Cara membuat halaman kontak serta mengaturnya dengan mudah pada Blogger template Pamula tanpa edit HTML

Rian
By Rian
2
Cara Setting Halaman Kontak

Cara Setting Halaman Kontak

Cara membuat halaman kontak serta mengaturnya dengan mudah pada Blogger template Pamula tanpa edit HTML

Cara Setting Halaman Kontak

Ikuti panduan dibawah ini utnuk menambahkan halaman kontak pada tema pamula dengan mudah.

Persiapan

Hal pertama yang harus Anda lakukan adalah mendapatkan kode ID blog Anda, caranya sangat mudah pada saat membuka laman blogger lihatlah dibagian address bar maka anda akan menemukan contoh link seperti dibawah ini:

https://www.blogger.com/blog/themes/1234567890000000000

bagian yang ditandai itu adalah kode ID blog Anda, silakan salin karena kode ini akan dibutuhkan saat membuat halaman kontak.

Tutorial

  1. Silahkan buat halaman baru, jangan lupa untuk isi deskripsi penuluran pada lama baru Anda.
  2. Pindah ke mode HTML lalu salin dan tempel kode dibawah ini pada isi laman Anda:
  3. <form id='ContactForm1' name="contact-form">
      <div class="formcolumn1">
        <input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /> 
      </div>
      <div class="formcolumn2">
        <input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /> 
      </div>
      <div class="formcolumn3">
        <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="7"></textarea> 
      </div>
      <div class="formcolumn4">
        <input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" /> 
      </div>
      <div style="max-width: 100%; text-align: center; width: 100%;">
        <div id="ContactForm1_contact-form-error-message"></div>
        <div id="ContactForm1_contact-form-success-message"></div>
      </div>
    </form>
    <script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
    <script>//<![CDATA[
    if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1234567890000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1234567890000000000','//www.namablog.com/','1234567890000000000');
    _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1234567890000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

    Ubah bagian yang ditandai pada kode diatas dengan ID blog Anda, jangan lupa ubah juga nama blog biar bisa terkirim ke email Anda.

    Keterangan:

    • [ 1234567890000000000 ] : Id Blog Anda
    • [ www.namablog.com ] : Alamat blog Anda (tanpa http / https)
    • [ Send Now ] : Teks pada tombol submit
    • [ Sending... ] : Teks saat mengirim pesan
    • [ Your message has been sent. ] : Teks pemberitahuan pesan terkirim
    • [ Message could not be sent. Please try again later. ] : Teks pemberitahuan pesan tidak terkirim
    • [ A valid email address is required. ] : Teks pemberitahuan email tidak valid
    • [ A Message field cannot be empty. ] : Teks pemberitahuan saat isi pesan kosong
  4. Publish laman anda dan silahkan ujib coba apakah widget kontak nya berhasil atau tidak

Jika diterapkan dengan benar seperti menambahkan id blog anda pada semua bagian yang sudah ditandai seharusnya tidak akan ada kesalahan.

Rian

Kota: Bandung, Pasirkoja - Kabupaten bandung.

2 comments

  1. Nisha Sinha
    Ask Shirdi Sai Baba Question & Answers Click here- https://SaiBabaSpeaks.com

    PicsHitz.com is a leading Actress photos , South Indian Actress images. hot actress pics, desi girls images, instagram model viral photos, hot tiktok girls, celebrity gossips, photos, and much more. Click Link-  PicsHitz.com

    Sarkari Jobs Result 2021 : Sarkari Jobs Results Info provide the latest SarkariResult / सरकारी रिजल्ट or free job alert of government Job, Sarkari Exam, Admit Card, Online Form, Admission, Syllabus of SSC, UPSC, HSSC, UPPSC, etc. Join us on Telegram SSC GD Constable Apply Online,SBI Apprentice Apply Online, RRB NTPC Admit Card ,Corona Vaccine Online Registration IBPS & Read More » https://sarkarijobs.saibabaspeaks.com/


    BGMI FREE UC HACK | Battlegrounds Mobile India UC Generator 2021 - esp mod apk

  2. Lekturin
    Bang, apa mungkin kalau sticky title dan deskription diganti dengan sticky table of content, ya?
Silakan tinggalkan komentar