April 05, 2019

Cara Membuat Blog Dari Awal

Assalamualaikum Wr.Wb.
Pada artikel kali ini saya akan memberi tahu bagaimana cara daftar/membuat blog Sederhana dari nol sampai Finis, atau dari dari awal sampai siap di daftarkan ke google adsense secara berurutan.
berdasarkan pengalaman pribadi saya Sendiri, Susah-Susah Mudah memang mendaftar ke Google adsense untuk mendapatkan penghasilan dari hobi ngeblog, tapi jika anda mau berusaha dan membaca dengan teliti anda pasti bisa.
jadi saran saya ikuti satu tutorial jangan pindah-pindah situs/blog pasti membuat anda bingung, kalau perlu simpan situs saya ke bookmark anda.
disini saya mengunakan blogspot, karena saya memulai dengan blogspot,Baca dulu baru praktek langsung ajah ke topik

1. yang paling utama anda harus memiliki akun Google/Gmail. klik link ini jika belum punya Gmail, Daftar Gmail
2. Jika sudah punya Akun Google/Gmail login ke Blogger dengan mengeklik link ini Login Blogger masuk dengan Akun google anda lalu masukan sandi akun google anda.
3. Setelah login bloger anda akan dibawa pada halaman awal dengan mengisi profil blogger isi sesuai keinginan anda, jangan alihkan ke google+ karena sudah ditutup, klik lanjutkan ke blogger - klik lagi buat Blog baru.
4. Anda Isi judul blog Sesuka kehendak anda, dan juga alamat blog anda isi dengan singkat dan mudah di ingat Contoh : Bodoamat.blogspot.com jika tidak tersedia cari yang lain, jika sudah klik buat Blog, lewati mencari domain.



5. Selanjutnya menentukan tema/template gunakan saja tema yang sudah disediakan Blogger, anda bisa gunakan tema sederhana saya rasa tema ini sudah cukup Responsive dan juga ringan, untuk sementara gunakan saja template ini walupun banyak penyedia Template gratis Responsive, Seperti Sugeng.id dan Arlina design, karena jika terlalu sibuk memilih tema atau mempercantik tema anda akan lupa membuat postingan anda.
6. Setelah menyesuaikan tema kembali ke dashboard blogger anda, klik Postingan pilih Entri baru Isi judul tulis konten jangan lupa beri Label  dan Deskripsi Penelusuran
a. Judul : Isi judul sesuai dengan konten Postingan anda.
b. Label : Fungsi Label yang ada di blogger adalah agar kita bisa mengelompokkan artikel berdasarkan label/kategori yang sama, dan mempermudah pengunjung blog untuk melihat artikel lainnya berdasarkan Label/Kategory. 
c. Deskripsi Penelusuran : Suatu cara untuk mengidentifikasi topik utama yang anda bahas pada setiap posting artikel yang ingin anda terbitkan.
Fungsi utama deskripsi penelusuran yang anda buat pada setiap posting artikel adalah untuk memberi tahu posting tentang apa yang anda buat dan yang ingin anda bagi ke mesin pencari google.


Catatan : jika Deskripsi Penelusuran belum tersedia/Aktif, anda bisa mengaktifkan dengan cara kembali ke dashboard blogger - Setelan - Prefensi penelusuran Tag meta - Deskripsi  - Edit - Aktifkan deskripsi penelusuran klik Ya - Simpan perubahan, 


Cara di atas sangat Penting dilakukan untuk menunjang blog anda agar mudah di Susun berdasarkan kategorinya dan pencarian Mesin Google, Sebenarnya pada tahap ini anda tinggal memperbanyak postingan, anda sudah menjadi seorang blogger.

Penting : jangan pernah copy paste article orang hargailah hak cipta orang lain.

Selanjutnya : Proses Membuat Halaman Statis untuk Laman Contack form, Privacy Policy, Disclaimer, Sitemap dan TOS (terms of service).
Karena dengan membuat laman ini kita coba memenuhi Syarat dan ketentuan pendaftaran Google adsense.


1. Cara membuat Contact Form : masuk ke dashboard blogger klik - Halaman - Halaman baru - beri judul Contact Form - klik HTML - copy paste code script dibawah, Publikasikan

<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
var blogId = '3993808412853708775';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim.';
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">
Nama
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Email
<span style="font-weight: bolder;">*</span>



<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />

Pesan
<span style="font-weight: bolder;">*</span>





<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<div style="max-width: 400px; text-align: center; width: 100%;">
<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>
</form>
</div>
</div>


Catatan : ganti angka yang di tandai warna biru dengan id blog anda

