Cara Membuat Responsive Template Default Blogger

thumbnail
Cara Membuat Responsive Template Default Blogger . Sobat blogger, Berhubung algoritma sekarang  yaitu mobilegedon adalah sangat menganjurkan sekali bagi para pengguna blog untuk membuat tampilan templatenya menjadi responsive atau ramah dalam semua tampilan dan ukuran entah itu di buka dalam sebuah handphone ataupun tablet, maka jika kita tidak mengubahnya menjadi responsive itu akan sangat berbahaya bagi kemajuan blog anda.
 Responsive Template Default Blogger
Namun bagaimana jika anda sudah terlanjur menggunakan template default blogger atau template bawaan blogger, karena biasanya template bawaan blogger tidak di dukung dengan tampilan responsive atau ramah tampilan dengan ukuran layar kecil.

Untuk itu saya disini ingin membagikan sebuah tutorial bagaimana cara mengubah template bawaan blogger menjadi responsive atau ramah dalam segala tampilan ukuran layar.

Cara Membuat Responsive Template Default Blogger.

Silahkan nonaktifkan terlebih dahulu fitur navbar blogger di menu tata letak, edit widget navbar, pilih optin dan pilih off.

1. Selanjutnya ke edit template, silahkan cari kode di bawah ini.
.post-body img, .post-body .tr-caption-container {
padding: $(image.border.large.size);
}
2. Kemudian ganti kode tersebut dengan kode dibawah ini.
.post-body img, .post-body .tr-caption-container {
padding: 0;
width:auto;
max-width:100%;
height:auto;
}
3. Selanjutnya cari kode di bawah ini.
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>
4. Lalu ganti kode tersebut dengan kode di bawah ini.
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
5. Langkah terakhir, letakan kode dibawah ini tepat di atas kode </head>
<style type='text/css'>
@media screen and (max-width:1024px){
body,.content-outer, .content-fauxcolumn-outer, .region-inner {width: 100%!important;min-width:100%!important;padding:0!important}
body .navbar {height: 0!important;}
.footer-inner {padding: 30px 0px!important;}
}
@media screen and (max-width: 603px){
.main-inner .columns {padding-right: 0!important;}
.main-inner .column-right-outer {width: 100%!important;margin-right: 0!important;}
}
</style>
6. Klik simpan/save template.

Baca Juga: Cara Membuat Komentar Google Plus Responsive and Fast Loading di Blog.

Untuk hasil template bawaan blogger yang sudah saya buat responsive silahkan lihat di tombol demo.

Cara Mencekal Redirect Otomatis Blogspot.com Ke Blogspot.co.id

thumbnail
Cara Mencekal Redirect Otomatis Blogspot.com Ke Blogspot.co.id. Sobat blogger, akhir-akhir ini ramai sekali para pengguna subdomain blogger memperbincangkan tentang adanya redirect otomatis dari subdomain dengan url blogspot.com ke blogspot.co.id, dan setelah saya cek pada blog saya yang bersubdomain, hal tersebut juga terjadi pada blog saya, saya pikir ini tidak ada masalah mungkin sama saja, namun ketika saya mengupdate artikel, url tersebut berakhiran blogspot.co.id dan tidak berfungsi ketika saya mengetikan dengan akhiran blogspot.com.
otomatis blogspot.com
Hal lain juga terjadi seperti adanya dua akun alexa dengan dua akhiran dan dua index pada google search, entah apa yang terjadi karena saya belum tau penyebabnya namun setelah saya searching saya menemukan solusi bagaiman agar subdomain tidak meredirect otomatis ke blogspot.co.id, bagi anda mengalami hal yang sama, maka saya ingin berbagi tips bagaimana cara mengatasi atau mencegah agar url subdomain tersebut tidak berubah.

Cara Mencekal / Mencegah Redirect Otomatis Blogspot.com Ke .co.id

1. Buka akun blogger anda.
2. Letakan kode di bawah ini tepat di bawah kode <head> atau di atas kode </head>. 
<script type='text/javascript'>
var str=window.location.href.toString();if("-1"==str.indexOf(".com/")){var str1=str.substring(str.lastIndexOf(".blogspot."));if("-1"==str1.indexOf("/"))var str2=str1;else var str2=str1.substring(0,str1.indexOf("/")+1);window.location.href=window.location.href.toString().replace(str2,".blogspot.com/ncr/")}
</script>
3. Lalu klik Save atau simpan Template shobat.

Dengan menaruh code js tersebut, maka sekarang blog anda tidak akan meredirct otomatis ke subdomain lain atau negara lain, oke sobat saya rasa sudah cukup, semoga postingan ini bisa membantu.  Sekian untuk tutorial Cara Mencekal Redirect Otomatis Blogspot.com Ke Blogspot.co.id.

Cara Menambahkan Title Tag Di Semua Link Url Dan Gambar.

thumbnail
Cara Menambahkan / Memasang Title Tag di semua Link, Url & Gambar. Penambahan title pada setiap link, url dan gambar adalah salah satu optimasi seo on page untuk memaksimalkan SEO pada template blog anda dan hal ini terkait seperti kita melakukan optimasi menambahkan tag alt title pada gambar di posting artikel dan penambahan title tag di setiap url / gambar ini juga menambah nilai SEO yang bisa anda cek di situs CHKME yang biasanya hal tersebut akan terbaca error jika sebuah link tidak memiliki title tag.

title tag semua link dan gambar


Maka sudah jelas bagi anda yang ingin agar template blog anda bisa lebih SEO friendly dan sekaligus menambah nilai SEO score di CHKME, optimasi penambahan title ini sangat ampuh untuk memaksimalkan peringkat halaman pencarian anda di google search engine.

penambahan titele di tutorial ini juga mencakup pada seluruh link yang ada pada template anda, seperti link menubar, gambar hompage, judul hompage, link populer posts, widget label, link komentar dll.


Oke sobat blogger, bagi anda yang ingin menerapkan tutorial "Cara Menambahkan Title Tag Disemua Link, Url & Gambar" silahkan simak baik-baik langkah demi langkahnya.

Cara Menambahkan Title Tag Disemua Link, Url & Gambar

1. Buka akun blogger anda.
2. Pilih menu template dan klik edit HTML.
3. Pertama, Cari satu persatu dari ke tiga kode dibawah ini.
expr:href='data:post.url'
expr:href='data:post.link'
expr:href='data:post.href'
4. Jika sudah ditemukan, selanjutnya tambahkan kode expr:title='data:post.title' pada akhiran ketiga kode diatas. Maka jika sudah di tambahkan title, hasilnya akan seperti dibawah ini.
expr:href='data:post.url' expr:title='data:post.title'
expr:href='data:post.link' expr:title='data:post.title'
expr:href='data:post.href' expr:title='data:post.title'
Keterangan : Ketiga kode tersebut akan ditemukan lebih dari satu pada template anda dan silahkan tambahkan kode title tag disemua kode tersebut dan pastikan ada "jarak satu sepasi" di antara kode tersebut.

5. Setelah semuanya terpasang dengan benar, kemudian Save terlebih dahulu template anda.

Menambahkan Title Tag Pada Bagian Label / widget label Blog.

Hal ini bekerja pada widget label atau bagian label, seperti label post info icon, label breadcrumbs atau widget label itu sendiri.

1. Pertama anda cari kode seperti dibawah ini.
expr:href='data:label.url'
2. Jika sudah ditemukan, silahkan tambahkan kode  expr:title='data:label.name' sesudah kode tersebut.
Hingga akhir penampakan kodenya akan seperti di bawah ini.
expr:href='data:label.url' expr:title='data:label.name'
Keterangan : jika pada Template anda ditemukan kode di atas lebih dari satu, silhkan tambahkan semuanya, dan ingat, pastikan jarak sepasi antara kedua kode tersebut

3. Silahkan save terlebih dahulu.

Menambahkan Title Tag Pada Gambar di Halaman Hompage.

Penambahan title ini berfungsi pada gambar di halaman homepage blog atau artikel hompage. 

1. Cari kode seperti dibawah ini.
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));</script></a>
2. Jika sudah ditemukan, silahkan ganti semua kode tersebut dengan kode dibawah ini.

<a expr:href='data:post.url' expr:title='data:post.title'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
3. Save template.

Menambahkan Title Tag Pada Bagian Komentar.

Penambahan title ini berfungsi pada link komentar dan hal ini juga biasanya terdapat banyak error dibagian website links pada saat anda cek disitus CHKME seperti error comment form.

1. Cari kode seperti dibawah ini.
addCommentOnclick
2. jika sudah di temuka, selanjutnya tambahkan kode title='Comments'  sesudah kode tersebut.
-Hingga akhir penampakannya seperti dibawah ini.
addCommentOnclick' title='Comments' 
Keterangan : jika kode lebih dari satu, silahkan tambahkan semuanya dan pastikan ada jarak sepasi antara kedua kode tersebut.

3. Save template anda.

Nah sobat blogger saya rasa sudah cukup, silahkan lihat perubahannya dan silahkan arahkan mouse atau pointer pada setiap link yang ada dibagian blog anda, jika terdapat title maka silahkan ucapkan Alhamdulilah.

Sekian untuk tutorial "Cara Menambahkan Title Tag Disemua Link, Url & Gambar" lebih dan kurangnya saya mohon maaf.

 

Cara Memperbaiki H1 Zero that is Really Bad Di CHKME

thumbnail
Cara Memperbaiki / Mengatasi H1: Zero, that is Really Bad Di CHKME.  Penggunaan tag heading yang rapi dan tersusun dengan baik adalah cara untuk memprioritaskan konten anda yang terdapat dalam aturan tag HTML dalam template anda, Penggunaan tag headiing yang tepat dan tersusun dengan benar dalam sudut pandang SEO akan bisa menentukan posisi ranking artikel anda di search engine google, Maka hal yang paling penting adalah penggunaan tag heading yang benar dengan menempatkan judul blog anda pada tag H1 dan tag h2 untuk judul posting dan tag seterusnya.

Memperbaiki H1 Zero that is Really Bad Di CHKME

Namun tak jarang dalam sebuah template blog tidak menunjukan struktur tag yang benar apalagi ketika anda memasang sebuah logo pada title / judul blog, maka tag h1 di template anda akan hilang atau tertutupi logo blog anda, untuk itu bagi anda yang sedang mengalami masalah hilangnya tag H1 atau ketika anda cek di situs CHKME.com akan terbaca seperti H1: Zero, that is Really Bad, disini saya akan memberi trik mudah untuk bagaimana cara mengatasi atau memperbaiki H1: Zero, that is Really Bad di CHKME.

Sudah tentu hilannya tag H1 pada template ini akan sangat buruk untuk SEO dan bisa menurunkan ranking blog anda di search engine. Karena jika diibaratkan tag H1 ini adalah ibarat kepala dan tag h2 seterusnya adalah badan. oke saya rasa tidak panjang lebar lagi langsung saja kita ke tutorial bagaimana cara fix / mengatasi masalah H1: Zero , that is Really Bad di CHKME.

Cara Memperbaiki H1: Zero , that is Really Bad di CHKME

1. Buka akun blogger anda.
2. Pilih menu template dan klik edit HTML.
3. Pertama silahkan cari kode <div id='header-inner'> atau "header-inner"  singkatnya.

Disini anda akan melihat beberapa kode yang sama, yang perlu anda perhatikan adalah kode dibawahnya seperti ini  <img expr:alt='data:title' karena hilangnya tag h1 adalah tertutupi logo blog atau lengkapnya seperti kode dibawah ini.
<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
4. Jika sudah ditemukan sekarang tambahkan kode <h1> dan tag penutup </h1> sebelum kode </a> atau lengkapnya seperti dibawah ini.  
<div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </h1></a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
Jika tidak mau repot silahkan ganti semua kode dari kode awal <div id='header-inner'> sampai tag penutup </div>

5. Jika sudah silahkn save template anda. 

Maka dengan begitu tag h1 di template blog anda akan terditect lagi, silahkan cek langsung di chkme.com jika anda tidak mengerti atau kurang paham, silahkan tanyakan di kolom komentar.

Saya rasa sudah cukup untuk tutorial "Cara Mengatasi H1: Zero , that is Really Bad di CHKME " lebih dan kurangnya saya mohon maaf.

Cara Membuat Blog Safelink Converter dengan Mudah

thumbnail
safelink confeter

Membuat Blog Safelink Converter dengan Mudah - Safelink Converter adalah sebuah website yang berfungsi melakukan Redirect terhadap website lain agar pengguna mendapat keamanan berupa Url yang terenkripsi. Safelink Converter sekarang sudah banyak digunakan dan diterapkan pada blog - blog yang memiliki niche Download dikarenakan traffic yang tinggi sehingga para pemilik blog tersebut memanfaatkan tingginya traffic tersebut untuk mendapatkan Uang melalui safelink converter. Bagaimana caranya ?
cara kerja safelink

Cara Kerja Safelink.

Dari gambar diatas, dapat disimpulkan bahwa Blog Safelink hanya menjadi perantara antara Blog kita dengan alamat tujuan (seperti alamat download). Nah, di dalam blog safelink inilah kita dapat memasang iklan seperti google adsense sehingga kita nantinya akan mendapat uang.

Cara Pembuatan Blog Safelink

a. Login kedalam akun blogger anda
b. Buatlah sebuah Blog dengan Judul dan URL sesuai keinginan anda
c. Jika sudah terbuat, masuk ke bagian Postingan lalu Tulis Posting baru
d. klik Tab HTML, Masukan Kode berikut kedalam konten HTML yang telah tersedia.
<div dir="ltr" style="text-align: left;" trbidi="on">
<center>
<h2 id="daplong" style="color: daplong;">
Please Wait...</h2>
<script src="KODE_SCRIPT" type="text/javascript"></script> <script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("ALAMAT_POSTING?url=", "");
document.write('<button id="download" class="Visit_Link" onclick="changeLink();" style="display: none;text-align:justify;margin-bottom:2px;">Visit Link</button>')
</script></center>
</div>
KODE_SCRIPT cukup diabaikan saja, bagian tersebut akan kita ganti pada langkah berikutnya
ALAMAT_POSTING ganti dengan alamat post yang terdapat di address bar ketika posting sedang dibuka (URL)
e. Klik Publish
f. lihat postingan yang telah anda buat lalu Copy Link Postingan anda pada kolom url
g. Sekarang ganti ALAMAT_POSTING yang ada pada postingan anda menjadi link Postingan yang telah anda Copy
h. Salin Script dibawah ini kedalam Notepad
var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=Base64._utf8_encode(input);while(i<input.length){chr1=input.charCodeAt(i++);chr2=input.charCodeAt(i++);chr3=input.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64;}else if(isNaN(chr3)){enc4=64;}
output=output+ this._keyStr.charAt(enc1)+ this._keyStr.charAt(enc2)+ this._keyStr.charAt(enc3)+ this._keyStr.charAt(enc4);}
return output;},decode:function(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;input=input.replace(/[^A-Za-z0-9+/=]/g,"");while(i<input.length){enc1=this._keyStr.indexOf(input.charAt(i++));enc2=this._keyStr.indexOf(input.charAt(i++));enc3=this._keyStr.indexOf(input.charAt(i++));enc4=this._keyStr.indexOf(input.charAt(i++));chr1=(enc1<<2)|(enc2>>4);chr2=((enc2&15)<<4)|(enc3>>2);chr3=((enc3&3)<<6)|enc4;output=output+ String.fromCharCode(chr1);if(enc3!=64){output=output+ String.fromCharCode(chr2);}
if(enc4!=64){output=output+ String.fromCharCode(chr3);}}
output=Base64._utf8_decode(output);return output;},_utf8_encode:function(string){string=string.replace(/rn/g,"n");var utftext="";for(var n=0;n<string.length;n++){var c=string.charCodeAt(n);if(c<128){utftext+=String.fromCharCode(c);}
else if((c>127)&&(c<2048)){utftext+=String.fromCharCode((c>>6)|192);utftext+=String.fromCharCode((c&63)|128);}
else{utftext+=String.fromCharCode((c>>12)|224);utftext+=String.fromCharCode(((c>>6)&63)|128);utftext+=String.fromCharCode((c&63)|128);}}
return utftext;},_utf8_decode:function(utftext){var string="";var i=0;var c=c1=c2=0;while(i<utftext.length){c=utftext.charCodeAt(i);if(c<128){string+=String.fromCharCode(c);i++;}
else if((c>191)&&(c<224)){c2=utftext.charCodeAt(i+ 1);string+=String.fromCharCode(((c&31)<<6)|(c2&63));i+=2;}
else{c2=utftext.charCodeAt(i+ 1);c3=utftext.charCodeAt(i+ 2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));i+=3;}}
return string;}}
var encode=document.getElementById('encode'),decode=document.getElementById('decode'),output=document.getElementById('output'),input=document.getElementById('input');var User_ID="";var protected_links="";var a_to_va=0;var a_to_vb=0;var a_to_vc="";function auto_safelink(){auto_safeconvert();}
function auto_safeconvert(){var a_to_vd=window.location.hostname;if(protected_links!=""&&!protected_links.match(a_to_vd)){protected_links+=", "+ a_to_vd;}else if(protected_links=="")
{protected_links=a_to_vd;}
var a_to_ve="";var a_to_vf=new Array();var a_to_vg=0;a_to_ve=document.getElementsByTagName("a");a_to_va=a_to_ve.length;a_to_vf=a_to_fa();a_to_vg=a_to_vf.length;var a_to_vh=false;var j=0;var a_to_vi="";for(var i=0;i<a_to_va;i++)
{a_to_vh=false;j=0;while(a_to_vh==false&&j<a_to_vg)
{a_to_vi=a_to_ve[i].href;if(a_to_vi.match(a_to_vf[j])||!a_to_vi||!a_to_vi.match("http"))
{a_to_vh=true;}
j++;}
if(a_to_vh==false)
{var encryptedUrl=Base64.encode(a_to_vi);a_to_ve[i].href="ALAMAT_POSTING?url="+ encryptedUrl;a_to_ve[i].rel="nofollow";a_to_vb++;a_to_vc+=i+":::"+ a_to_ve[i].href+"n";}}
var a_to_vj=document.getElementById("anonyminized");var a_to_vk=document.getElementById("found_links");if(a_to_vj)
{a_to_vj.innerHTML+=a_to_vb;}
if(a_to_vk)
{a_to_vk.innerHTML+=a_to_va;}}
function a_to_fa()
{var a_to_vf=new Array();protected_links=protected_links.replace(" ","");a_to_vf=protected_links.split(",");return a_to_vf;}
Ganti ALAMAT_POSTING dengan alamat post yang terdapat di address bar ketika posting sedang dibuka (URL)
i. Klik File Save As... pada script di Notepad tadi. Beri nama file apa saja tetapi dengan format .js
Misalnya blogsafelink.js


