Pengaturan Meta Tag Template

Pada dasarnya saya ingin membuat meta tag ini otomatis saja tanpa perlu diatur ke mode HTML. Namun karena ada beberapa data dari blogger.com yang kurang lengkap maka saya tambahkan secara manual dan itu harus dirubah sesuai dengan data-data milik Anda.

Buka edit HTML

Silahkan Anda edit kode dibawah ini dibagian bawah kode <head>

<meta content='xnxx' name='google-site-verification' rel='google'/>
<meta content='xnxx' name='dmca-site-verification' rel='dmca'/>
<meta content='xnxx' name='yandex-verification' rel='yandex'/>
<meta content='xnxx' name='msvalidate.01' rel='bing'/>
<meta content='xnxx' name='p:domain_verify' rel='pinterest'/>

Penjelasan :

  • Bagian yang saya beri tanda merah ' xnxx ' ganti dengan kode unik milik Anda.
  • google-site-verification untuk bagian kode uniknya bisa didapatkan di Google Webmaster
  • dmca-site-verification untuk kode uniknya bisa didapatkan di DMCA Protection
  • yandek-verification kode uniknya bisa didapatkan di Yandex.Webmaster
  • msvalidate.01 kode uniknya bisa didapatkan di Bing Webmaster
  • p:domain_verify kode uniknya bisa ikuti panduan Pinterest

Jika kode diatas tidak dirubah apakah akan berpengaruh kebagian index mesin pencarian?

Tidak terlalu berpengaruh, tapi sedikit memberikan efek untuk memberitahukan kemesin pencari bahwa blog yang menggunakan kode ini adalah kepemilikan Anda.

Masih dibagian edit HTML cari kode yang mirip seperti dibawah ini.
<meta content='https://www.facebook.com/URL-PROFILE-FB' property='article:author'/>
<meta content='https://www.facebook.com/URL-FANPAGE-FB' property='article:publisher'/>
<meta content='xnxx' property='fb:app_id'/>
<meta content='xnxx' property='fb:admins'/>
Penjelasan :
  • URL-PROFILE-FB ubah dengan URL Profil facebook Anda
  • URL-FANSPAGE-FB ubah dengan URL Link halaman facebook milik Anda.
  • fb:app_id ubah kode " xnxx " dengan ID Aplikasi Facebook Anda.
  • fb:admins ubah kode " xnxx " dengan ID Admin dengan cara akses ke Find my Facebook

Ubah juga bagian kode dibawah ini.
<meta content='xnxx' name='twitter:site'/>
<meta content='xnxx' name='twitter:creator'/>

Penjelasan :
  • Ubah bagian kode " xnxx " sesuai penjelasan dibawah
  • twitter:site ubah dengan nama user Twitter contoh > @rian_seo
  • twitter:creator ubah dengan nama akun Twitter Anda, contoh > @rian_seo

Jika langkah diatas sudah selesai diikuti maka klik tombol " SIMPAN "

Dokumentasi Framework

Menganti Gambar Halaman Depan

Buka Blogger > Theme / Template > Sesuaikan

Pilih > Latar Belakang / Background > Ganti Gambar

Memasang Wigdet Kontak Page

Memasang Wigdet Kontak bisa dilakukan dengan cara dibawah ini.

Buka Dashbor > Halaman > Halaman Baru > Mode HTML



Beri Judul sesuai keinginan, lalu Letakan kode HTML dibawah ini.
Ingin Menhubungi saya? Silahkan isi Form dibawah ini<br />
<div class="contact-form-widget">
<form name="contact-form">
<span class="ctitles">Name :</span>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" />
<span class="ctitles">Email <span class="swajib">*</span> :</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" />
<span class="ctitles">Message <span class="swajib">*</span> :</span>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="10"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Kirim" />
<br />
<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>
</form>
</div>
Saya tidak menyediakan jasa, konsultasi, atau pelatihan dalam bentuk apapun.
<br />
<br />
Untuk pertanyaan terkait salah satu artikel di Blog ini, silahkan tulis langsung lewat form komentar di halaman artikelnya<br />
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>
Klik " Publikasikan " Jika sudah selesai

Memasang Wigdet Daftar Email Page

Seperti langkah pertama tadi, buat halaman baru lagi dengan mode HTML dan letakan kode HTML dibawah ini.
<div class="two-thirds">
<p class="landing-listhead"><b>Daftarkan email melalui form berikut kalau anda ingin:</b></p>
<ul>
<li>Mendapatkan lonjakan pengunjung ke website anda hingga berkali-kali lipat</li>
<li>Mengubah pengunjung (<em>yang belum anda kenal</em>) menjadi pembeli yang loyal dengan bisnis anda</li>
<li>Belajar ilmu-ilmu pemasaran online eksklusif</li>
<li>Mempelajari SEO dan content marketing tingkat lanjut</li>
<li>Memanfaatkan ke-4 hal di atas untuk mengembangkan bisnis anda secara eksponensial!</li>
</ul>
<p>Semua ini tanpa biaya, <strong>GRATIS</strong>!</p></div>
<div class="one-third">
<div class="daftar-form">
<p class="daftar-head">Daftar di Bos HJN</p>
<p><img src="https://i2.wp.com/panduanim.com/wp-content/uploads/2015/03/doc-archive.png"><noscript>
<img src="#" alt="Email"  class="aligncenter size-full wp-image-496" data-recalc-dims="1" /></noscript></p>
<form action="#" method="post" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate=""><input type="email" name="EMAIL" class="ck_email_address email" id="ck_emailField" placeholder="Masukkan alamat email..." required=""><input type="submit" value="Lanjutkan" id="subbutton"></form>
</div>
</div>
<style>
.two-thirds {float:left;margin-left:0;width: 65.81196581196582%;clear: both;}
.one-third {width:31.623931623931625%;float:left;margin-left:2.564102564102564%;}
.daftar-form:hover {box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.daftar-form {background-color: #25a0db;padding: 20px;border-radius: 3px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.daftar-head {font-size: 20px;font-weight: 700;color: #fff;text-align: center;}
.daftar-form img {max-width: 120px;height: auto;}
.daftar-form p {text-align:center;}
.daftar-form input[type="email"] {width:90%;background:#fff;font-size: 14px;padding: 10px;border: none;}
.daftar-form input[type="submit"] {background:#2c3031;font-size: 14px;color:#fff;text-transform: none;font-weight: 700;margin-top: 10px;width: 100%;padding: 16px 24px;width: 100%;border: 0;cursor: pointer;}
.daftar-form input[type="submit"]:hover {color: #333;background-color: #fff;}
@media only screen and (max-width: 800px) {.two-thirds, .one-third {float: none;margin-left: 0;width:100%;}
}
</style>

Isi tanda pagar yang berwarna merah dengan alamat feedburner blog kamu

Klik " Publish "