2. Cara membuat Privacy Policy : Ada banyak situs penyedia pembuatan Privacy Policy, namun kali ini kita akan membuat dari situs Privacy Policy Online. Klik saja linknya dan masuk ke halaman tersebut.

Pastekan dengan cara sama seperti membuat Contact Form dan beri judul Privacy Policy
3.CaramembuatDisclaimer : http://www.privacypolicyonline.com/disclaimer-generator/ Klik saja linknya dan masuk ke halaman tersebut.

Pastekan dengan cara sama seperti membuat Contact Form dan beri judul Disclaimer

4. Cara membuat Sitemap : masuk ke dashboard blogger klik - Halaman - Halaman baru - beri judul Sitemap - klik HTML - copy paste code script dibawah, Publikasikan

<div dir="ltr" style="text-align: left;" trbidi="on">
<style type="text/css">
.tabbed-toc {margin:0 auto;background-color:#2f77bd;box-shadow: 0 0 7px rgba(5, 5, 5, 0.34);overflow:hidden;
position:relative;color:#333;border: 1px solid #9C9C9C;}
.tabbed-toc .loading {display:block;padding:10px 12px;font:normal bold 12px/normal Helmet,FreeSans,Sans-Serif;
color:white;}
.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li {margin:0;padding:0;list-style:none;}
.tabbed-toc .toc-tabs {width:20%;float:left;}
.tabbed-toc .toc-tabs li a {display:block;font:normal bold 12px/28px Helmet,Freesans,Sans-Serif;overflow:hidden;text-overflow:ellipsis;color:#fff;text-transform:uppercase;text-decoration:none;
padding:7px 15px;cursor:pointer;box-shadow: 0px 1px 1px rgb(255, 255, 255);}
.tabbed-toc .toc-tabs li a:hover {background-color:#4086E0;color:white;box-shadow: 0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:#FFF;color:black;box-shadow: 0 0 7px rgba(0,0,0,.7);
z-index:5;margin:0 -1px 0 0;/* cursor:text; */}
.tabbed-toc .toc-content,.tabbed-toc .toc-line {width:80%;float:right;background-color:white;border-left:5px solid #1E84BC;box-sizing:border-box;}
.tabbed-toc .toc-line {float:none;display:block;position:absolute;top:0;right:0;bottom:0;box-shadow:0 0 7px rgba(0,0,0,.7);}
.tabbed-toc .panel {position:relative;z-index:5;font:normal normal 10px/normal Helmet,FreeSans,Sans-Serif;}
.tabbed-toc .panel li a {display:block;position:relative;font-weight:bold;font-size:12px;color:#000;line-height:20px;padding: 10px 12px;
text-decoration:none;outline:none;overflow:hidden;}
.tabbed-toc .panel li time {display:block;font-style:italic;font-weight:normal;font-size:10px;color:#666;float:right;}
.tabbed-toc .panel li .summary {display:block;padding:10px 12px 10px;font-style:italic;
border-bottom:4px solid #275827;overflow:hidden;}
.tabbed-toc .panel li .summary img.thumbnail {float:left;display:block;margin:0 8px 0 0;padding:4px;
width:72px;height:72px;border:1px solid #dcdcdc;background-color:#fafafa;}
.tabbed-toc .panel li:nth-child(even) {background-color:#66A9FF}
.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li a:hover time,.tabbed-toc .panel li.bold a {
background-color:#333;color:white;outline:none;}
.tabbed-toc .panel li.bold a:hover,
.tabbed-toc .panel li.bold a:hover time {background-color:#222}
.post ol li::before {content: none;}
.post ol li {margin:0;}
@media (max-width:700px) {
.tabbed-toc {border:2px solid #333}
.tabbed-toc .toc-tabs,.tabbed-toc .toc-content {overflow:hidden;width:auto;float:none;display:block;}
.tabbed-toc .toc-tabs li {display:inline;float:left;}
.tabbed-toc .toc-tabs li a,.tabbed-toc .toc-tabs li a.active-tab {background-color:#2f77bd;box-shadow:2px 0 7px rgba(0,0,0,.4);}
.tabbed-toc .toc-tabs li a.active-tab {background-color:white;color:#333;}
.tabbed-toc .toc-content {border:none}
.tabbed-toc .toc-line,
.tabbed-toc .panel li time {display:none}
.tabbed-toc .panel li a{height: auto;}
</style>
<div class="tabbed-toc" id="tabbed-toc">
<span class="loading">Memuat…</span></div>
<script>
var tabbedTOC = {
blogUrl: "/", // 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: ' &ndash; <em style="color:red;">New!</em>' // HTML for the "New!" text
};
</script>
<script src="https://cdn.jsdelivr.net/gh/tovic/dte-project@2fd2d2971c3398029ea5e149696447243e7f4d94/tabbed-toc.min.js"></script></div>


5. Cara membuat Terms Of Service : http://www.privacypolicyonline.com/terms-of-service-generator/ Klik saja linknya dan masuk ke halaman tersebut.


Isi nama blog Anda
Isi dengan url/alamat blog anda
Isi dengan url halaman kontak blog anda
Isi dengan alamat email anda
Pilih dan centang Encrypt Email
jika blog anda terkait dengan perusahaan anda dapat mengisi nama perusahaan dan alamat perusaahaan. Jika tidak, biarkan kosong.
Setelah selesai Scroll ke bawah lalu klik Generate HTML untuk mendapatkan script code.

Pastekan dengan cara sama seperti membuat Contact Form dan beri judul Terms Of Service

Setelah selesai dengan tahapan membuat halaman lanjut ke penerapan di blog atau Tata letak, masuk ke dashboard blogger klik - Tata letak - klik pada bagian footer - Tambahkan Gadget - pilih Html/java script lalu pastekan kode script di bawah ini :

<div class='footer-menu'>
    <ul class='footer2 line'>
      <li><a href='#' title='Contact Form'>Contact Form</a></li>
      <li><a href='#'>Disclaimer</a></li>
      <li><a href='#'>Privacy Policy</a></li>
      <li><a href='#'>Sitemap</a></li>
      <li><a href='#'>Terms of Service</a></li>
    </ul></div>


Ubah tanda pagar (#) dengan alamat url halaman anda sesuai dengan namanya.

cara melihat url halaman Tata letak - Halaman - klik Lihat

contoh url Laman Sitemap










Setelah selesai merubah semua tanda pagar dengan url halaman klik Simpan.














Sampai sini sudah selesai proses membuat Contact form dan Privacy Policy

Akan tetapi Gadget Java script untuk Contact form dan Privacy Policy hanya terlihat di versi Web tidak tampil di Versi Mobile/hp, untuk menampilkan di versi mobile ikuti caranya dibawah ini :


Cara Menampilkan Widget yang tidak tampil di versi mobil

1. Kembali ke dashboard - Klik tema - Edit Html

2. cari footer-2-2 untuk di bagian ini tergantung anda menambahkan widget di footer berapa,
3. Untuk mempermudah pencarian tekan Ctrl+F lalu enter.
4. Tambahkan mobile='yes' pada script contoh lihat dibawah

<b:widget id='HTML2' locked='false'  title='' type='HTML'>

hingga menjadi seperti ini

<b:widget id='HTML2' locked='false' mobile='yes' title='' type='HTML'>







Pratinjau tema jika tidak error simpan tema, sekarang coba lihat di hp anda  Contact form dan Privacy Policy sudah tampil.

Next
proses selanjutnya ialah memperbanyak postingan, Setelah dirasa sudah cukup sekarang kita lanjut proses mendaftarkan google adsense, eits tunggu dulu ada baiknya kita merapih kan blog dulu seperti biasa masuk ke dashboard blogger susun kerangka blog di Tata letak lalu sesuaikan dengan keinginan, bila dirasa sudah rapih, satu lagi jangan lupa indeks blog dengan Google Web Master, langsung ajah Klik link berikut https://www.google.com/webmasters anda akan dibawa kehalaman depan,  
Masuk dengan email - Klik Search console - add Url blog anda - Klik Inspeksi Url - masukan url blog ke pencarian - klik enter - Minta pengindeksan.

Masukan Semua Url Postingan blog anda jangan sampai ada yang  terlewat agar blog anda cepat di indeks oleh google webmaster tools ke Mesin Pencarian Google.

selanjutnya membuat peta situs
Klik Peta situs msukan seperti di bawah ini :
icc88blogspot.com/feeds/posts/default?max-results=500
Misalnya Homepage blog anda adalah "http://icc88blogspot.com", maka sitemap atau peta situs blog anda adalah "http://icc88blogspot.com/feeds/posts/default?max-results=500". Jadi anda cukup menambahkan ahiran "feeds/posts/default?max-results=500". Dan sitemap atau peta situs blog anda sudah jadi.

Banyak tools yang bisa digunakan di google webmaster tools, tapi saya tidak akan membahasnya, untuk blogger pemula cukup mengindeks Url blog dam membuat peta situs saja dulu. proses ini cukup untuk menigkatkan visitor blog anda.

saya rasa sudah cukup penjelasan saya tentang Cara Membuat Blog Dari Awal sampai siap di daftarkan ke google adsense, untuk mendaftakan blog ke google adsense baca artikel saya cara mendaftarkan blog ke google adsense.
Terima Kasih.

Back to Top