blogsafelink.js

 j. Upload file Javascript (js) tadi ke yourjavascript.com tetapi anda boleh juga menggunakan hosting lain. Saya menggunakan hosting ini karena gratis dan mudah digunakan, selain itu alamat Javascript diterima melalui email, sehingga lebih aman. Cek email anda untuk melihat alamat kode Javascript yang telah anda upload.
k. Nah, kode alamat kode Javascript tadi anda masukan lagi ke dalam posting yang telah dibuat, yaitu mengganti KODE_SCRIPT seperti pada langkah 2 tadi. Selanjutnya klik Update / Perbaharui
upload java

l.  Gunakan Template Safelink Berikut agar Blog safelink anda dapat berfungsi
m. edit sedikit pada template, yaitu ubah ALAMAT_POSTING dengan Url Posting anda. lalu Save / Simpan Template

Penerapan Pada Blog utama
a. Buat sebuah widget HTML dibawah Postingan anda dengan cara : masuk Tata Letak > Tambah Widget
b. isi Script Berikut kedalam konten HTML widget anda
<script type="text/javascript" src="KODE_SCRIPT"></script><script type="text/javascript">protected_links = "PROTECT_LINK "; auto_safelink();</script>
Ganti KODE_SCRIPT dengan link javascript yang telah anda terima dari email anda
ganti PROTECT_LINK dengan link yang tidak ingin anda arahkan ke safelink, Pisahkan antar link dengan koma (Contoh : facebook.com, google.com, yahoo.com)

lalu Save / Simpan
Selanjutnya apa lagi yang harus dilakukan?

Saya tambahkan, sebaiknya pada posting di blog Safelink tadi diisi artikel juga. Tujuannya agar Google tidak mencurigai blog tersebut. Boleh sobat isi artikel apa saja, bebas sesuka hati. Yang terpenting script tombol redirect jangan sampai terhapus.

