Cara Membuat Halaman Pelengkap Pada Blog (About, Contact, Disclaimer, Privacy Policy dan Sitemap) Lengkap Dengan Fungsi

Fungsi Halaman About, Contact, Disclaimer, Privacy Policy, Sitemap


Bloggku.com-Cara Membuat Pelengkap Pada Blog (About, Contact, Disclaimer, Privacy Policy dan Sitemap) bagi seorang blogger belum afdol jika blognya belum terdapat halaman pelengkap seperti About, Contact, Disclaimer, Privacy Policy dan Sitemap, halaman pelengkap ini memiliki fungsinya dan kegunaannya masing-masing, sebagai contoh;

Fungsi Halaman About, Contact Disclaimer, Privacy Policy dan Sitemap.



  • Halaman About berguna untuk memberikan gambaran isi dari blog kita dan memberikan informasi kepada pengunjung blog bahwa blog yang dikunjungi berisi seperti apa yang ada di Halaman About, maka dari itu buatlah Halaman About sesuai dengan apa yang ada didalam blog kalian masing-masing.
  • Halaman Contact berguna untuk mempermudah pengunjung agar bisa menghubungi kalian melalui email blog yang terdapat pada blog, atau bisa juga seorang mengajak kerja sama dibidang pengiklanan, dan membuat keuntungan pada blog kalian. 
  • Halaman Disclaimer berguna untuk memberikan informasi terhadap pengujung blog bahwasanya sesuatu apapun yang pengunjung lakukan pada blog kalian sepenuhnya tanggung jawab pengunjung tersebut, seperti contoh; jika kalian berkomentar pada bloggku.com menyindir oknum/organisasi lalu organisasi tersebut tidak terima maka bloggku.com tidak bertanggung jawab atas semua itu, apapun komentar yang kalian tulis sepenuhnya tanggung jawab kalian sendiri, itu sudah tertulis pada Halaman Disclaimer. Kebal terhadap hukum yang dilakukan pengunjung jika terjadi sesuatu yang tidak diinginkan. " selagi blog kalian tidak mengandung unsur kebencian dan unsur negatif, maka kalian aman"
  • Halaman Privacy Policy berguna untuk memberikan bukti bahwa siapa pemilik blog sebenarnya, dan berguna juga seperti Halaman Contact yang dimana jika suatu hari pengunjung blog ingin mencari informasi siapa pemilik tersebut, pengunjung dapat menghubungi email yang terdapat pada halaman Privacy Policy. 
  • Halaman Sitemap berguna untuk mempermudah pengunjung blog melihat daftar isi yang terdapat pada blog kalian, seperti menampilkan semua judul artikel yang terdapat pada blog kalian (ada yang menampilkan sesuai Label dan ada juga yang sesuai urutan, tergantung kalian mau menggunakan yang mana)

Diatas adalah beberapa fungsi halaman pada blog dan kegunaan dari halaman yang akan kita buat, jika memang ada halaman yang tidak diperlukan bisa kalian skip/lewat.

Kelima halaman diatas berguna juga untuk seorang blogger yang ingin menjadi publisher adsense, kenapa ? Karena menurut pakar adsense/para senior blogger, hal yang wajib sebelum mendaftar blog ke Google Adsense adalah melengkapi kelima halaman tersebut karena memberikan nilai plus dimata Google Adsense dan mempermudah pendaftaran Google Adsense.

Mungkin masih banyak lagi fungsi dari kelima halaman diatas, tetapi apa daya yang saya ketahui hanya sebagaian saja, jika ada yang kurang tambahkan pada kolom komentar.

Setelah kita mengetahui fungsi dan kegunaan dari kelima halaman tersebut apakah kalian masih tidak ingin membuatnya ? Membuat kelima halaman tersebut sangatlah gratis, dan itupun demi keamanan kalian dan blog kalian. Jika tertarik berikut adalah tutorial cara membuat kelima halaman tersebut;

Cara Membuat Halaman Posting Pada Blog


Saya rasa semuanya sudah jelas fungsi dan kegunaan dari kelima halaman tersebut, kelima halaman tersebut tidak bisa kita buat sekaligus menjadi satu melainkan bertahap, baiklah kita mulai dari Halaman About

  • Halaman About
Membuat halaman About bisa kalian lakukan dengan cara ketik/tulis secara manual, halaman About berisi gambaran yang terdapat pada blog kalian, jadi buatlah Halaman About yang benar-benar berisi tentang apa yang blog kalian bahas pada setiap postingan artikel.
  • Halaman Contact 
Terdapat dua cara untuk membuat halaman Contact yaitu dengan cara online melalui 123frombuilder atau kalian bisa membuatnya secara manual berikut adalah caranya;
Buat halaman baru => ubah mode penulisan menjadi HTML, dan paste kode dibawah ini.

 <style scoped="scoped">
.blanterinput{float:none;position:relative;margin-bottom:45px;margin-right:10px}.blanterinput input,.blanterinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.blanterinput input:focus,.blanterinput textarea:focus{outline:none}.blanterinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s ease all}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:14px;color:#07ACEC}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#07ACEC;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.blanterinput input:focus ~ .bar:before,.blanterinput input:focus ~ .bar:after,.blanterinput textarea:focus ~ .bar:before,.blanterinput textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.blanterinput input:focus ~ .highlight,.blanterinput textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.blanterinput input:focus ~ label,.blanterinput input:valid ~ label,.blanterinput textarea:focus ~ label,.blanterinput textarea:valid ~ label{top:-20px;font-size:13px;color:#07ACEC}
input#ContactForm1_contact-form-email-message{height:150px}
input#ContactForm1_contact-form-submit{color:#fff!important;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;float:left;margin-top:15px}
input#ContactForm1_contact-form-submit:hover{box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
#ContactForm1_contact-form-error-message{float:right;background:#D32F2F;color:#fff;font-size:13px;font-weight:700;border-radius:3px}#ContactForm1_contact-form-success-message{float:right;background:#4CAF50;color:#fff;font-size:13px;font-weight:700;border-radius:3px}
</style>

