Cara Mempercepat Loading Blog

Bagaimana Cara mempercepat loading blog?. Sebenarnya ada banyak cara untuk mempercepat loading blog. Hal ini tentu saja sangat penting karena akan sangat berpengaruh dengan jumlah kunjungan pada blog tersebut.

Kita hars memperhatikan hal ini karena akan sangat mempengaruhi pengunjung yang datang pada blog kita, bayangkan saja apabila loading pada blog yang kita miliki itu sangat lama, saya yakin pengunjung akan malas untuk kembali lagi. Karena itu saya akan membagikan sebuah tips untuk mempercepat loading blog.

Cara mempercepat loading blog :

1. Hindari penggunaan image atau gambar yang berlebihan.

2. Jangan menggunakan script dari web lain yang terlalu banyak, memang kebanyakan dari blogger mengikuti berbagai situs ppc yaitu mejadi publishernya. Tapi saya sarankan untuk fokus pada satu situs ppc saja.

3. Penggunaan widget yang memberatkan seperti jam, kalender, slide show, shoutmix, recent post, last comment. Gunakan saja yang benar-benar dibutuhkan, memang tampilan blog bisa lebih bagus, tapi apabila loadingnya sangat lama akan sangat meresahkan pengunjung.

4. Apabila kamu menggunakan hosting berbayar, pilih hosting yang cepat!, memang tidak murah tapi lebih baik cepat, efisien dan sedikit mahal daripada murah dan selalu error.

5. Apabila kamu melakukan link exchange berupa banner dengan blog lain, letakkan banner-banner tersebut pada sebuah posting, bukan pada halaman utama blog.

Semoga Bermanfaat... :)

Read more »

Cara Membuat Read More di Blogspot Versi Baru

Fungsi Read More kali ini emang agak berbeda dengan Read More versi lama. Bila versi terdahulu kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Untukversi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.

Terus..hebatnya lagi, fungsi Read More ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Mungki lebih nyaman saya sebut saja dengan fasilitas image thumbnail.

Tidak hanya itu saja, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Masih bingung maksudnya? Langsung ke tutorialnya saja ok.

Penting! Yang sudah memasang Read More versi lama sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna merah dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja)

<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;'/>

OK, kalo sudah tinggal lanjutkan dengan tutorial dibawah.

Pertama, silahkan tuju langsung ke halaman EDIT HTML, Cari kode </head>kemudian letakan script dibawah ini di atas kode </head> Kalo sudah, jangan lupa di simpan terlebih dahulu.

Langsung copy paste aja kode dibawah ini:

<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>

Masih pada halaman EDIT HTML, Beri tanda centang pada "Expand widget template" lalu temukan kode seperti dibawah

<data:post.body/>

Kalo sudah, ganti kode <data:post.body/> dengan 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>

silahkan disimpan dan lihat hasilnya :)

Keterangan:

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)

Selamat Mencoba... :)

Read more »

Cara Membuat Read More di Blogspot

Saat saya jalan-jalan di internet untuk mencari cara membuat Readmore atau Baca Selengkapnya, eh saya dapat artikel ini di o-om.com terus saya praktekin aja artikelnya, eh ternyata berhasil. Untuk itu saya berniat untuk share artikel ini ke teman-teman yang lain. 

Mungkin rekan blogger yang baru mulai membuat blog masih bingung apa itu readmore? Readmore adalah pemenggalan kalimat pada posting suatu halaman, Pemenggalan halaman posting biasanya ditandai dengan "Read More", "Next", "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya"atau apalah namanya :). Readmore biasanya digunakan untuk menandai bahwa kalimat pada posting masih mempunyai kelanjutan, dan juga berguna mempersingkat halaman posting yang panjang. Pengen tau cara buatnya?

Contoh ReadMore :

Pernah menemukan pesan seperti diatas?...jika pernah jangan panik, ini hanya pesan pemberitahuan dari blogger kalau layanan sedang melakukan perbaikan maintenance pada server. pesan ini hanya berlangsung kurang lebih beberapa menit setelah itu akan normal kembali. Semoga informasi ini membantu :)Readmore.. »

Untuk membuat readmore ikuti langkah dibawah ini :

• Langkah Pertama:

Buka Template - Edit HTML - Berikan tanda centang pada "Expand widget template"

• Langkah Kedua:

Jangan Lupa backup blogger dengan mengklik "dowlnoad template lengkap"

• Langkah Ketiga:

Cari kode dibawah ini:

<div class='post-header-line-1'/> <div class='post-body'>

