August 15, 2016

Cara Membuat Halaman KONTAK dan SITEMAP Blogger

Cara Membuat Halaman KONTAK dan SITEMAP Blogger

Cara Membuat Halaman KONTAK dan SITEMAP Blogger
Halaman KONTAK adalah halaman statis (static page) yang dibuat di menu Page / Halaman di dashboard blogger, berisi formulir kontak atau alamat email dll. yang bisa digunakan pengunjung untuk menghubungi admin.

Halaman SITEMAP adalah halaman statis (static page) yang dibuat di menu Page / Halaman di dashboard blogger, berisi daftar isi atau daftar posting, layaknya daftar isi sebuah buku atau majalah.

Cara membuatnya:
1. Page > New Page
2. Judul isi dengan Kontak
3. Masukkan kode HALAMAN KONTAK

Demikian juga cara membuat Halaman SITEMAP atau Daftar Isi Blog. 

Berikut ini kode halaman kontak dan sitemap yang digunakan di blog ini. Demonya di Menu KONTAK dan SITEMAP.

KODE HALAMAN KONTAK

<h4>Contact Form</h4>
<br/>
<form name="contact-form"><p></p>
Nama<p></p>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><p></p>
Alamat Email <span style="color: red; font-weight: bolder;">*</span><p></p>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><p></p>
Isi Pesan <span style="color: red; font-weight: bolder;">*</span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><p></p>
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<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 type="text/css">
/* Menyembunyikan elemen dalam postingan */
#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}
#ContactForm1{
display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width: 300px;
height:auto;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{background: #fffff7;}
#ContactForm1_contact-form-email-message{
width: 95%;
height: 175px;
margin: 5px auto;
padding: 10px;
background: #f2f2f2;
border: 1px solid #ccc;
color:#777;
font-family:Arial, sans-serif;
}
#ContactForm1_contact-form-submit {
width: 101px;
height: 35px;
float: left;
color: #FFF;
padding: 0;
margin: 10px 0 3px 0 0;
cursor: pointer;
background: #5E768D;
border: 1px solid #556f8c;
border-radius:3px;}
#ContactForm1_contact-form-submit:hover {
background:#435c74;
}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width: 550px;margin-top:35px;float:left}
</style>

KODE SITEMAP / DAFTAR ISI 

<style>
p.labels a{color: #242424; text-transform: uppercase;font-size: 15px;}
a.post-titles {color: #0000FF;}
ol li{list-style-type:decimal;line-height:25px;}
.sitemap-link{display:none}
</style>
<script type="text/javascript" src="http://yourjavascript.com/7366511402/simplesitemap.js"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=bloggersitemap"></script>
logoblog
Previous
« Prev Post

No comments:

Post a Comment

No SPAM, Please....!