<form name="contact-form">
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-name" name="name" required="" type="text" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Name</label>
</div>
<div class="blanterinput">
<input class="validate" id="ContactForm1_contact-form-email" name="email" required="" type="email" value="" />
<span class="highlight"></span>
<span class="bar"></span>
<label>Email</label>
</div>
<div class="blanterinput">
<textarea class="validate" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" required="" rows="5"></textarea>
<span class="highlight"></span>
<span class="bar"></span>
<label>Message</label>
</div>
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />

<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</form>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2620543567288745077';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2620543567288745077','//bloggku.com/','2620543567288745077');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': '<span style="padding:5px 10px">Sending...</span>', 'contactFormMessageSentMsg': '<span style="padding:5px 10px">Your message has been sent.</span>', 'contactFormMessageNotSentMsg': '<span style="padding:5px 10px">Message could not be sent. Please try again later.</span>', 'contactFormInvalidEmailMsg': '<span style="padding:5px 10px">A valid email address is required.</span>', 'contactFormEmptyMessageMsg': '<span style="padding:5px 10px">Message field cannot be empty.</span>', 'title': 'Contact Form', 'blogId': '2620543567288745077', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script> 

Silakan kalian ganti bloggku.com dengan alamat url blog kalian.
Ganti juga kode id blog dengan milik kalian cari kode berikut 2620543567288745077.
Untuk merubah warna kalian cari kode #07ACEC.
Saya sarankan untuk menggunakan Contact manual ini, lebih bersih dan responsif.

  • Halaman Disclaimer
Untuk membuat Halaman Disclaimer kita membutuhkan tools yang berbasis Web.
Silakan masuk ke Disclaimers Online.
Your Site Title => Nama Blog Kalian
Your Site URL => Masukan Url blog kalian
Contact Link => Masukan Saja Email Kalian
Email Address => Masukan Alamat Email Kalian
Setelah semuanya terisi maka kalian klik Generate Disclaimer.


Setelah kalian klik Generate Disclaimer maka di halaman selanjutnya akan muncul sebuah kode HTML, silakan copy kode HTML tersebut kedalam Halaman baru => Buat Halaman baru dan ubah mode penulisan ke HTML letakkan kode tersebut kedalam halaman tadi dan simpan halaman.
  • Halaman Privacy Policy
Tools yang kita gunakan sama dengan Disclaimer, tetapi berbeda cara, silakan kalian buka Generate Privacy Policy Setelah kalian buka silakan kalian isi sesuai identitas blog milik kalian.

Your Site Title => Nama Blog Kalian
Your Site URL => Masukan Url blog kalian
Contact Link => Masukan Saja Email Kalian
Email Address => Masukan Alamat Email Kalian
Pada bagian Advertisers On Your Site, saya pribadi memilih semuanya, itu tergantung kalian.



Jika semuanya sudah diisi lalu klik Generate HTML, copy semua kode yang ada di halaman selanjutnya, buat halaman baru ubah ke HTML dan letakkan kode tersebut kedalaman halaman tadi. Simpan dan publikasikan, jika ada terjadi error saat menyimpan/publikasikan klik tulisan perbaiki berwarna merah diatas sampai tulisan berwarna merah tersebut hilang.
  • Halaman Sitemap
Untuk membuat Halaman Sitemap, sudah saya buatkan secara terpisah silakan kalian baca disini Cara Membuat Halaman Sitemap Responsif.

Jangan lupa untuk memberikan judul pada setiap halaman yang kalian buat.

Saya rasa cukup mudah cara membuat halaman di blogger, dengan begitu blog kalian terlihat profesional dan tentunya sudah memenuhi syarat google adsense blogger.

Saya rasa dengan adanya artikel Cara Membuat Halaman Pelengkap Pada Blog (About, Contact, Disclaimer, Privacy Policy dan Sitemap), sekarang kalian sudah bisa membuatnya, jika ada yang kurang dimengerti atau ada koreksi mohon tinggalkan jejak pada kolom komentar dibawah 


4 Responses to "Cara Membuat Halaman Pelengkap Pada Blog (About, Contact, Disclaimer, Privacy Policy dan Sitemap) Lengkap Dengan Fungsi"

  1. Nah kalau yg begini ane bisa dikit2 Gan. Tp kalau sdh harus Edit HTML ane nyerah Gan. Maklum nggak ngerti blas dgn HTML. Hehehehe

    Tutorialnya bagus dan bermanfaat Gan. Makasih

    ReplyDelete
  2. wah suhu nih thanks bro :D

    ReplyDelete
  3. WIN323 - Merupakan Situs Online Betting NO.1 Di Indonesia.
    Dengan WIN RATE tertinggi 97% + Bonus Bonus Super Heboh yang bisa
    anda dapatkan setiap hari nya!!

    Bonus Bonus Super Heboh Dari WIN323
    ~ Bonus New Member : 20%
    ~ Bonus Next Deposit : 5%
    ~ Bonus Cash Back : 5%

    Minimal Deposit : Rp.25.000
    Minimal Withdraw : Rp.25.000

    Tunggu apalagi mari langsung bergabung bersama WIN323 dan jadilah
    pemenang di setiap taruhan yang Bossku lakukan :)

    Contact Person WIN323 :
    WA : +855 7863 3430
    WA : +855 7863 3425
    Line: Official.win323

    ReplyDelete

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel