Cara membuat Halaman About, Contact, Disclaimer, Privacy Blogger

Cara membuat Halaman About, Contact, Disclaimer, Privacy Blogger

5/5 (1)

cara membuat halaman statis blog

Membuat halaman about, contact us, disclaimer, privacy dan sitemap pada blog itu sangat penting, yaitu sebagai penanda bahwa website atau blog di garap secara serius dan profesional. Selain itu juga sebagai syarat utama selain konten jika ingin mendaftarkan situs blog anda di google andsense.

Tanpa adanya halaman about, contact, discalaimer, privacy dan sitemap biasanya permohonan adsense akan sedikit lebih sulit , tak jarang juga bakal di tolak.

Oleh sebab itu kita harus membuat halaman tersebut.

Halaman about , disclaimer , contact us juga di sebut sebagai halaman statis pada blog yaitu halaman page tersendiri yang hanya berisi tentang informasi pemilik blog.

Dan kamu bisa menemukan halaman statis ini di setiap website maupun blog, biasanya di letakkan di bagian bawah pojok kanan, maupun bagian paling atas nama dari blog atau website.

Oke langsung aja kita buat halaman about , contact us , disclaimer privacy dan sitemap. Dan saya akan mencontohkan dengan blog yang sudah saya buat di Cara Membuat Blog di Blogger dan WordPress dengan alamat www.daftarilmucom.blogspot.com

Cara Membuat halaman Statis Baru di Blogger

  • Pertama buka blogger.com dan masuk kan email dan pasword
  • Terus masuk ke blog yang ingin di buatkan Halaman statiscara membuat halaman about
  • Jika sudah masuk silahkan klik Laman / Page lalu buat Baru
  • Sebagai Contoh saya membuat halaman About yaitu berisi tentang apa yang di bahas di blog kamu
  • Isi juga diskripsi nya agar terlihat saat di indeks googlecara membuat halaman about
  • Kemudian Publish / terbitkan
  • done

Cara membuat Halaman About di Blogger

Halaman about merupakan halaman yang menceritakan tentang apa saja yang akan dan mau di bahas pada website atau blog. untuk cara membuatnya silahkan ikuti tutorial di atas ya.

Cara Membuat halaman Contact Pada Blogger

Halaman contact Us ini berfungsi untuk menerima pesan dari para costumer maupun pembaca secara pribadi dan berikut tutorial membuat contact us pada blogger

1. Pertama silahkan masuk di blogger.com
2. Pilih Laman/ pages dan buat pages baru
3. Kasih judul pages/ laman tersebut “Contact Us” atau “Kontak Kami”
4. Terus Pilih HTML jangan compose

4. Lalu Copy kode html contact us dibawah ini dan paste kan di laman yang anda buat tadi.


<style type="text/css">.contact-form-widget {margin-left:auto; margin-right:auto; width:100%; max-width:540px; background:#fff } .first-line { display: table; width: 100%; margin-bottom: 20px; } .contactf-name,.contactf-email { float:left; width:47%; display: table-cell; } .contactf-name { margin-right:6% } .contact-form-name,.contact-form-email,.contact-form-email-message,.contact-form-name:hover,.contact-form-name:focus,.contact-form-email:hover,.contact-form-email:focus,.contact-form-email-message:hover,.contact-form-email-message:focus { width:100%; margin:0 0 25px; color:#999; background:transparent!important; border:2px solid #ddd; box-shadow:none; padding: 10px; box-sizing: border-box; } .contact-form-email-message { height:50px; } .contact-form-button-submit{ background:#f1592a; min-width:20%; font:700 16px Work Sans; color:#fff; border:0; cursor:pointer; outline:none; border-radius:2px; -webkit-box-shadow: 0px -5px 10px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1); box-shadow: 0 4px 15px 0 rgba(0,0,0,0.1); padding: 10px; margin-bottom: 10px; } .contact-form-button-submit:hover { background:#333; } .contact-form-cross { border:medium none!important; box-shadow:none!important; padding:0!important } </style>
<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="first-line">
<div class="contactf-name">
Your name
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your name&quot;;}" onfocus="if (this.value == &quot;Enter your name&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Enter your name" /></div>
<div class="contactf-email">
Email
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email address&quot;;}" onfocus="if (this.value == &quot;Enter your email address&quot;) {this.value = &quot;&quot;;}" size="30" type="text" value="Enter your email address" /></div>
</div>
<div class="contactf-message">
Message
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="Type your message here..." onblur="if (this.value == &quot;&quot;) {this.value = &quot;Type your message here...&quot;;}" onfocus="if (this.value == &quot;Type your message here...&quot;) {this.value = &quot;&quot;;}" rows="5" value="Type your message here..."></textarea>
<div class="sendme">
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit →" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<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'] = '1061492620238640983';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1061492620238640983','//www.daftarilmu.com/','1061492620238640983'); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '1061492620238640983', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

5. Kemudian ganti angka ‘1061492620238640983‘ dengan id blog anda dan ganti www.daftarilmu.com dengan alamat website agan.
6. Jika tidak tau id blog anda silahkan lihat gambar di bawah ini.

Cara Membuat Contact Us Keren di Blog

7. Terahir Publish Laman yang anda buat
8. Done

Selengkapnya baca di Cara Membuat Contact From di Blogger Halaman Statis 100%Work

Cara Membuat Halaman Disclaimer Di Blog

Halaman disclaimer ini berisi tentang pernyataan penyangkalan diberikan dengan tujuan perlindungan bagi pemilik website atau situs sebagai pemberi informasi. Dan kamu bisa membuat nya di disclaimer generator yang tersedia di website. Berikut tutorial lengkap membuat disclaimer:

  • Pertama silahkan buka situs disclaimergenerator.net
  • Maka akan di sediakan menu seperti gambar di bawah.cara membuat diclaimer blog
  • Kemudian isi nama company name , isi nama website, dan isi alamat website kamu, lalu klik next
  • Maka akan muncul seperti gambar di bawah.cara membuat diclaimer blog
  • Langsung aja isi negara , provinsi dan alamat email kamu, lalu klik generete
  • Maka kamu bis pilih nomor 1  copy manual atau nomor 2 copy otomatis. lihat gambarcara membuat diclaimer blog
  • Kemudian buka Blogger.com
  • Pilih Laman/ pages dan buat pages baru
  • Kasih judul pages/ laman tersebut “Disclaimer”
  • Terus Pilih compose jika kamu mencopy manual 
  • Pilih HTML jika kamu mencopy otomatis cara membuat diclaimer
  • Pastekan Lalu publish/ terbitkan

Jika belum paham ulangi membaca lagi .

Cara Membuat Privacy Policy Di Blog

Privacy Policy atau di sebut juga kebijakan privasi yaitu sebuah kebijakan yang di buat oleh pemilik website atau blog berisi tentang syarat dan ketentuan yang berlaku di website atau blog tersebut. Cara membuat Privacy Policy bisa di tulis manual ataupun menggunakan Privacy Online Generator. Berikut tutorial lengkapnya:

  • Pertama kunjungi Privacy Online Generator
  • Maka akan muncul seperti gambar di bawah ini.cara membuat policy ptivacy
  • Kemudian isilah nama blog/web, alamat web,  dan centang google adsense jika akan menggunakan iklan dari google adsense nantinya.
  • Lalu klik generete Privacy lalu copy cara membuat policy ptivacy
  • Dan masuk ke Blogger.com
  • Pilih pages/ laman dan buat baru
  • Kasih nama Privacy Policy
  • Lalu pastekan Privacy yang sudah di copy tadi
  • Kemudian Pulbish
  • Selesai

Cara Membuat Sitemap blog Simpel Responsive

Sitemap atau peta situs ini berisi tentang semua link postingan artikel yang sudah di buat , sitemap ini juga dapat membatu url blog bisa di indeks langsung oleh google. dan  berikut cara membuat sitemap yang keren, responsive juga simpel:

    1. Silahkan buka blogspot anda di blogger.com
    2. Kemudian buka Halaman / Pages dan buat Halaman / Pages baru
    3. Buat Judul halaman dengan nama Sitemap
    4. lalu lihat tombol Compose dan HTML pada kiri atas  pilih yang HTML
    5. Kemudian copy script di bawah ini
Cara membuat Halaman About, Contact, Disclaimer, Privacy Blogger 1
<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: #3498DB;
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>
<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>
  • Lalu pastekan dan publish
  • done

Selengkapnya baca di Cara Pasang Sitemap dengan Tampilan Keren dan Seo pada blog

Semoga dengan membaca artikel ini temen-temen bisa membuat halaman statis blog : About , Contact , Disclaimer, Policy Privacy, dan Sitemap.

Dan jangan lupa ikuti Panduan Membuat Blog Dari Nol Hingga Menghasilkan

Rating:

Cara membuat Halaman About, Contact, Disclaimer, Privacy Blogger
Cara membuat Halaman About, Contact, Disclaimer, Privacy Blogger 2

Membuat halaman about, contact us, disclaimer, privacy dan sitemap pada blog itu sangat penting, yaitu sebagai penanda bahwa website atau blog di garap sec

Editor's Rating:
5

Leave a Comment