Bloggertricks dan tips

Cara Setting Robot.txt Blogger

Posted by beye Rabu, 23 Juli 2014 0 comments

Setting robot.txt blogger ini digunakan untuk mengatur halaman mana saja yang diijinkan untuk ditelusuri/di-index oleh google bot. Pada umumnya platform blogger telah mempunyai default robot.txt, hanya saja perlu penambahan untuk mengoptimalkan kinerja blog kita. Hal tersebut dikarena setiap halaman suatu blog berbeda-beda, sehingga kita harus menambahkan beberapa code untuk mem-filter google bot agar tidak menelusuri halaman yang tidak penting atau halaman non public. Sedikit berbeda dengan robot header tags, robot.txt ini lebih dikhususkan untuk filterisasi content, dan robot header tags lebih dikhususkan untuk link filter link. Silakan baca artikel tentang "costum robot tag header blogger terbaik" untuk mengetahui perbedaan keduanya.

Apa robots.txt itu?

Pada umumnya Robots.txt adalah sebuah text file yang berisi perintah untuk robot penelusur (ex: googlebot, mediapatrner, bingbot, dll) untuk menelusuri atau tidak menelusuri halaman pada sebuah blog.


User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://nama-blog/feeds/posts/default?orderby=UPDATED

Keterangan kode robot.txt diatas

User-agent: Mediapartners-Google
Kode ini berfungsi digunakan untuk mengijinkan / tidak mengijinkan adsense bot merayapi situs anda.
User-agent: *
Kode ini berfungsi digunakan untuk mengijinkan / tidak mengijinkan semua robot mesin pencarian merayapi situs anda.
Disallow: *
Kode ini adalah kode yang berfungsi untuk tidak mengijinkan robot merayapi halaman situs anda.
Allow:/
Kode ini adalah kode yang berfungsi untuk mengijinkan robot merayapi halaman situs anda.
Sitemap:
Kode ini adalah kode yang berfungsi untuk memberitahukan Acuan Peta Situs/Sitemap valid telah terdeteksi blog kita ke googlebot

Apakah setiap blog mempunyai robots.txt?

Pada umumnya setiap blog/situs mempunyai robot.txt. Pada Platform blog yang menggunakan self hosting, robot.txt ini bisanya hanya sebuah text file yang kita upload untuk kepentingan filter search engine, Akan tetapi pada platform blogger robot.txt sudah terdapat dalam menu dashboard sehingga setting bisa dilakukan dengan lebih mudah.

Apakah ada hubungan robot.txt dengan SEO?

Ketika webcrawler datang untuk merayapi blog kita, webcrawler akan merayapi semua konten di blog kita untuk mencari informasi apa saja yang akan ditampilkan pada mesin pencarinya. Robot.txt ini dibuat untuk memfilter/memblokir halaman - halaman yang tidak seharusnya dirayapi oleh mesin pencari. Dengan begitu kinerja situs kita bisa lebih optimal pada mesin pencarian.

Apa saja manfaat dan kegunaan robot.txt?

Robot.txt sangat banyak manfaatnya, berikut manfaat dan kegunaan robot.txt :

Memblokir halaman - halaman duplikat, halaman low content, dan halaman error 404. Dengan begitu situs/blog kita akan dinilai sebagai halaman high content oleh mesin pencari.
Membantu untuk penghapusan halaman error, kesalahan perayapan pada webmaster tools.
Memblokir konten yang tidak layak untuk iklan adsense
Memblokir gambar yang tidak layak untuk ditayangkan pada mesin pencarian gambar.
dll

Bagaimana Cara Setting Robot.txt Blogger Terbaru?

Berikut cara setting robot.txt pada Dashboard blogger :
Bahasa Indonesia

Setelan > Preferensi Penelusuran > Perayap dan pengindeksan > pada menu Robots.txt silahkan klik Edit dan setting sesuai dengan preferensi yang diinginkan, kemudian klik Ya, kemudian tulis kode robots.txt yang diinginkan > Simpan Perubahan

English

Setting > Search preferences > Crawlers and indexing > Click "edit" on the menu robots.txt and adjust as needed > Save

Nah, Selesai sudah Cara Setting Robot.txt Blogger Terbaru di blog kita....

Cara Mengedit Bagian-bagian Top Menu pada Template Blogger

Posted by beye Selasa, 22 Juli 2014 0 comments

Cara mengedit bagian top menu pada blogger kita harus dan ada sedikit mengubah kode script html template blognya... jadii ingat sugeesti saya untuk memperthatikan dengan seksama...

