Cara Membuat Halaman Statis

Cara Membuat Halaman Statis dan Menempatkan pada Blogspot

Cara Membuat Halaman Statis dan Menempatkan pada Blogspot – 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, bloggers 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.

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

Baca Juga : Pengaturan layout template blog untuk pemula

Masukkan data blog Anda

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

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

Terakhir adalah memasukkan alamat email Anda dan klik Create Privacy Policy

Baca Juga : Cara Membuat Posting Artikel Pada Blogspot

Setelah itu, Anda tinggal mengcopy privacy policy yang sudah degenerate

Membuat Halaman Privacy Policy pada blog

Bukalah panel Dashboard blogspot Anda lalu klik Halaman>Halaman Baru

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.

Baca Juga  2 Cara Mendapatkan Blog Zombie Dengan Mudah

Baca Juga : Pentingnya Halaman Statis Pada Blogspot

Setelah itu, Publikasikan Halaman Privacy Policy Anda

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.

Masukan data blog Anda

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

Lalu masukkan lokasi dan data blog Anda kemudian klik CREATE DISCLAIMER

Baca Juga : Latihan Soal PTS/UTS I Kelas 6Tema 3 Subtema 3 Beserta Jawaban

Langkah selanjutnya sama, Copy Disclaimer yang sudah di generate

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

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

Baca Juga : Latihan Soal PTS/UTS I Kelas 6Tema 3 Subtema 1 dan 2 Beserta Jawaban

Masukan data blog Anda

Masukan nama blog dan URL blog Anda lalu klik NEXT

Masukan Lokasi Blog Anda

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

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

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

Baca Juga  Cara menautkan blog ke Google Analitik

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.

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>

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

Baca Juga : Latihan Soal PTS/UTS I Kelas 6 Tema 2 Subtema 2 dan 3 Beserta Jawaban

5# Sitemap atau Peta Situs

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

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

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>

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.

Baca Juga  Cara Memilih Template Blogger SEO Friendly

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

Baca Juga : Latihan Soal PTS/UTS I Kelas 6 Tema 1 ST3 dan T2 ST1 Beserta Jawaban

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)

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

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

Baca Juga : Latihan Soal PTS/UTS I Kelas 6 Tema 1 Subtema 1 dan 2 Beserta Jawaban

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.

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

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

DOWNLOAD TUTORIAL

Penelusuran Terkait : cara membuat website statis, cara membuat halaman statis di wordpress, cara membuat homepage di wordpress, cara membuat halaman home di blogspot, cara membuat halaman utama web dengan php, cara membuat halaman selanjutnya di wordpress, cara membuat homepage html, cara membuat front page di wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *