Membuat Contact Pada Blog

Bloger

Selamat Pagi Guys sudah pada bangun ka..???? Pastinya sudah dong yuk intip Dunia Teknologi karena banyak artikel yang baru dan menarik untuk anda baca meskipun hanya sederhana dan singkat tapi saya usahakan anda bisa menegerti kata-kata yang saya kasih untuk teman-teman semua ,Kita menuju cara bagaimana cara membuat contact pada blog kita langsung saja.

Pada sebuah bloger di butuhkan contact dan sitemap dan bagi para pemula seperti saya ini pasti bingung kan bagaimana sih cara membuat contact dan sitemap pada blog yang kita buat yuk langsung saja

Cara Membuat Contact Pada Blog kita

1.Langkah yang pertama yaitu kita cukup copy paste aja script yang ada di bawah ini.

Script Contact

<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> 
<br />
<i class="fa fa-keyboard-o"></i> Content<br />
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<input id="ContactForm1_contact-form-submit" type="button" value="Send" /> 
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
height:auto;margin:5px auto;padding:10px;background:#fafafa;color:#444;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fafafa;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ccc;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit{font-family:'Open Sans';float:left;background:#cf4d35;color:#fff;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:.5px;border-radius:4px;border:0;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover {background:#e45a40;color:#fff;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style>

 
2.Ketika anda sudah mencopy script di atas tadi anda masukkan pada label laman dan klik laman baru jika kurang menegerti bisa lihatdi bawah ini.

Gambar1

3.Setelah anda klik laman baru anda pergi ke html dan anda paste di sana jika anda masi bingung teman-teman bisa melihat gambar di bawah ini.

Gambar 2

4.Kita menunggu hasilnya setelah kalian paste pada html tadi kalian pergi ke compose dan tara apa yang akan terjadi kita sudah membuat contact pada blog jika sudah maka tinggal publikasikan.

Gambar 3

Itu tadi cara membuatnya Simpel kan dan sangat mudah sekali bukan caranya,Sekarang kalian bisa coba pada blog kalian semga bermanfaat ya bagi semuanya.