Cara Membuat Halaman Statis dan Menempatkan pada Blogspot

Teguh.info – Dengan membuat dan menempatkan halaman statis pada blogspot, tingkat kepercayaan pada blog Anda juga akan meningkat. Artinya blog Anda akan semakin mudah untuk diterima ketika Anda berniat untuk mendaftarkannya pada program google Adsense untuk mendapatkan penghasilan pasif dari blog. Dan, setelah Anda mengetahui pentingnya halaman statis pada blog Anda, sekarang kita akan bersama-sama membuat halaman statis tersebut. Sebernarnya cukup mudah dalam membuat halaman statis yang akan Anda tempatkan pada blog. Ada banyak tutorial yang menjelaskan tentang Cara Membuat Halaman Statis. Kali ini, teguh akan  merangkumnya dengan lengkap. Berikut ini adalah cara membuat halaman statis.

Cara Membuat Halaman Statis

1# Privacy Policy atau Kebijakan Privasi

Masuk ke situs privacypolicyonline.com

Anda dapat membuat privacy policy, disclaimer dan TOS (term of service) dengan mudah melalui halaman Privacy Policy online. Situs tersebut menyediakan layanan generator privacy policy yang dapat Anda gunakan.

Cara Membuat Halaman Statis  privacy policy

Setelah Anda menuju situs tersebut, Anda dapat memilih generate privacy policy. Anda akan menuju ke halaman baru.

Masukkan data blog Anda

Masukkan Nama blog dan Alamat URL blog Anda (contohnya: https://blogteguhinfo.blogspot.com) lalu klik tombol NEXT

Cara Membuat Halaman Statis  1

Lalu Anda masukkan data blog Anda kembali mengenai cookies, Adsense, Iklan lain selain google dan Lokasi blog Anda. Setelah diisi klik NEXT

Cara Membuat Halaman Statis  2

Terakhir adalah memasukkan alamat email Anda dan klik Create Privacy Policy

privacy policy

Setelah itu, Anda tinggal mengcopy privacy policy yang sudah degenerate

Cara Membuat Halaman Statis  privacy policy 3

Membuat Halaman Privacy Policy pada blog

Bukalah panel Dashboard blogspot Anda lalu klik Halaman>Halaman Baru

Cara Membuat Halaman Statis  blog

Setelah Anda membuka halaman, pastekan privacy policy yang sudah Anda copy tadi ke halaman baru Anda. Jangan lupa untuk membuat judulnya dan matikan komentar pada halaman Anda.

Cara Membuat Halaman Statis  5

Setelah itu, Publikasikan Halaman Privacy Policy Anda

READ  Soft Skill Wajib Pengusaha Yang Perlu Dikuasai

2# Disclaimer

Anda juga dapat membuat Disclaimer melalui privacy policy online, langkahnya hampir sama dengan cara membuat Privacy policy

Masuk ke situs privacypolicyonline

Masih sama, namun Anda scroll halaman privacy policy ke bawah sampai menemukan generate disclaimer.

Cara Membuat Halaman Statis  disclaimer

Masukan data blog Anda

Disini Anda juga memasukkan Nama blog dan alamat blog Anda lalu klik NEXT

disclaimer

Lalu masukkan lokasi dan data blog Anda kemudian klik CREATE DISCLAIMER

Cara Membuat Halaman Statis  disclaimer

Langkah selanjutnya sama, Copy Disclaimer yang sudah di generate

Cara Membuat Halaman Statis  disclaimer copy

Membuat Halaman Disclaimer pada blog

Buat halaman baru untuk membuat Halaman Disclaimer Anda. Pastekan disclaimer yang baru saja Anda copy pada halaman baru tersebut. Jangan lupa juga untuk membuat judul dan mematikan kolom komentar lalu klik Publikasikan

disclaimer blog

3# Term And Condition

Langkah dalam membuat TOS masih sama dengan cara membuat privacy policy dan disclaimer yaitu dengan membuat melalui situs privacy policy online lihat gambar diatas, lalu klik generate Term And Condition

Masukan data blog Anda

Masukan nama blog dan URL blog Anda lalu klik NEXT

TOS

Masukan Lokasi Blog Anda

Masukkan juga lokasi dan alamat email Anda lalu klik Create Terms And Condition.

TOS Generator

Setelahnya, copy Term and condition yang di generate pada halaman ini

TOS genrator download

Membuat Halaman Term And Condition

Buat halaman baru untuk membuat Halaman TOS Anda. Pastekan TOS yang baru saja Anda copy pada halaman baru tersebut. Jangan lupa juga untuk membuat judul dan mematikan kolom komentar lalu klik Publikasikan

TOS Halaman blog

4# Contact atau Kontak

Anda dapat memasukan kontak Anda pada blog dan menuliskan bagaimana cara pengunjung dapat menghubungi Anda. Namun Biasanya blogger menggunakan form khusus yang dibuat dengan menggunkana kode HTML. Jika anda ingin membuat kontak form pada blog, Anda dapat membuat halaman baru.

Membuat kontak

Lalu gantilah mode tampilan penulisan dengan mode tampilan HTML, copy script HTML berikut ini

<script>
var blogId = '134777113111111111';
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>
paste HTML script

Setelah itu publikasikan halaman yang Anda buat. Atau Anda dapat melihat pratinjaunya terlebih dahulu.

kontak blog

5# Sitemap atau Peta Situs

Buatlah halaman baru untuk peta situs Anda. Alih-alih menggunakan mode tampilan Menulis, Anda akan menggunakan mode Tampilan HTML

html code sitemap blog

Setelah Anda masuk mode tampilan HTML, masukkan kode berikut ini.

READ  Cara Memilih Template Blogger SEO Friendly

Copy Script HTML ini dan pastekan pada halaman yang anda buat

<style type="text/css">
#toc{width:99%;margin:5px auto;border:1px solid #df772d;
-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: #08484f;
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>
sitemap blogspot Cara Membuat Halaman Statis

Jangan lupa untuk memberi judul dan menonkatifkan komentar. Setelah itu Anda publikasikan. Anda dapat memuat pratinjaunya terlebih dahulu jika belum merasa yakin. Tampilannya akan seperti gambar dibawah ini.

Cara Membuat Halaman Statis  sitemap

6# About

Silahkan Anda membuat halaman baru untuk menggambarka blog atau Anda sendiri. Ceritakan pada pengunjung blog Anda sesuai dengan gambaran yang nyata pada diri Anda sendiri. Jika sudah mantap Anda dapat mempublikasikanya dengan mengklik Publikasikan

Cara menempatkan Halaman Statis Pada Blogspot

Pada postingan sebelumnya Anda menggunakan tema contempo light. Jadi Anda akan menempatkan Halaman Statis Anda pada Bilah sisi Bawah.

Pilih layout atau tata letak pada Dashboard blog lalu klik ikon pensil pada MENU (lihat gambar dibawah)

layout

Halaman yang Anda buat akan secara otomatis masuk ke daftar menu, Anda tinggal mencentang semua halaman yang sudah Anda buat. Lalu scroll ke bawah klik SIMPAN

halaman statis blogspot

Setelah itu jangan lupa untuk klik icon disk untuk menyimpan perubahan pada tema blog Anda.

simpan

Sekarang lihat klik LIHAT BLOG. Anda akan melihat perubahan pada menu bilah sisi blog Anda. Halaman statis atau Identitas Anda sudah berhasil ditambahkan pada blog.

Cara Membuat Halaman Statis  pratinjau

Demikianlah Tutorial Membuat dan Menempatkan Halaman Statis pada Blogspot. Setelah menempatkan Halaman statis pada blog, sekarang blog Anda sudah memiliki Identitas yang dapat meningkatkan kepercayaan pengunjung dan Performa Blog Anda. Semoga Bermanfaat

READ  Cara membuat blog untuk mendapat penghasilan sampingan

Anda dapat mengunduh Tutorial ini dalam bentuk PDF melalui tautan dibawah ini

DOWNLOAD TUTORIAL

Satu pemikiran pada “Cara Membuat Halaman Statis dan Menempatkan pada Blogspot”

Tinggalkan komentar