>> 1st example,Check it Out Guys
1. Login ke Blogger > Rancangan > Edit HTML > Edit Template ( don't forget centang expand template widget )... Kemudian Copy-Paste dahulu semua kode HTML template widget blog kamu ke dalam wordpad atau notepad, lalu simpan..

2. Tekan Control+F lalu cari kode " <div id='menu'> " ...kalau di kode html saya mungkin ada beberapa script html yang berbeda dengan blog kalian, jadi kalau yang menggunakan fasilitas template otomatis yang baru, bisa di "find" kata kunci seperti home dan lainnya,,,lalu chek bagian tersebut

3. Nanti akan terlihat kode sesudah " <div id='menu'> " yang seperti contoh dibawah ini...

<div id='menu'>
<ul>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><div class='gap'/></li>
<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
<li><div class='gap'/></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><div class='gap'/></li>
<li><a href='http://www.blogger.com/'>Login</a></li>
</ul>
</div>

</div>

Keterangan :

> Ubahlah nama menu yang saya kasih warna ungu, sesuai keinginan> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan sendiri...

4. Finally simpan template kamu lalu lihat blog yang sudah di update dengan refresh, atau klik ''lihat blog''

...Jika kalian mau menambah lagi menu blog,tinggal copy-paste kode html top menu-nya contoh dibawah ini :

<div id='menu'>
<ul>
<li><a Title='Home' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><div class='gap'/></li>
<li><a href='http://id-id.facebook.com/people/Andi-Wong/1222512287'>About</a></li>
<li><div class='gap'/></li>

<li><a href='menambah menu di tengah'>Tambah Menu di tengah</a></li>
<li><div class='gap'/></li>

<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><div class='gap'/></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><div class='gap'/></li>
<li><a href='http://www.blogger.com/'>Login</a></li>

<li><a href='menambah menu dibawah'>Tambah Menu dibawah</a></li>

</ul>
</div>

atau bisa seperti dibawah ini>>>>>>

>>2nd example

1. Jika kode html top menu di 1st example berbeda dengan kode top menu di template kamu.. coba yang ini..
2. Tekan Control+F lalu cari kode " <div class='Menu'> " ...
3. Nanti akan terlihat kode sesudah " <div class='Menu'> " yang seperti contoh dibawah ini...

<div class='Menu'>
<ul>
<li><a href='/'><span>Home</span></a></li>
<li><a href='#' title='About'><span>About</span></a>
</li>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>
</ul>
</div>

Keterangan :

> Ubahlah nama menu yang saya warnai ungu seperti contoh diatas...> URL yang saya warnai biru juga diubah sesuai dengan nama menu yang kamu tentukan...

5. Jika selesai kemudian Simpan template & refresh blog kamu...

...Dan jika ingin menambah lagi menu blog tinggal copy-paste kode html top menu-nya saja seperti contoh dibawah ini :

<div class='Menu'>
<ul>
<li><a href='/'><span>Home</span></a></li>
<li><a href='#' title='About'><span>About</span></a>
</li>

<li><a href='menambah menu di tengah' title='#'><span>Tambah Menu di tengah</span></a>

</li>
<li><a href='#' title='Contact'><span>Contact</span></a>
</li>
<li><a href='#' title='Extras'><span>Extras</span></a>
</li>

<li><a href='menambah menu dibawah' title='Extras'><span>Tambah Menu dibawah</span></a>

</li>
</ul>
</div>

Semoga berhasil

Cara Membuat Artikel Berhubungan ( Related Post) Berdasarkan Label

Posted by beye 0 comments

Sekarang kita belajar membuat "Artikel yang Berhubungan Berdasarkan Label" ( related post)...related post itu biasanya muncul dibawah postingan kita misalnya kita buat tulisan tentang Cara menulis yang baik trus label nya sama dengan tulisan Cara membaca yang baik, maka dibawah artikel Cara menulis yang baik akan muncul related post Cara membaca yang baik...kira kira seperti itu.
Caranya seperti ini:
1. Login ke Blogger
2. Pilih menu "Layout-->Edit HTML"
3. Beri tanda centang pada kotak "Expand Widgets Template".
4. Lalu Copy kode dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Yang Berhubungan</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>

5. Cari Kode <data:post.body/> dan letakkan script tadi dibawahnya ( di bawah kode <data:post.body/> ). Untuk blog yang ada link "readmore/baca selengkapnya" biasanya akan terdapat 2 kode. Taruh dibawah kode yang pertama.
6. Lalu simpan
7. Selesai
Untuk menemukan kode html secara cepat tekan CTRL+F lalu akan muncul kotak isian Find, nah kamu ketik kode yang kamu cari disitu nanti tinggal tekan tombol next letak kode nya, nanti akan ketemu...

Tips Cara Mendatangkan Pengunjung dan Menaikkan Rank Blog

Posted by beye 0 comments

Tips cara menaikkan jumlah pengunjung ada beberapa cara yaitu,

1. Daftarkan blog kamu di goolge addurl
Misalnya blog nya : http://bloggertricks-info.blogspot.com nah kamu isikan alamat blog ini di kotak url, nah jika kamu tulis artikel ( postingan baru ) misanya alamatnya : http://bloggertricks-info.blogspot.com/2014/07/cara-membuat-read-more-pada-artikel.html , keemudian buka lagi goolge addurl trus kamu masukkan Url postingan kamu dalam kotak Url ( jadi tiap tiap posting ) juga di submit ya, jangan cuma url home nya saja.

2. Daftarkan di geocities
Copy aja alamar URL kamu dan tulis alamat email kamu lalu klik submit your site

3. Daftarkan juga di mypagerank.net
Caranya sama seperti mendaftarkan di google addurl jadi tiap posting kamu daftarkan juga alamat url nya, jangan hanya home nya saja yaa,,ingattt lhoo

4. Isilah buku tamu dan tinggalkan komentar di blog orang lain yang kamu kunjungi, sekalian tulis pesan untuk kunjungan balik, usahakan melakukan hal ini tiap hari walupun cuma nulis 5 komentar / buku tamu di blog lain dan tentu saja di kasih link ke blog kamu ya..jangan lupa

5. Tuker tukeran link, dan banner dengan para blogger

6. Ikut dalam forum forum tertentu yang kamu suka, misalnya aku ikut forum photoshop dan tiap aku nulis komentar atau artikel atau sekedar menjawab pertanyaan orang lain selalu diusahakan untuk membuat link ke blog kita

7. Jika punya keahlian atau bakat ikut sumbang artikel, misalnya seperti di Ilmu Komputer, Wikipedia dan lain lain dan yang paling penting kasih link ke blog kamu

8. Coba kamu buka google lalu ketik : submit free url nanti google akan membuka url website yang menyediakan free submit url, tentu saja setelah itu kamu daftarkan blog kamu

9.Sabar dan jangan menyerah memang butuh waktu agar blog kita ada yang mengunjungi dan ditemukan oleh mbh google

Semoga dengan cara tersebut web kita bisa ramai pengunjungnya ...

Cara Membuat "Read More" pada Artikel

Posted by beye 0 comments

Rasanya aneh jika seseorang masuk kehalaman depan blog anda melihat artikel-artikel panjang dan harus menggulung kebawah, jika terlalu banyak menggulung halaman blog anda termasuk blogspot, pengunjung pastinya merasa segan.

Untuk mengatasi hal itu agar secara otomatis artikel-artikel anda terpotong buatlah sebuah artikel yang terpenggal-penggal caranya dengan membuat readmore otomatis.
Dimana untuk membuat Read More pada Blogspot hanya memerlukan 2 langkah mudah dengan cara memasang 2 buah script saja di template HTML Blogspot anda dan secara otomatis semua artikel postingan blog anda dari yang paling lama sampai yang terbaru akan di tampilkan sebagian saja sesuai dengan settingan pada script Read More yang anda lakukan seperti contoh pada Blog saya ini.

Pada cara ini anda dapat mengatur berapa karakter huruf yang akan ditampilkan pada postingan di halaman depan Blog anda, dan juga anda dapat menentukan besar kecilnya thumbnail gambar yang akan ditampilkan hanya dengan merubah sedikit nilai angka yang terdapat di dalam script Read More.

Namanya juga Script Read More otomatis, yang setelah anda pasang di templete Blog anda pastinya secara otomatis pula tampilan artikel Blog anda menjadi berubah memiliki fitur Read More tersebut.

Begini caranya memasang script Read More Otomatis di Blogspot :

1). Buka Dasbord Blog anda, kemudian pilih Tata letak, lalu pilih Edit HTML Centang pada pilihan Expand Template Widget untuk membuka semua code-code tersembunyi di dalam templete Blog anda. Cari dan dapatkan code ini:
</head>

2). Kemudian tandai dan langsung ganti dengan code ini :
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>
</head>

Angka-angka di atas bisa anda modifikasi sesuai dengan keinginan anda, lihat gambar di bawah ini:

3). Setelah yang tadi beres, sekarang cari dan dapatkan Code ini :
<data:post.body/>

4). Kemudian tandai dan langsung ganti dengan Code ini :
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span>
</b:if>
</b:if>

Tulisan Read More pada Script di atas bisa anda ganti dengan kata-kata yang lain, lihat contoh gambar di bawah :

5). Nah, selesai sudah, sekarang silakan Anda mencobanya,Semoga Berhasil ....

Bloggertricks dan tips

Cara Setting Robot.txt Blogger

Apa robots.txt itu?

Apakah setiap blog mempunyai robots.txt?

Apakah ada hubungan robot.txt dengan SEO?

Apa saja manfaat dan kegunaan robot.txt?

Bagaimana Cara Setting Robot.txt Blogger Terbaru?

Cara Mengedit Bagian-bagian Top Menu pada Template Blogger

Cara Membuat Artikel Berhubungan ( Related Post) Berdasarkan Label

Tips Cara Mendatangkan Pengunjung dan Menaikkan Rank Blog

Cara Membuat "Read More" pada Artikel

About Me

Arsip Blog

Category