Mudah Dan Cepat! Cara Membuat Kontak Blogspot Gratis

 

Memiliki kontak blog pribadi  Bertujuan untuk memudahkan pembaca menghubungi penulis blog apabila membutuhkan informasi lebih lanjut atau ada pertanyaan terkait isi tulisan. Dengan adanya kontak, interaksi antara penulis dan pembaca blog dapat terjalin dengan lebih baik.

Ada beberapa cara untuk membuat kontak di blogspot. Salah satunya adalah menggunakan widget HTML. Widget ini memungkinkan penulis blog untuk menambahkan kode HTML dan mendesign kontak sesuai kebutuhan.  Informasi yang biasanya ditampilkan pada kontak meliputi alamat, nomor telepon, atau alamat email. Inilah langkah-langkah praktis untuk membuat kontak menggunakan widget HTML di blogspot:

Berikut adalah langkah-langkah cara membuat kontak di blogspot :

Agar kontak ini berpungsi anda harus menambahkan widget kontak blogspot di menu tataletak terlebih dahulu 

Sesudah menambahkan gadget kontak anda harua menambahakan lagi kode css ini di dalam template di atas kode </style> 

#ContactForm1{display:none !important;}

Klik "Publish" untuk menyimpan perubahan

Nah sekarang kita tinggal menambahkan kode kontak  di halaman berikut kode nya  dan ganti ke mode html bukan Compose view di sebelah kiri gambar pensil 

<style>

.page-contact-form input,

.page-contact-form textarea {

width: 100%;

max-width: 100%;

margin-bottom: 10px;

}

.page-contact-form input.contact-form-button.contact-form-button-submit {

padding: 10px;

background: #000; /* Button background color */

color: #fff; /* Button text color */

border: none;

}​

.page-contact-form input.contact-form-button.contact-form-button-submit:hover {

background: #777; /* Button background hover color */

color: #fff; /* Button text hover color */

}

</style>

​

<div class="contact-form-widget page-contact-form">

<div class="form">

<form name="contact-form">

Name:<br />

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

E-mail: <span id="required">*</span><br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

Message: <span id="required">*</span><br />

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />

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

</div>

setelah itu simpan publikasi kontak tersebut 

Nah untuk menyimpan di sidebar anda harus mengambil link kontak terlebih dahulu lalu simpan 

Demikian cara membuat kontak sederhana di blogspot menggunakan widget HTML. Anda juga bisa menambahkan link sosial media seperti Facebook, Instagram, Twitter, dan lainnya. Apabila mengalami kendala dalam membuat kontak, silakan hubungi saya melalui email di kontak blog ini. Kritik dan saran akan saya terima untuk perbaikan ke depannya. Semoga tulisan saya bermanfaat.

Location:

Share :