Tips : Untuk mempermudah pencarian kode diatas sebaiknya ikuti tips berikut ini. pertama kamu buka program text editor misalnya notepad.exe ( Pada MS Windows tekan menu Start -> Proggram -> Accessories -> Notepad) kemudian kopy/paste kode HTML tadi ke notepad. kemudian pada notepad pilih Menu Edit-> Find. pada box find masukan kode ini <div class='post-header-line-1'/>kemudian klik tombol Find next. (jika masih gak ketemu terpaksa kita melakukan pencarian secara manual)

Jika sudah menemukan kode diatas, Copy-Paste kode dibawah ini kemudian letakan kode tersebut dibawah kode diatas.

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>

Kemudian dibawah kode diatas kita akan menemukan kode:

<p><data:post.body/></p>

Lakukan Copy-Paste kode dibawah ini dibawah code diatas

<a expr:href='data:post.url'>Readmore »»</a>
</b:if>

 

Tips: Kode Readmore diatas bisa ganti dengan kalimat sendiri (contoh "Baca Selanjutnya", "Baca berikutnya", "Selengkapnya")

Kode selengkapnya jika dilihat akan tampak sebagai berikut:

<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;'/>

Jika kita mengedit langsung pada halaman blogger Edit HTML dan semua kode diatas sudah dilakukan perubahan, jangan lupa disimpan ya :)

Ini jika kita menggunakan Text Editor Notepad : Setelah melakukan pengeditan kode pada notepad, lalu hapus semua kode yang ada pada halaman edit blogger, kemudian masukan seluruh kode pada notepad tadi dengan cara copy/paste) Sampai disini pengeditan kode selesai, jangan lupa disimpan.

• Langkah Empat

Setelah kode diatas disimpan kita kembali dan masuk ke tab Pengaturan ->Format -> cari "Post Template" Kemudian pada kotak masukan kode dibawah ini

<div class="fullpost">
</div>

Jangan lupa disimpan :) 

• Langkah Kelima :

Disini saya akan menjelaskan cara penggunaan readmore pada halaman posting. Ketika kita melakukan posting pertama kali kita akan melihat kode:

<div class="fullpost">
</div>

ingat jangan hapus kode diatas karena kode tersebut merupakan kode yang akan kita gunakan dalam pemenggalan posting nantinya.

Sebagai contoh lihat cuplikan kalimat dibawah:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). (Dini rencana text yang akan dipenggal)Sebenarnya Tips of the day disini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.

Bagaimana cara pemenggalan kode diatas? caranya tinggal kamu lihat 2 kode pemenggalan kalimat dibawah (ingat kode hanya bekerja pada halaman editor posting)

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). <div class="fullpost"> Sebenarnya Tips of the daydisini cuma istilah saja...tips yang akan kita buat nanti bukan disampaikan setiap hari melainkan tips ini akan berganti ketika pengunjung melakukan refresh atau reload pada halaman blog.</div>

Jadi hasil posting pada halaman browser akan tampai sebagai berikut:

Tips of the day merupakan tips singkat yang akan disampaikan kepada pengunjung seriap hari, Tips ini bisa berisi apa saja, bisa berupa Tips Bisnis, Tips memasak, Tips merawat mobil, Tips money online, Tips bercinta atau apalah terserah :), Asal jangan tips blogging karena dah punya om hehehe (emang siapa om ya :). Readmore »»

Selamat Mencoba... :) 

Read more »

Cara Membuat Read More Otomatis di Blogspot

Blogger memang suatu layanan dari Google yang sudah tidak asing lagi bagi para peblogger yang suka gratisan, termasuk saya pastinya. Nah, sepertinya agar para pengguna blogger tidak lari ke website penyedia layanan blog lain, telah disediakan fitur Read more pada posting blogger atau blogspot.

Fitur terbaru Read more ini sudah lama berada di fitur blogger atau blogspot anda, tapi karena pengaturannya tersembunyi, ini yang menjadikan kita tidak mengerti dan membuat tambahan Read more secara manual di blogger atau blogspot. Pengen tahu caranya...???

Berikut cara mudah membuat read more otomatis di posting blogger atau blogspot anda :

1. Login ke account blogger atau blogspot anda

2. setelah terbuka di menu dasbor anda, klik salah satu dari blog yang akan diubah.

3. Klik menu Pengaturan

4. Cari Pilihan Pilih editor entri

5. Pilih Editor yang diperbarui

6. Simpan setelan

7. Fitur read more anda sudah ada di menu posting baru anda.

8. Untuk merubah kata Read more posting blogger atau blogspot anda menjadi kata yang disukai, cukup klik menu Rancangan/Tata letak dan lihat di pojok bawah blog post anda

9. Muncul halaman baru yang berisi pengaturan dari posting anda. Di pilihan Teks tautan laman entri isi dengan kata yang anda inginkan dan SIMPAN

