Home
Blog
Median Ui

Cara Membuat Halaman Kontak email Pada Template Median UI Terbaru

ShayTekno.com - Berbicara tentang halaman kontak pada Situs/website adalah salah satu hal penting yang harus di ketahui bagi blogger.

Dengan membuat halaman kontak, di website Anda, tentunya akan memudahkan para pengunjung dapat bertanya melalui kontak secara langsung, tanpa perlu menggunakan halaman komentar.

Berikut ini adalah tutorial Cara Membuat Halaman Kontak email Pada Template Median UI Versi 1.5 Terbaru

Pada kesempatan sebelumnya admin sudah membahas tentang cara membuat Sitemap Otomatis pada halaman situs, apakah kalian sudah membaca artikelnya. Jika sudah.

Pada tutorial kali ini admin akan berbagi informasi tentang cara membuat halaman kontak pada situs website, namun perlu di ketahui juga tutorial ini akan berfungsi bagi anda pengguna template Median UI baik versi fletro pro, maupun template imagz, untuk langkah selanjutnya mari simak panduan selengkapnya berikut ini.

Cara Membuat Halaman Kontak email Pada Template Median UI Terbaru

  • Silahkan anda salin terlebih dahulu berikut ini kode HTML halaman kontak email.
<p>Silahkan hubungi kami jika ada krtik dan saran yang ingin di sampaikan, melalui Fromm email berikut ini.</p>

<div class="ContactForm" id="ContactForm1">
  <form name="cForm">
    <div class="cArea">
      <label>
        <input class="cInpt cName" id="ContactForm1_contact-form-name" name="name" type="text" />
        <span class="n">Name</span>
      </label>
    </div>
    <div class="cArea">
      <label>
        <input class="cInpt cMail" id="ContactForm1_contact-form-email" name="email" type="email" />
        <span class="n req">Email</span>
      </label>
      <span class="h">Valid email required</span>
    </div>
    <div class="cArea">
      <label>
        <textarea class="cInpt cMsg" id="ContactForm1_contact-form-email-message" name="message" rows="3"></textarea>
        <span class="n req">Message</span>
      </label>
      <span class="h">Empty messages not accepted</span>
    </div>
    <div class="cArea">
      <input class="cBtn" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
    </div>
    <div class="cArea nArea">
      <p class="cNtf" id="ContactForm1_contact-form-error-message"></p>
      <p class="cNtf" id="ContactForm1_contact-form-success-message"></p>
    </div>
  </form>
</div>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script>
Jika sudah anda salin mari simak panduan selengkapnya berikut ini:
  • Buka Dasbor Blogger.
  • Pada halaman utama blogger pilih menu Halaman.
  • Silahkan anda buat nama pada judul sesuai dengan keinginan anda kontak ataupun contacts.
  • Lalu ubah metode penulisan menggunakan metode penulisan HTML.
  • Lalu silahkan anda pastekan kode HTML yang sebelumnya anda salin.
  • Jika sudah ubah terlebih dahulu tulisan yang Admin tandai warna kuning sesuai dengan keinginan anda.
  • Jika sudah klik publish.
  • Proses pembuatan halaman kontak selesai.
  • Untuk melihat hasilnya anda bisa melihat dengan cara klik Pratinjau.

Cara memasang Halaman kontak Pada Situs blogger di Median UI

Setalah mengetahui cara membuat halaman kontak langkah selanjutnya Anda perlu menampilkan halaman kontak pada Haider agar mudah pengunjung blog anda mendapat kontak email yang anda miliki, untuk langkah memasang halaman kontak pada situs blog pada template Median UI iyalah sebagai berikut.
  • Silahkan anda salin terlebih dahulu URL kontak yang anda buat sebelumnya.
  • Jika sudah buka Dasbor Blogger
  • Pilih menu Tata Letak.
  • Lalu cari widget main menu.
  • Lalu masukan URL kontak pada novigation widget sesuai dengan penempatannya.
Selian itu juga anda bisa menampilkan sesuai dengan keinginan anda, anda juga bisa menampilkan halaman kontak pada setiap Artikel ataupun di sesuai pada keinginan anda.

Kesimpulan

Demikian itulah tutorial cara membuat halaman kontak pada situs Blogger, semoga artikel ini bermanfaat bagi anda dan bagi teman-teman semua.

Jika ada pertanyaan terkait tutorial langkah pemasangan URL halaman kontak kalian juga bisa bertanya melalui kolom komentar yang tersedia di bawah ini, atau anda juga bisa menghubungi kami Melalui kontak yang tersedia di website ini. Terimakasih atas kunjungannya.

Post a Comment