Cara Membuat Halaman Services Untuk Blog Supaya Terlihat Profesional
Assalamualaikum Wr,Wb.
Hay sobat bloggers, info inopatif kali ini akan berbagi cara membuat halaman service seperti about, contact us/me, term of services (TOS), disclaimer, Privacy policy dan sitemap agar blog yang kalian kelola menjadi lebih terlihat profesional.
"Mungkin sebagian dari kalian para blogger khususnya yang masih baru terjun ke dunia blogging tentu akan bertanya apa sih itu service page atau halaman services, apakah fungsi dari halaman services, dan apa itu merupakan hal yang wajib ada di blog kita."
Sebenarnya halaman service itu bisa dibilang cukup penting untuk kalian buat dan disematkan di blog kalian, alasanya adalah jika kalian memang ingin serius menjadi seorang blogger, maka kalian harus membuat halaman service tersebut supaya terlihat lebih profesional dan membuat pengunjung bisa mengontak kalian secara pribadi.
Selain dari itu, jika memang kalian ingin serius untuk menggeluti dunia blogging, maka halaman services sangatlah diwajibkan ada di blog kalian karena memiliki fungsi yang penting bagi pengunjung untuk mengetahui profil blog atau admin blog, proteksi atas konten yang tersedia, dan masih banyak lagi.
Jika kalian sudah mempunyai blog, dan blog kalian itu sudah memiliki sekitar 100 visitor per hari, meskipun kalian mencoba untuk mendaftarkan blog kalian ke website advertiser seperti adsense dan yang lainya, maka kemungkinan blog kalian untuk diterima amatlah kecil.
Alasan sederhananya adalah, sebelum blog kalian di lihat oleh orang lain, sudah jelas blog kalian akan dilihat terlebih dahulu oleh mesin pencari google, jika blog yang kalian kelola tidak memiliki halaman service, maka otomatis google juga tidak akan menganggap jika blog kalian hanya sekedar blog dengan versi beta (masih dalam tahap pengerjaan).
Tips yang info inopatif sarankan adalah, cek dahulu apakah blog kalian masih memiliki kekurangan atau memang di rasa sudah memiliki semua hal yang wajib ada pada blog kalian. Contoh simpel blog yang sudah bisa dianggap jadi adalah :
01. Sudah tidak di ubah-ubah template/tema
02. Sudah memiliki halaman About
03. Sudah memiliki halaman Contact
04. Sudah memiliki halaman Disclaimer
05. Sudah memiliki halaman Term of Services/Condition
06. Sudah memiliki halaman Privacy Policy
07. Sudah memiliki halaman sitemap
08. Sudah memiliki Artikel/Postingan
09. Blog sudah di daftarkan ke google webmaster tool.
Dengan sudah terpenuhinya sembilan indikator diatas maka bisa dibilang blog kalian sudah bisa dianggap selesai dan hanya tinggal melakukan update artikel/postingan di setiap harinya.
Jika kalian adalah orang yang masih baru dalam dunia blogging maka mungkin kalian akan merasa bingung bagaimana cara kalian membuat halaman sevice tersebut, namun tenang, info inopatif akan menjelaskan pengertian, fungsi dan cara membuat halaman services untuk blog secara simple.
Cara Membuat Halaman About
Halaman about us/me adalah salah satu halaman/page services yang cukup penting, halaman about ini berisi informasi tentang blog atau admin kalian, informasi yang harus kalian tulis disana adalah tentang semua yang berkaitan dengan blog kalian, mulai dari tema apa yang diusung untuk dibahas di blog kalian, tujuan blog kalian dibuat, dan masih banyak lagi, pada intinya halaman about adalah berisi semua informasi mengenai blog atau admin blog.
Cara membuat halaman about cukup mudah, kalian tinggal klik bagian halaman/page pada dashboard blogger kalian lalu beri judul about, dan tulislah informasi tentang blog kalian. Pada bagian setting/pengaturan, matikan komentar agar tidak ada pengunjung yang mengometari halaman about tersebut.
Cara Membuat Halaman Contact/Kontak
Halaman kontak dibuat dengan tujuan untuk memudahkan pengunjung blog untuk menghubungi admin, halaman ini sebenarnya sering kali jarang dibuat oleh kebanyakan blogger pemula karena biasanya bagi seorang blogger pemula akan lebih mengedepankan tampilan ketimbang isi dari blognya.
Halaman contact us/me ini sangat kami sarankan karena merupakan salah satu halaman penting yang wajib ada di blog kalian. Cara membuat halaman contact sebenarnya cukup mudah, kalian bisa pergi ke https://www.123formbuilder.com/ dan mulai membuat form contact kalian secara gratis.
Atau kalian copy/paste kode html dibawah ini untuk membuat halaman contact secara custome :
Jika sudah, kalian paste di halaman baru dengan menggunakan mode HTML, lalu ubah ID blog (kode warna merah) dengan ID blog kalian, biasanya ada dibagian atas tab pada mesin pencari yang kalian gunakan.
Tampilan halaman contact dengan membuatnya secara custome kurang lebih akan menjadi seperti ini.
Jangan lupa untuk mematikan komentar pada menu setting, jika sudah di publihs maka tampilanya akan seperti gambar dibawah ini :
Paste di halaman baru dengan judul sitemap, ganti URL (warna merah) dengan URL blogt kalian, maka hasilnya akan seperti gambar dibawah ini.
Hay sobat bloggers, info inopatif kali ini akan berbagi cara membuat halaman service seperti about, contact us/me, term of services (TOS), disclaimer, Privacy policy dan sitemap agar blog yang kalian kelola menjadi lebih terlihat profesional.
"Mungkin sebagian dari kalian para blogger khususnya yang masih baru terjun ke dunia blogging tentu akan bertanya apa sih itu service page atau halaman services, apakah fungsi dari halaman services, dan apa itu merupakan hal yang wajib ada di blog kita."
Sebenarnya halaman service itu bisa dibilang cukup penting untuk kalian buat dan disematkan di blog kalian, alasanya adalah jika kalian memang ingin serius menjadi seorang blogger, maka kalian harus membuat halaman service tersebut supaya terlihat lebih profesional dan membuat pengunjung bisa mengontak kalian secara pribadi.
Selain dari itu, jika memang kalian ingin serius untuk menggeluti dunia blogging, maka halaman services sangatlah diwajibkan ada di blog kalian karena memiliki fungsi yang penting bagi pengunjung untuk mengetahui profil blog atau admin blog, proteksi atas konten yang tersedia, dan masih banyak lagi.
Jika kalian sudah mempunyai blog, dan blog kalian itu sudah memiliki sekitar 100 visitor per hari, meskipun kalian mencoba untuk mendaftarkan blog kalian ke website advertiser seperti adsense dan yang lainya, maka kemungkinan blog kalian untuk diterima amatlah kecil.
Alasan sederhananya adalah, sebelum blog kalian di lihat oleh orang lain, sudah jelas blog kalian akan dilihat terlebih dahulu oleh mesin pencari google, jika blog yang kalian kelola tidak memiliki halaman service, maka otomatis google juga tidak akan menganggap jika blog kalian hanya sekedar blog dengan versi beta (masih dalam tahap pengerjaan).
Tips yang info inopatif sarankan adalah, cek dahulu apakah blog kalian masih memiliki kekurangan atau memang di rasa sudah memiliki semua hal yang wajib ada pada blog kalian. Contoh simpel blog yang sudah bisa dianggap jadi adalah :
01. Sudah tidak di ubah-ubah template/tema
02. Sudah memiliki halaman About
03. Sudah memiliki halaman Contact
04. Sudah memiliki halaman Disclaimer
05. Sudah memiliki halaman Term of Services/Condition
06. Sudah memiliki halaman Privacy Policy
07. Sudah memiliki halaman sitemap
08. Sudah memiliki Artikel/Postingan
09. Blog sudah di daftarkan ke google webmaster tool.
Dengan sudah terpenuhinya sembilan indikator diatas maka bisa dibilang blog kalian sudah bisa dianggap selesai dan hanya tinggal melakukan update artikel/postingan di setiap harinya.
Jika kalian adalah orang yang masih baru dalam dunia blogging maka mungkin kalian akan merasa bingung bagaimana cara kalian membuat halaman sevice tersebut, namun tenang, info inopatif akan menjelaskan pengertian, fungsi dan cara membuat halaman services untuk blog secara simple.
Cara Membuat Halaman About
Halaman about us/me adalah salah satu halaman/page services yang cukup penting, halaman about ini berisi informasi tentang blog atau admin kalian, informasi yang harus kalian tulis disana adalah tentang semua yang berkaitan dengan blog kalian, mulai dari tema apa yang diusung untuk dibahas di blog kalian, tujuan blog kalian dibuat, dan masih banyak lagi, pada intinya halaman about adalah berisi semua informasi mengenai blog atau admin blog.
Cara membuat halaman about cukup mudah, kalian tinggal klik bagian halaman/page pada dashboard blogger kalian lalu beri judul about, dan tulislah informasi tentang blog kalian. Pada bagian setting/pengaturan, matikan komentar agar tidak ada pengunjung yang mengometari halaman about tersebut.
Cara Membuat Halaman Contact/Kontak
Halaman kontak dibuat dengan tujuan untuk memudahkan pengunjung blog untuk menghubungi admin, halaman ini sebenarnya sering kali jarang dibuat oleh kebanyakan blogger pemula karena biasanya bagi seorang blogger pemula akan lebih mengedepankan tampilan ketimbang isi dari blognya.
Halaman contact us/me ini sangat kami sarankan karena merupakan salah satu halaman penting yang wajib ada di blog kalian. Cara membuat halaman contact sebenarnya cukup mudah, kalian bisa pergi ke https://www.123formbuilder.com/ dan mulai membuat form contact kalian secara gratis.
Atau kalian copy/paste kode html dibawah ini untuk membuat halaman contact secara custome :
<script>
var blogId = 'MASUKAN ID BLOG';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.';
var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.';
var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.';
var contactFormInvalidEmailMsg = 'Alamat email harus valid.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<div class="Form">
<form name="contact-form">
<p></p>
Nama
<br />
<input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
Email
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
Pesan
<span style='font-weight: bolder;'>*</span>
<br />
<textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<p></p>
<div style="max-width: 400px; text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>
var blogId = 'MASUKAN ID BLOG';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.';
var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.';
var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.';
var contactFormInvalidEmailMsg = 'Alamat email harus valid.'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<div class="Form">
<form name="contact-form">
<p></p>
Nama
<br />
<input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<p></p>
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<p></p>
Pesan
<span style='font-weight: bolder;'>*</span>
<br />
<textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<p></p>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<p></p>
<div style="max-width: 400px; text-align: center; width: 100%;">
<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
</div>
</form>
</div>
Jika sudah, kalian paste di halaman baru dengan menggunakan mode HTML, lalu ubah ID blog (kode warna merah) dengan ID blog kalian, biasanya ada dibagian atas tab pada mesin pencari yang kalian gunakan.
Tampilan halaman contact dengan membuatnya secara custome kurang lebih akan menjadi seperti ini.
Jangan lupa untuk mematikan komentar pada menu setting, jika sudah di publihs maka tampilanya akan seperti gambar dibawah ini :
Cukup Mudah bukan, silahkan kalian buat halaman contact di blog kalian agar terlihat makin kece.
Cara Membuat Halaman Disclaimer, TOS Dan Privacy Policy
Tiga halaman ini merupakan sebuah halaman yang wajib ada di blog kalian, halaman disclaimer berfungsi untuk memproteksi kalian sebagai admin dari permintaan pertanggung jawaban pengunjung jika terjadi kesalahan.
Contoh kecil nya adalah jika ada pengunjung yang mengikuti tutorial yang kalian berikan di blog, lalu mereka melakukan kesalahan, maka pengunjung tersebut tidak bisa menyalahkan dan tidak bisa meminta pertanggung jawaban dari kalian.
Namun perlu kalian ingat, dalam dunia internet, khususnya di Indonesia ada undang-undang yang mengatur tentang kejahatan internet atau cyber crime, jadi janganlah kalian untuk mencoba membuat blog dengan niat untuk menipu orang lain.
Untuk membuat halaman disclaimer, term of services dan privacy policy sebenarnya cukup mudah, silahkan kalian kunjung website http://www.privacypolicyonline.com/
Di website ini kalian bisa membuat halaman discalimer, term of services dan privacy policy secara gratis dan cepat, kalian tinggal mengisi kolom seperti contoh gambar diatas, jika sudah, kalian tinggal scroll mouse atau arahkan halamnya ke bawah lalu pilih generate HTML.
Setelah kalian melakukan generate, copy semua kode HTML nya ke halaman baru dengan menggunakan mode HTML, paste kode HTML tersebut lalu berikan judul disclaimer, term of services dan privacy policy masing-masing di buat dalam halaman yang terpisah.
Cara Membuat Sitemap
Sitemap atau daftar isi adalah sebuah halaman yang cukup penting untuk kalian buat agar memudahkan pengunjung melihat semua artikel atau postingan pada blog kalian. Cara membuat sitemap cukup mudah, kalian copy script dibawah ini.
<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>
<br />
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "https://infoinopative.blogspot.com//", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC", // A "no thumbnail" URL
monthNames: [ // Array of month names
"Januari",
"Februari",
"Maret",
"April",
"Mei",
"Juni",
"Juli",
"Agustus",
"September",
"Oktober",
"November",
"Desember"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: ' – <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="//cdn.rawgit.com/tovic/dte-project/2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script>
Paste di halaman baru dengan judul sitemap, ganti URL (warna merah) dengan URL blogt kalian, maka hasilnya akan seperti gambar dibawah ini.
Jika sudah membuat semua halaman services yang telah dijelaskan diatas, maka kalian tinggal membuat postingan sebanyak-banyaknya agar makin memperkaya konten di blog kalian. Selain itu daftarkanlah blog kalian ke google web master tool agar terindex oleh mesin pencari google.
Untuk cara memasang halaman service sendiri sangatlah mudah, setelah kalian selesai membuat halaman tersebut contohnya seperti halaman contcat, kalian klik view/lihat maka akan terbuka sebuah tab baru dan akan tampil URL seperti ini https://urlblogkalian.blogspot.com/p/contact.html.
Setelah itu kalian copy url tersebut, lalu kembali ke dashboard blogger dan pilih theme/tema dan pilih edit HTML. Setelah itu kalian tekan ctrl+f untuk memudahkan pencarian. Kalian ketikan nama contact yang telah kalian tulis sebelumya, lalu pada bagian submenu ini "<li><a href='#' itemprop='url'><span itemprop='name'>contact</span></a></li>", kalian tinggal menganti tanda (#) dengan URL halaman contact yang telah kalian copy tadi. Pastekan di tempat tanda pagar (#), pastikan kalian sudah menghapus tanda pagar tersebut sebelum mempastekan URL tadi.
Done, silahkan kalian klik save/simpan, lalu coba lihat blog kalian dan cobalah untuk mengklik menu contact, maka hasilnya akan keluar halaman contact.
alhamdulillah kelar sudah halaman servis saya di navibar gan.
BalasHapusTerimakasih artikelnya sangat membantu
Sama-sama gan, trimakasih sudah berkunjung:D
BalasHapus