Google tentunya senang apabila disetiap blog mempunyai sitemap (peta situs), karena sitemap itu dapat membantu meringankan google mengindex seluruh bagian dari sebuah website / blog baik di blogspot, wordpress,phpbb
, drupal, joomla dsb.untuk wordpress dan yang lainnya mungkin tidak terlalu sulit untuk membuat sitemap yang mana setiap platform sudah menyediakan plugin secara gratis namun bagaimanakah cara membuat sitemap untuk blogspot / blogger?
tidaklah sulit untuk menemukan cara membuat sitemap untuk blogger, karena kamu hanya memasukkan script yang sudah diramu dibawah ini,
Caranya :

1. Login Ke Blogger.com / blogspot.com
2. Klik New Post / Posting Baru
3. klik Edit Html posisinya disamping compose
4. Masukkan script dibawah ini








5. ubah Url yang berwarna kuning saja dengan url alamat blog kamu
6. Publish Post
7. Selesai
8. Alhamdulillah

mudah-mudahan sedikit tutorial ini bisa membantu kamu menemukan cara membuat sitemap untuk blogspot.

Read more... -

Cara Membuat Read More Otomatis

Berjumpa lagi kawan-kawan blogger !!! dipertengahan malam waktu posting ini, seperti biasa ingin berbagi tutorial-tutorial tentang blogspot atau bisa juga di sebut trik-tips lah... he..2x. thanks bgt buat o-om yang udah banyak bagi2 ilmunya kepada Ane pribadi khususnya...

Tanpa panjang lebar kita mulai aja yuk.... Upz, mungkin untuk sedikit gambaran, apa sih Auto readmore ituh??? oke deh, dari pada Ane suruh jelasin bla bla bla dan kurang jelas mending langsung ane kasih contohna aja kali yah, biar lebih Afdhol gitu loh... he2x, contohnya seperti di tampilan depan blog ini " arzaku.blogspot.com " ataupun bisa lihat disini " http://free-blogger-templates09.blogspot.com/ " ... kalo males liat linknya!!! oke deh ane kasih screen shootnya....

Kalo udah mudeng yuk siap2 seperti langkah-langkah mengedit template sebelumnya, dan yang perlu diperhatikan juga kalo blog kamu udah pake read more silahkan kembalikan seperti semula... hm.. kalo bingung kode apa aja yang perlu di buang baca tutorial read more yang ini biar paham bagian mana yang perlu dibuang, gimana????

Weleh masih bingung juga toh??? yaudah ane kasih scriptnya deh yang perlu ditendang

<div class='post-header-line-1'/>
<div class='post-body'>
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'>Readmore</a>
</b:if>
<div style='clear: both;'/>

Nah ... udah ketahuan tuh... silahkan buang yang warna merah yah... kalau sudah sementara di Simpan dulu yah.

Masih pada area edit html kamu centang dulu expand widget dan temukan kode ini </head> dan silahkan taruh script dibawah ini diatasnya

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>


<script type='text/javascript'>
//<![CDATA[
/******************************************
Auto-readmore link script, version 2.0 (for blogspot)

(C)2008 by Anhvo

visit http://en.vietwebguide.com to get more cool hacks
********************************************/
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

dan temukan kode ini <data:post.body/> dan pastikan sudah di " centang widget" yah... dan ganti kode <data:post.body/> menjadi semua kode dibawah ini :

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Klik simpan, Selesai dan "abra... kadabra... blog kamu jadi berbeda...


Pengaturan tambahan :

var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Read more... - Cara Membuat Read More Otomatis

Ada beberapa hal yang mempengaruhi loading suatu blog, selain pemakaian kode HTML dan Javascript yang berlebihan yang tentunya akan membuat loading blog jadi lambat, pengaturan atau pemakaian kode css yang salah juga berpengaruh terhadap loading blog.

Jika sobat banyak menggunakan kode HTML atau javascript dan diletakkan di sidebar sebelah kiri, itu akan membuat loading blog terasa sangat berat, kenapa ?

Karena browser selalu membaca blog berurutan dari kiri atas sampai kiri bawah, kemudian akan berlanjut ke bagian kanan atas sampai kanan bawah, dan bagian footer atau bawah blog tentunya yang akan kebagian terbaca paling akhir.
Jadi saya sarankan gunakanlah template dengan kolom postingan yang terletak di sebelah kiri, atau jika sobat menggunakan sidebar di sebelah kiri, usahakan jangan terlalu banyak memakai kode HTML atau Javascript di sebelah kiri karena akan membuat loading blog jadi sangat berat.

Berlanjut pada topik utama kita, kompress kode css ini bisa kita lakukan secara manual maupun dengan menggunakan tools kompress css yang sekarang sudah banyak tersedia di internet. Saya akan berikan contoh kasusnya, perhatikan kode css berikut ini :

a:link {
color:#006699;  text-decoration:none;
}
a:visited {
color:#006699;  text-decoration:none;
}
a:hover {
color:#006699;  text-decoration:underline;
}
#main .post-body a:link {
color:#006699;  text-decoration:underline;
}
#main .post-body a:visited {
color:#006699;  text-decoration:underline;
}
#main .post-body a:hover {
color:#006699;  text-decoration:none;
}