Di blog Safelink sebaiknya diisi apa?
Itu sesuai keinginan anda, tetapi sebagian besar orang mengisinya dengan iklan . Entah itu Google Adsense, Yllix, KlikSaya, PopAds, atau yang lainnya. Tujuannya agar kita tetap mendapat earning bahkan pada outbound link sekalipun.

Sebaiknya blog apa yang menggunakan fitur redirect Safelink?
Sekali lagi, ini terserah Anda. Namun blog download diupayakan untuk memiliki Safelink sendiri. Blog yang memiliki banyak outbound link juga boleh menggunakannya, sebab Safelink akan mengubah link di dalam posting blog utama untuk dialihkan (redirect) ke blog Safelink barulah ke URL tujuan (kecuali link yang diproteksi).

Sekian dari Saya, Bila anda kesulitan, bisa komentar pada kotak komentar yang sudah tersedia.

Terima kasih telah membaca artikel tentang Cara Membuat Blog Safelink Converter dengan Mudah. Jikaa anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Cara Submit Sitemap Blog Ke Google Webmaster Tools

thumbnail
Cara Submit Sitemap Blog Ke Google Webmaster Tools. Sobat blogger. Untuk sebuah blog yang bisa di anggap sukses adalah blog dengan banyaknya pengunjung yang datang dari google search engine (Mesin pencari) yang mengunjungi situs kita atau bisa di sebut visitor organik.

Jika anda seorang blogger yang masih pemula dalam dunia blogging, perlu anda ketahui adanya "Google Webmaster Tools" Ini adalah sebuah alat yang hebat yang disediakan oleh Google sendiri. Hal ini sangat berguna untuk blogger dan webmaster untuk dapat indeks blog atau website yang maksimal dan juga membantu meningkatkan perayapan terhadap situs yang kita kelola.
google web master
Dalam hal ini anda hanya perlu memverifikasi kepemilikan blog anda ke "Google webmaster Tolls" dan kemudian mensubmit sitemapnya. Hal ini sangat penting untuk mendaftarkan blog sitemap anda ke google dan dalam hal SEO untuk menelusuri halaman blog atau situs anda dan isinya.

Setiap kali Anda memperbarui blog Anda dengan posting baru, sitemap akan membantu untuk mengindeks posting dengan mudah di mesin pencari (Search Engine). Ini adalah hal yang akan saya bahas di posting ini. Mari kita lihat bagaimana cara menambahkan blogger sitemap ke Google Webmaster Tools.

Cara Submit Sitemap Blog Ke Google Webmaster Tools

  1. Buka halaman "Google Webmaster Tools"
  2. Klik pada bagian "Search Console'
  3. Pilih situs blog anda, jika belum ada silahkan klik di tambahkan properti.
  4. Pada dasbor pilih "Perayapan" dan Klik "Peta Situs"
  5. Selanjutnya klik pada "Tambahkan/Uji Peta Situs" pada pop up yang muncul masukan satu persatu sitemap di bawah ini dan klil "Kirim".
/atom.xml?redirect=false&start-index=1&max-results=500
/atom.xml?redirect=false
/feeds/posts/default?alt=rss
/feeds/posts/default?orderby=updated
/rss.xml
/sitemap.xml
Catatan : 
Sitemap yang kita kirimkan ke Google Webmaster Tools adalah sitemap XML yang digunakan oleh mesin pencari untuk menemukan konten kita dengan mudah. Ada sitemap HTML juga yang untuk pembaca blog kita. fungsinya sehingga pembaca dapat dengan mudah melihat semua posting blog anda di lokasi tunggal. Ini akan mudah bagi mereka untuk membaca posting yang mereka mau.

Cara Paling Jitu Meringankan Dan Mempercepat Loading Blog

thumbnail
Cara Paling Jitu Meringankan Dan Mempercepat Loading Blog. Mempunyai blog dengan loading yang cepat tentu menjadi impian setiap blogger. Bagi para developer template, meringankan ukuran blog tentu bukan sebuah perkara yang susah, namun hal tersebut tentu tidak berlaku untuk blogger pemula seperti saya dulu, yang bisa dibilang buta akan koding Template seperti CSS, HTML dan JS.

Setelah browsing kesana kemari, mencoba trik ini dan itu, akhirnya saya sedikit mulai paham bagaimana cara mempercepat blog, melalui artikel ini saya ingin mencoba berbagi apa yang sudah saya ketahui tentang meringankan loading dari sebuah situs blog.

