Suatu website atau blog akan lebih berkualitas serta akan menjadi perhatian khusus terutama oleh google adsense bagi yang kebetulan ingin mendaftar di google adsense atau ingin beraffiliasi dengan situs-situs besar lainnya, karena dengan dibuatnya halaman privacy policy, Contact, About me, Sitemap atau daftar isi dan Disclaimer/TOS pada sebuah blog atau website menunjukan bahwa pemilik blog atau website tersebut dianggap memiliki keseriusan dan terlihat sebagai profesional.
Pada kesempatan kali ini yang akan caranecom bahas adalah :
1. Membuat Halaman Contact Us
2. Membuat Halaman Privasi Policy
3. Membuat Halaman About Me
4. Membuat Halaman Sitemap/Daftar isi
5. Membuat TOS (Terms Of Services)
Kita langsung pada pembahasan :
1. Membuat Halaman Contact Us
Contact Us adalah sebuah halaman informasi yang terdapat form yang digunakan untuk pengunjung blog menghubungi pemilik atau admin blog/website untuk memberikan pesan atau kesan secara langsung.
Berikut adalah langkah mudah pembuatannya :
1. Pada Dashboard blog pilih Halaman dan Buat Halaman baru
2. Buat judul Misal : Contact Us
3. Pilih HTML
4. Copy dan Pastekan kode di bawah ini pada halaman di (HTML)
<div style="text-align: center;">
<span style="font-size: large;"><b>CONTACT US</b></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Selamat datang di Website Kami</span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Terima kasih atas kunjungan anda, jangan ragu untuk menghubungi kami untuk memberi saran dan masukan atau ingin berbagi tentang informasi, selama informasi itu dibutuhkan untuk kebaikan bersama dan untuk tujuan mulia, dan kami <span style="color: blue;"><i><b>caranecom</b></i></span> berharap dapat membantu segala kebutuhan informasi yang berhubungan dengan segala hal yang unik dan menggairahkan untuk dibahas yang berkaitan dengan tujuan kebaikan bersama.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Kontak :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Website : https://caranecom.blogspot.com</span> </li>
<li><span style="font-size: large;">E-mail : herwantonaris@gmail.com </span></li>
<li><span style="font-size: large;"><span style="color: blue;">Phone </span> :082310100168</span></li>
</ul>
<br /><div style="text-align: justify;">
<span style="font-size: large;"><b>Social Media :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Tweeter</span></li>
<li><span style="font-size: large;"><span style="color: blue;">Facebook</span></span></li>
<li><span style="font-size: large;">Google Plus</span></li>
<li><span style="font-size: large;">Instagram</span></li>
<li><span style="font-size: large;">Whatsapp </span></li>
<li><span style="font-size: large;">Line</span></li>
</ul>
<div style="text-align: justify;">
<span style="font-size: large;">TERIMA KASIH</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: large;">Jangan ragu untuk menghubungi kami</span><br />
<span style="font-size: large;"><span style="font-size: small;">Name:</span> </span><br />
<span style="font-size: large;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></span>
</div>
<div class="widget ContactForm" id="ContactForm1" style="text-align: justify;">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">E-mail:</span></span><br />
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></span>
</div>
<div style="text-align: left;">
<span style="font-size: small;">Website:</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="website" size="30" type="text" value="" /></span>
</div>
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">Message: </span></span><br />
<span style="font-size: large;"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 103px; width: 221px;"></textarea></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" /></span>
</div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
</form>
</div>
</div>
</div>
<span style="font-size: large;"><b>CONTACT US</b></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Selamat datang di Website Kami</span></div>
<div style="text-align: justify;">
<span style="font-size: large;">Terima kasih atas kunjungan anda, jangan ragu untuk menghubungi kami untuk memberi saran dan masukan atau ingin berbagi tentang informasi, selama informasi itu dibutuhkan untuk kebaikan bersama dan untuk tujuan mulia, dan kami <span style="color: blue;"><i><b>caranecom</b></i></span> berharap dapat membantu segala kebutuhan informasi yang berhubungan dengan segala hal yang unik dan menggairahkan untuk dibahas yang berkaitan dengan tujuan kebaikan bersama.</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><b>Kontak :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Website : https://caranecom.blogspot.com</span> </li>
<li><span style="font-size: large;">E-mail : herwantonaris@gmail.com </span></li>
<li><span style="font-size: large;"><span style="color: blue;">Phone </span> :082310100168</span></li>
</ul>
<br /><div style="text-align: justify;">
<span style="font-size: large;"><b>Social Media :</b></span></div>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Tweeter</span></li>
<li><span style="font-size: large;"><span style="color: blue;">Facebook</span></span></li>
<li><span style="font-size: large;">Google Plus</span></li>
<li><span style="font-size: large;">Instagram</span></li>
<li><span style="font-size: large;">Whatsapp </span></li>
<li><span style="font-size: large;">Line</span></li>
</ul>
<div style="text-align: justify;">
<span style="font-size: large;">TERIMA KASIH</span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><br /></span></div>
<div style="text-align: left;">
<span style="font-size: large;">Jangan ragu untuk menghubungi kami</span><br />
<span style="font-size: large;"><span style="font-size: small;">Name:</span> </span><br />
<span style="font-size: large;"><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></span>
</div>
<div class="widget ContactForm" id="ContactForm1" style="text-align: justify;">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">E-mail:</span></span><br />
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></span>
</div>
<div style="text-align: left;">
<span style="font-size: small;">Website:</span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-email" id="ContactForm1_contact-form-email" name="website" size="30" type="text" value="" /></span>
</div>
<div style="text-align: left;">
<span style="font-size: large;"></span></div>
<div style="text-align: left;">
<span style="font-size: large;"> <span style="font-size: small;">Message: </span></span><br />
<span style="font-size: large;"><textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="height: 103px; width: 221px;"></textarea></span></div>
<div style="text-align: left;">
<span style="font-size: large;"><input class="contact-form-button contact-form-button-submit fa-user" id="ContactForm1_contact-form-submit" type="button" value="Submit" /></span>
</div>
<div style="text-align: center;">
<span style="font-size: large;"><br /></span></div>
</form>
</div>
</div>
</div>
5. Hasil ilustrasinya akan seperti gambar dibawah ini :
6. Kemudian ubah tulisan berwarna merah Selanjutnya klik Publish
Mengenai Form Contact penulis lebih menggunakan Contact Form Standard bawaan blogger dengan cara yang sangat mudah dan langsung terhubung ke email kita caranya seperti berikut :
a. Pada dashboard blog pilih Tata letak
b. Klik Tambah Gadget sesuai pilihan dan selera anda di bawah tengah atau bawah samping
c. Gulir kebawah hingga menemukan Form Kontak seperti yang terdapat kotak merah
d. Pada bagian ini silahkan beri judul misalnya Contact Me kemudian klik Simpan
Selesai
Atau jika ingin mendapatkan kode lain beserta formnya anda bisa mengunjungi Situs Inikemudian Sign Up dan mengikuti panduan dengan mengisi form yang disediakan serta mengedit sendiri, setelah mendapatkan kode HTMLnya lakukan seperti cara nomor 4.
Selesai.
Jika anda ingin menempatkan contact us pada laman blog seperti diatas atau seperti gambar dibawah ini :
* Pada Dashboard Blog silahkan klik Tata Letak
* Klik Edit Pada Seluruh Kolom
* Pada page konfigurasi halaman sudah terdapat Laman Contact Me yang telah kita buat sebelumnya dilaman tadi, kemudian klik pada box Contact Me untuk mencentang, klik simpan.
2. Membuat Halaman Privacy Policy
Privacy Policy adalah suatu dokumen kebijakan yang berisi privasi yang sengaja dibuat oleh pemilik blog/website agar pengunjung mengetahui ketentuan serta kebijakan yang dibuat untuk blog/website tersebut sehingga pengunjung blog akan mematuhi peraturan dan ketentuan yang ada pada blog/website tersebut, bisa lihat contohnya pada privacy policy blog caranecom ini.
Berikut adalah langkah panduan membuat Privacy Policy sangat mudah :
a. Buka Link Generate Disini
b. Isi informasi kontak yaitu :
1. Nama blog anda
2. Alamat url blog Anda
3. Link Contact yang telah kita bahas diawal
4. Alamae e-mail
c. Pada info cookies pilih saja Yes, Apa itu Coockies baca Disini
d. Info Iklan di website anda silahkan pilih dan centang pengiklan contoh Adsense atau Chitika
e. Klik Generate Policy atau Generate HTML
f. Jika ingin berbahasa Indonesia Copy Hasil Generate Policy Paste Di Google Translate
g. Copas hasil generate HTML paste di halaman baru pilih HTML beri judul Privacy Policy.
h. Publish
Selesai
3. Membuat halaman About Me
About Me adalah isi halaman/page yang menginformasikan tentang kita sebagai pemilik blog/website yang menampilkan identitas pemilik blog atau blog/website itu sendiri. Dengan adnya About Me pada blog/website secara otomatis memberikan rasa kepercayaan kepada blog tersebut karena berani memberikan identitas.
Bagaimana cara membuat About Me pada Blog dengan mudah :
a. Buat Halaman Baru beri judul, upload foto dan tulis tentang diri anda. Contoh :
b. Setelah selesai menulis kemudian klik HTML, block semua tulisan atau CTRL+A kemudian Copy
c. Tutp halaman kemudian pada dashboard blog anda pilih Tata Letak, kemudian tambahkan Gadget dan pilih HTML/JavaScript klik tanda + (plus), seperti gambar dibawah.
d. Pada page ini isikan nama judul kemudian pastekan hasil dari halaman yang HTML di kolom box dibawah kemudian klik Simpan.
e. Sampai disini anda telah berhasil membuat page About Me.
f. Untuk menempatkan About Me pada laman Blog ikuti panduan yang sama seperti pada pada Contact Us dengan cara yang sama.
Selesai
4. Membuat Sitemap/Daftar isi
Daftar isi bisa juga dikatakan sebagai peta yang berfungsi memberikan petunjuk tertang isi atau pokok dari suatu daftar yang menunjukan letak-letak suatu bagian makalah atau artikel jika pada blog/website.
bagaimana Cara memuat Sitemap/Daftar Isi Secara Otomatis dan sangat Mudah :
a. Buat Halaman Baru
b. beri Judul Misal : Daftar Isi
c. kemudian pilih HTML
d. Copy dan Pastekan Kode dibawah pada halaman tersebut
<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:-moz-linear-gradient(right,#C2EAFE 0%,#055A85 40%);
background:-webkit-gradient(linear,left 10,right 80,color-stop(0.20,#055A85),color-stop(1,#C2EAFE));
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{t
ext-transform:uppercase;
}
.new{
color:#FF5F00;
font-weight:bold;
font-style:italic;
}
.postname{
font-weight:normal;
background:-moz-linear-gradient(right,#C2EAFE 0%,#fff 40%);
background:-webkit-gradient(linear,left 80,right 10,color-stop(0.60,#fff),color-stop(1,#C2EAFE));
}
.postname li{
border-bottom: #ddd 1px dotted;
margin-right:5px
}
</style>
<br />
<div id="toc">
<script src="https://makingdifferent.github.io/blogger-widgets/sitemappage.js" type="text/javascript"></script>
<script src="https://website403.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script></div>
e. Ganti Tulisan berwarna merah dengan alamat url blog anda
f. Klik simpan dan publish
Selesai
Dengan menggunakan kode diatas maka tampilan halaman daftar isi blog anda akan tersusun secara otomatis yang disesuaikan menurut label masing-masing, dan setiap anda selesai membuat postingan dan mempublish maka secara otomatis akan masuk sendiri pada daftar isi tersebut. contoh seperti gambar dibawah ini :
Selesai
5. Membuat TOS (Term Of services)
Cara membuat TOS (Term Of Services) dan atau Disclaimer langkah-langkahnya sama seperti membuat Privacy Policy yang telah kita bahas diatas, Bedanya anda hanya tinggal meng klik pada kotak merah seperti pada gambar dibawah memilih membuat TOS (Term of Services) atau Disclaimer, kemudian isi semua data yang diminta seperti yang ditunjukan anak panah warna merah.
Selesai
Demikian artikel Cara membuat Privacy Policy, Daftar Isi, atau sitemap, About Me, Contact dan TOS yang bisa diterapkan sebagai standard penentu kelayakan diterima dan tidaknya Jika mendaftar di Google Adsense.
Terima Kasih Semoga Bermanfaat
Tidak ada komentar:
Posting Komentar