kode css diatas adalah kode standard yang biasa sobat jumpai di HTML template, jika saya kompress secara manual maka hasilnya akan seperti dibawah ini :

a:link,a:visited,#main .post-body a:hover {
color:#006699;
text-decoration:none
}
a:hover,#main .post-body a:link,#main .post-body a:visited {
color:#006699;
text-decoration:underline
}

apa yang membedakan kedua bagian diatas ? jika sobat cermat melihat seluruh kode css yang paling atas (sebelum saya kompress) bahwa semua bagian dalam kurung {....} yang membedakan hanya dua bagian yaitu pada penulisan text-decoration:none dan text-decoration:underline. Pemakaian spasi juga sangat berpengaruh dalam penulisan css, jika saya rapatkan maka hasilnya menjadi seperti berikut ini :

a:link,a:visited,#main .post-body a:hover{color:#006699;text-decoration:none}
a:hover,#main .post-body a:link,#main .post-body a:visited{color:#006699;text-decoration:underline}

Untuk mengkompress kode css pada template, sobat tidak perlu susah payah mengkompress-nya secara manual, karena sekarang sudah banyak tools gratisan yang menyediakan fasilitas kompress css, salah satu yang biasa saya gunakan adalah  situs http://www.csscompressor.com

1. Untuk mengkompress css-nya silahkan kunjungi situs tersebut.
   
2. Kemudian pada halaman depan, ada pilihan jenis kompress dari yang low, standard, high sampai highest, kemudian masukkan kode css milik sobat kedalam kotak kosong yang tersedia lalu klik compress.
   
   
3. Maka akan terlihat hasil kompress dibawahnya, seperti pada gambar berikut
   
   
4. Kemudian klik Select All dan copy semua kode yang sudah di kompress tadi.

Ada banyak tools lainnya yang bisa sobat coba, sobat bisa cari di search engine..oke sob, selamat mengkompress ria, semoga dengan di kompress-nya kode css blog sobat akan menjadi lebih enteng..

Read more... -

Cara Veryfikasi Paypal Gratis Dengan Bank Lokal di Indonesia

Cara dan langkah verify Paypal Gratis dengan Bank Lokal di Indonesia...
Mungkin para blogger atau artikel tentang verify Paypal Gratis sudah banyak yang memposting.
caranya mudah saja kok untuk verify paypal. Sorry nih buat para tukang bikin VCC. Ckckckck
jadi ga laku nih..hehehehe

 Cara dan langkah-langkahnya sebagai berikut  :

1. Buka situs Paypal

2. Setelah itu login paypal kamu

3. Klik my account

4. Selanjutnya klik Get Verify atau klik profile selanjutnya klik Add/Edit bank account

5. Selanjutnya klik Link My Bank Account..
    setelah itu isi form pengisian.
    Kalau mau lihat Bank Name ( Nama Bank Penerima ) dan Bank Code ( Sandi Bank Penerima)
    silahkan Klik DISINI.

6. Hati-hati dengan pengisian pada form kalau sampe salah bakal kena charge Rp 50.000. Kalau
    sudah benar mengisi form baru klik continue dan klik add account.

Semoga sukses !

Read more... - Cara Veryfikasi Paypal Gratis Dengan Bank Lokal di Indonesia

Cara Mengganti Template di Blogspot

Pertanyaan yang muncul, apakah template pada blogspot bisa kita ganti ?.. 

Dan bagaimana cara menggantinya?

Ada dua cara untuk mangganti template, yang pertama kita bisa gunakan template yang ada di blogspot, namun template bawaan dari blogspot ini fitur-fiturnya kurang menarik, kita tidak bisa hanya menggunakan template yang ada atau template bawaan dari blogspot saja. Yang kedua kita bisa mendownload template dari luar blogspot, sekarang sudah banyak sekali template gratisan di Internet dan fitur-fiturnya pun sangat menarik. Bahkan ada pula yang memberikan template gratis yang SEO friendly.

Sebelum belajar menggati template di blog sobat, ada baiknya save atau download terlebih dahulu template lama sobat ke dalam hard disk sobat. Karena jika dalam penggantian template nanti, terjadi kerusakkan template
sobat tinggal restore kembali template lama sobat ke dalam blog.

Berikut cara mengganti template ke dalam blogspot.

1. Login ke Blogger menggunakan ID sobat.
   
2. Klik "Tata Letak"
   
3. Klik "Edit HTML"
   
4. Kemudian backup terlebih dahulu template lama sobat, silahkan lihat sebelah kanan atas ada tulisan "Download Template"
   
   
   
5. Untuk memasukkan template baru, Klik "Browse", cari file dalam bentuk XML yang sebelumnya sudah sobat download dari layanan template, kemudian "Unggah"
   
   
   
6. Blog akan menerangkan bahwa "Widget, Arsip, dll" akan dihapus.
   
7. Kemudian klik "Simpan"
   
8. Selamat Mencoba..

Read more... - Cara Mengganti Template di Blogspot