mempercepat loading blog

Tutorial Mempecepat Loading Blog

Langsung saja silahkan disimak ketujuh cara mempercepat loading blog yang sudah terbukti ampuh, dibawah ini.

1. HAPUS CSS RESET BLOGGER

Apa itu CSS Reset Stylesheet Blogger ? sederhanya, CSS Reset Blogger adalah halaman web yang berisi CSS yang berkaitan dengan widget default blogger, alasan kenapa Anda harus menghapusnya adalah untuk meringankan blog dengan mengurangi jumlah repon, karena CSS Reset Blogger ini akan mengirim respon ke server blogger, dengan menghapus atau mematikannya, maka situs kita tidak akan meload halaman CSS Reset Blogger.

Cara untuk menghapus CSS Reset Blogger sebenarnya tidak terlau susah, bahkan terbilang cukup mudah, namun sebelum menghapusnya ada baiknya backup template terlebih dahulu.

  • Buka menu edit template Blogger
  • Cari <b:skin><![CDATA[ lalu ganti dengan &lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
  • Simpan template
2. HAPUS JAVASCRIPT WIDGET DEFAULT

Secara default, widget seperti Blog Archive telah dipasang JavaScript jadi jika blog Anda menggunakan Widget Archive maka akan meload JavaScript default (bawaan) Bloger, untuk mengatasi hal ini juga perlu menghapusnya dengan cara berikut ini.

  • Seperti biasa, buka edit template Blogger
  • Cari kode </body> ubah dengan &lt;!--</body>--&gt;&lt;/body&gt;
  • Simpan / save template
3. HAPUS CSS FONT STYLESHEET

Menambah custom font stylesheet akan membuat blog kita menjadi lemot / lama saat diakses, karena dengan mencustom font, maka akan ada tambahan respond yang harus di load oleh pengunjung blog, yaitu situs dari penyedia font tersebut dalam hal ini biasanya adalah Google Font. Jika Anda ingin menghapus font stylesheet, silahkan ikuti caranya dibawah ini.

  • Cari kode rel='stylesheet'
  • Hapus CSS yang mengandung nama Font, contoh <link href='http://fonts.googleapis.com/css?family=Oswald:400,500' rel='stylesheet' type='text/css'/>
  • Simpan template
4. HINDARI MENGGUNAKAN BACKGROUND GAMBAR

Jika saat ini template Anda menggunakan background gambar, maka sebisa mungkin hapus gambar tersebut, namun jika Anda ngotot untuk memasng gambar pada background, maka saran saya cobalah untuk mengubahnya menjadi gambar pattern grid / gambar berpola garis, jadi nanti bisa kita aplikasikan css background repeat, yang efeknya dapat meringankan load situs karena hanya perlu meload gambar dengan ukuran kecil.

  • Masuk ke edit template, lalu cari selector body, gunakan CTRL + F agar lebih mudah.
  • Tambahkan kode background: url(http://2.bp.blogspot.com/-JCjoJ8AM86M/UrJjp2KOy_I/AAAAAAAAAX8/epdEE5FkMfQ/s0/noisy_grid.png) repeat scroll top left. Ubah url gambar, dengan gambar yang anda inginkan.
  • Simpan template
5. HINDARI MENGGUNAKAN SCRIPT EXTERNAL

Salah satu contoh script dari luar situs itu seperti script counter Google Analytic atau semacamnya, jika Anda memasang script tersebut, maka jelas blog kita akan mengirim respond ke situs Google Analytic dan hal ini jelas akan menambah berat dan mengakibatkan load situs kita menjadi lama.
Namun jika anda tetap ingin menggunakan script counter stat, silahkan saja, karena dari segi ukuran load scriptnya juga tidak terlalu besar.

Trik mempercepat blog ini khusus untuk blogger, sementara untuk pengguna wordpress (self host) sudah ada plugin yang bisa meringankan load situs seperti salah satu contohnya W3 TotalCache.

Demikian cara mempercapat load blog dengan memangkas JavaScript dan CSS Reset Blogger, silahkan dipraktekkan dan jika ada pertanyaan silahkan ajukan melalui kolom komentar, akan saya bantu sebisa saya.