10. Sekarang Read more otomatis di blogger atau blogspot dengan kata sesuka anda bisa muncul dengan klik menu Read more di postingan.

Selamat mencoba... :)

Read more »

Cara Meningkatkan Site Linking Alexa Rank

Mungkin anda sebagai pemBlogger pemula bingung Kenapa Rank/Links In Alexa No data ? Lihatlah Links In Alexa saya juga masih No Data, hehehe, Nah saya akan memberikan tips mudah untuk menaikan Rank Alexa agar tidak lagi No Data. mari kita belajar bersama gunakan tips ini, semoga kita bisa mendapatkan apa yang kita mau. 

Cara Meningkatkan Site Linking Alexa Rank saya baca ketika berkunjung di blog sahabat, kemudian saya lihat Widget Alexa Rank yang terpampang di sidebar blognya. Woowww…. Site Link In – nya banyak sekali, Jumlahnya hingga Puluhan Ribu. Sudah lama sebenarnya saya menemukan posting seperti ini, namun dulu saya sanksi apakah benar cara ini bisa berhasil menaikkan PR dan backlink. Setelah saya membacanya kembali dan masih kurang yakin atas Site Link In Alexa Rank yang saya lihat di alexa-nya sayapun kembali lagi mengunjungi blog-blog yang telah mengikuti cara ini. Dan ternyata benar, blog-blog yang menerapkan cara ini Page Rank Juga Ikut meningkat namun yang paling menonjol adalahSite Linking yang dimiliki blog-blog tersebut sungguh banyak sekali.

Jika kita memiliki PR yang bagus dan backlink yang banyak, maka sangat cocok jika kita ikut program semacam paid reviews. Saya sungguh menyesal tidak menerapkan cara ini sejak dulu. Lebih baik terlambat daripada tidak sama sekali. Karna saya ingin memoneytize kanblog ini ke program paid reviews.

Caranya sangatlah mudah, anda hanya tinggal copy link yang berada di bawah ini dengan syarat anda harus menghapus link pada peringkat 1 dari daftar, lalu pindahkan yang tadinya nomor 2 menjadi nomor 1, nomor 3 menjadi nomor 2, nomor 4 menjadi nomor 3, dst. Kemudian masukan link blog anda sendiri pada urutan paling bawah ( nomor 10). Dan silahkan ajak teman anda untuk mengikuti cara ini serta sebarkan cara ini ke banyak Situs Jejaring Sosial anda.

1. Download MP3
2. Daftar Isi Blog Harapan Putra
3. HARAPAN photoLOG
4. Free Watch Video
5. Free Internet Informations
6. Raffi Exterminator
7. TuneUp PageRank
8. diienfo
9. Yasinku Dot Com
10. Area Belajar

Petunjuk :

• Buat postingan seperti ini atau kalau tidak sempat membuat artikel, silahkan copy paste saja artikel ini termasuk copy link location nya, terus hapus pesertaNo.1 dari daftar. Sehingga semua peserta naik 1 level. Yang tadi nomor 2 jadi nomor 1, nomor 3 jadi 2, dst.
• Kemudian masukkan link anda sendiri di bagian paling bawah (nomor 10).
• Sebarkan artikel ini atau cari minimal 5 orang untuk gabung, lebih banyak lebih baik. Jika tiap peseta mengajak 5 orang saja, maka jumlah backlink yang akan didapat adalah :

Keterangan:

Jika anda mampu mengajak lima orang saja untuk mengcopy artikel ini maka jumlah backlink yang akan didapat adalah:

Posisi 10, jumlah backlink = 1

Posisi 9, jumlah backlink = 5

Posisi 8, jumlah backlink = 25

Posisi 7, jumlah backlink = 125

Posisi 6, jumlah backlink = 625

Posisi 5, jumlah backlink = 3,125

Posisi 4, jumlah backlink =15,625

Posisi 3, jumlah backlink = 78,125

Posisi 2, jumlah backlink = 390,625

Posisi 1, jumlah backlink = 1,953,125

Dan nama dari alamat blog dapat dimasukan kata kunci yang anda inginkan yang juga dapat menarik perhatian untuk segera diklik. Dari sisi SEO anda sudah mendapatkan 1,953,125 backlink dan efek sampingnya jika pengunjung downline mengklik link anda maka anda juga mendapat traffic tambahan.

Nah, buat postingan seperti ini atau kalau tidak sempat membuat artikel, silahkan copy paste saja artikel ini silahkan, dan hilangkan peserta nomor 1 lalu tambahkan link anda di posisi 10. Ingat, anda harus mulai dari posisi 10 agar hasilnya maksimal. Karena jika anda tiba-tiba di posisi 1, maka link anda akan hilang begitu ada yang masuk ke posisi 10.

Selamat mencoba... :)

Read more »