Membuat Halaman About, Contact, Privacy, Disclaimer dan Sitemap di Blog

Blogger Kuya - Cara Membuat Halaman About, Contact, Disclaimer, Privacy dan Sitemap di Blogger merupakan hal yang wajib jika anda ingin mendaftar periklanan Google Adsense. Jika belum memasang di blog maka ikuti tutorial ini sampai selesai.

Halaman About, Contact, Privacy, Disclaimer dan Sitemap
Halaman About, Contact, Privacy, Disclaimer dan Sitemap

Halaman About, Contact, Disclaimer, Privacy dan Sitemap disebut juga dengan halaman statatis blog, halaman ini tidak menyatu dengan postingan blog namun memiliki tempat tersendiri. Pengunjung tidak akan mengetahui halaman statis jika tidak memasang link di blog.

Cara Membuat Halaman About, Contact, Privacy, Disclaimer dan Sitemap di Blog

Cara Membuat Halaman About


Halaman about juga dikenal dengan halaman “Tentang Kami”, halaman ini memberikan informasi tentang blog yang kamu bangun. Halaman ini menjelaskan tentang nama blog, deskripsi blog dan apa saja yang dibahas dalam blog atau website tersebut.

Contoh halaman about bisa dilihat Di Halaman About Blog Ini

Setelah terbuka, silahkan ini judul dengan About atau Tentang Kami, isi konten dengan penjelasan tentang blog seperti yang sudah saya jelaskan diatas, terakhir klik publikasikan.

Setelah terbuka, silahkan ini judul dengan About atau Tentang Kami, isi konten dengan penjelasan tentang blog seperti yang sudah saya jelaskan diatas, terakhir klik publikasikan.

Cara Membuat Halaman Kontak Blogger

Halaman Contact Blogger
Halaman Contact Blogger

Berikut ini adalah cara membuat halaman kontak yang saya ambil dari blognya kangismet.
Ada 3 langkah pembuatan.

1. Langkah Pertama

  • Buat Widget Contact Form yang telah disediakan oleh google :
  • Klik Tata Letak
  • Tambahkan Gadget
  • Klik Gadget Lainnya
  • Pilih Formulir Kontak


Untuk sementara biarkan formulir kontak ada di sidebar / widget (jangan diotak atik).
Pada langkah pertama ini sebenarnya form kontak sudah jadi. Hanya saja tampilannya masih default bawaan blogger. Dan letaknya tidak bisa dipindah ke halaman statis.

2. Langkah Kedua

  • Menambahkan halaman yang akan dijadikan halaman statis di menu
  • Berikut caranya :
  • Masuk ke laman
  • Klik Laman baru
  • Beri judul : kontak


Lihat pojok kanan bawah : pada menu pilihan : pilih tekan “enter” untuk baris baru
Tambahkan kode-kode di bawah ini pada mode HTML. Jangan salah sob.. bukan Compose ya… (kalau dimasukan pada mode compose gak akan tampil)

  <form name="contact-form">
Nama
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
Alamat Email <span style="color: red; font-weight: bolder;">*</span>
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
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>
<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}
</style>

----------------------------------------
3. Langkah Ketiga
Ini langkah terakhir sob.. fungsinya untuk menambahkan CSS dan menyembuyikan widget (menyembuyikan tampilan kontak form bawaan blogger). Berikut caranya :
Masuk ke setingan Template
Tekan Ctrl + F (untuk memudahkan pencarian)
Cari kode ini sob ]]></b:skin>
Jika sudah ketemu tambahkan kode di bawah ini. Letakkan di atas kode  ]]></b:skin>

 /* CSS Contact Form */
#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: 450px;
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: 450px;
margin-top:35px;
}


Membuat Halaman Privacy Policy dan Disclaimer
Setelah kita membuat halaman About dan Contact, selanjutnya kita membuat halaman Privacy Policy dan Disclaimer. Untuk membuat halaman tersebut, kita memerlukan bantuan situs Privacypolicyonline.com. Untuk caranya, silahkan disimak :

Cara Buat Privacy Policy

1. Silakan Anda buka situs Privacy Online gratis.


2. Klik Free Generators
3. Untuk membuat Privacy Policy, silakan klik Privacy Policy Generator. Kemudian Anda akan menuju halaman pengisian data.
4. Isi kolom tersebut sesuai dengan situs Anda. Your Website/App Name (isi dengan nama situs Anda). Your Website URL (isi dengan URL link situs Anda). Jika sudah klik Next.


5. Setelah Next, Anda akan mengarah ke pengisian data selanjutnya.

Jika situs Anda menggunakan Cookie maka klik Yes.
Jika situs Anda menampilkan iklan dari Google Andsense maka klik Yes.
Jika situs Anda menampilkan iklan dari pihak ketiga atau selain dari Google maka klik Yes.
Pilih negara Anda. Dalam contoh saya gunakan Negara Indonesia
Pilih Provinsi di negara Anda. Dalam contoh saya menggunakan Provinsi Jambi.
Selanjutnya klik Next

6. Selanjutnya isikan email aktif Anda. Kemudian klik Create Privacy Policy.
7. Silakan Anda salin data HTML. Klik Copy to Clipboard. Lihat gambar sebagai contoh di bawah ini.

8. Jika sudah Anda salin, silakan buka Dashboard blogger. Pilih Halaman - Buat Halaman Baru - HTML (bukan Compose) - Letakan data yang sudah Anda salin sebelumnya di sini. Jangan lupa tulis judul dengan Pricay Policy, Kebijakan Situs, atau bahasa lain yang berhubungan. Rapikan Tulisan. Jika sudah, klik Publikasikan. Selesai.


Cara Buat Disclaimer

Setelah membuat Privacy Policy, sebaiknya, Anda juga menyertakan Disclaimer pada blog yang Anda miliki.

Disclaimer merupakan sebuah halaman penyangkalan atau pelepasan tanggung jawab dari isi blog kepada pengguna/pembaca blog Anda.

Sadar atau tidak, banyak blog/web yang menyertakan halaman ini di dalam blog mereka. Termasuk pada blog yang sedang Anda baca ini.

Langsung saja.

1. Masuk pada web Privacyonline.com. Sama seperti saat membuat Privacy Policy.
2. Klik pada bagian Free Generators
3. Pilih Disclaimer Generator

Gambar tampilan halaman pembuatan Disclaimer sama dengan tampilan halaman pembuatan Privacy Policy. Saya rasa tidak perlu untuk menyertakan gambar lagi. Silakan Anda lihat gambar-gambar di atas.

Lanjut.

4. Anda akan masuk pada halaman pengisian data. Pada kolom Your Website Name silakan diisi dengan nama blog Anda. Kemudian pada kolom Your Website URL silakan diisi dengan alamat blog/URL blog Anda. Klik Next untuk melanjutkan.

5. Kemudian isi kolom pemilihan Negara, Provinsi, dan alamat email aktif. Kemudian klik Create Disclaimer untuk melanjutkan.

6. Selanjutnya klik Copy to Clipboard untuk mengambil data HTML.
7. Buka Dashboard Blogger milik Anda. Buat halaman baru, isi judul.
8. Gunakan HTML bukan Compose. Pastekan data HTML yang sudah Anda copy sebelumnya. Data HTML yang saya maksud di sini adalah data HTML pada tahap nomor 6. Cek kerapian tulisan pada mode Compose. Jika sudah, klik Publikasikan. Selesai.

Buat Halaman Sitemap Blogger

1. Langkah pertama yang Anda lakukan yaitu masuk ke dashboard blog Anda. Selanjutnya klik Halaman/Laman dan buat halaman baru. 


2. Pastikan Anda membuat judul halaman dengan nama Sitemap. Silakan beralih dari compose ke HTML. Buat kalimat seperlunya (opsional).

3. Silakan Anda copy kode di bawah ini.

 <style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
.labl{color:#FF5F00;font-weight:bold;margin:0 -5px;

 
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
.labl a{color:#fff;}
.labl:first-letter{text-transform:uppercase;}
.new{color:#FF5F00;font-weight:bold;font-style:italic;}
.postname{font-weight:normal;background:#fff;margin-left: 35px;}
.postname li{border-bottom: #ddd 1px dotted;margin-right:5px}
</style>
<br />
<div id="toc">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/Pena-Indigo-Code@a134f9def601a6f77332eccc35d3d20e0d3c7e49/sitemappenaindigo.js" type="text/javascript"></script>
<script src="/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

4. Terakhir pastekan kode  yang Anda copy sebelumnya ke halaman edit HTML. Lihat gambar di bawah ini. Jika sudah klik Publikasikan. Maka Anda sudah berhasil membuat halaman sitemap.

Penutup :
Nah Sahabat Blogger Kuya, Itulah Tutorial Singkat Dari Saya Mengenai Cara Membuat Halaman About, Contact, Privacy, Disclaimer dan Sitemap di Blog, Bagaimana ? Mudah Bukan, Natikan Tutorial Selanjutnya Dari Blogger Kuya. Semoga Bermanfaat.

Subscribe to receive free email updates: