lapand satoe crew

1. Lakukan pengecekan pada beberapa web browser
   Tampilan halaman kamu begitu cantik di browser Firefox tetapi belum tentu bagus di browser IE, Opera atau browser yang lain. Ingat pengunjung blog kamu tidak hanya menggunakan satu browser saja. Untuk itu coba kamu lakukan pengecekan dengan browser yang berbeda, misalkan: Firefox, Flock, Chrome, IE, Opera, Safari.
   
   
2. Pilihan warna pada blog
   Pemilihan warna memang susah-susah gampang semuanya tergantung selera pemilik blog. Jangan terlalu egois, pilih warna sesuai dengan tema blog kamu. Coba kamu pikir jika blog kamu tentang agama dengan pilihan warna hitam, terlihat janggal bukan! Kebanyakan warna hitam lebih cenderung ke blog yang bertemakan underground.
   
   
3. Hindari memasang jam
   Tanyakan pada diri kamu sendiri apa gunanya memasang jam di blog kamu? Jika hanya sebagai pengingat waktu atau untuk mempercantik halaman sebaiknya tidak usah digunakan. Apa gunanya jam pada taskbar windows jika begitu? Yang jelas bakal bikin loading page kamu semakin berat.
   
   
4. Hindari memasang kalender
   Apa gunanya kalender pada taskbar windows? Orang butuh informasi dari blog kamu bukan ingin melihat kalender. Kalender yang saya maksud adalah kalender umum, beda dengan kalender yang menampilkan sebuah posting (biasanya banyak digunakan pengguna wordpress).
   
   
5. Hindari pemasangan jumlah pengunjung tetap
   Jika blog kamu merupakan blog baru maka jangan gunakan jumlah pengunjung (counter), ini akan berakibat penilaian yang buruk terhadap blog kamu. Walaupun untuk beberapa penyedia layanan counter menyediakan fasilitas untuk memanipulasi dan menambah jumlah pengunjung secara manual. Coba kamu pikir, blog yang baru dibuat sudah mencapai 100.000 pengunjung, apa itu mungkin?
   
   
6. Jangan memelas untuk meminta mengklik iklan
   Hindari kata "klik iklan dibawah ini" atau bahasa apapun yang meminta pengunjung kamu untuk mengklik iklan. Sampai saat ini ada beberapa blog yang melakukan hal tersebut (maaf jika blog kamu termasuk dalam hal ini). Siapa sih didunia ini yang suka diperintah? Tanpa kamu suruhpun pengunjung bakal mengklik iklan tersebut jika dirasa berguna bagi mereka.
   
   
7. Jangan memasang iklan yang berserakan
   Iklan yang banyak memang sangat menguntungkan, namun jangan sampai isi halaman blog kamu hanya berisi iklan dan iklan melulu. Pasang iklan sewajarnya saja. Dan tahukah kamu bahwa kebanyakan pengunjung sangat risih dengan adanya iklan yang telihat melebihi kapasitas dari isi halaman blog kamu.
   
   
8. Hindari memasang lagu pada blog
   Selain membuat halaman blog kamu menjadi berat, menampilkan lagupun agak terkesan tidak profesional dan maaf agak terkesan jaman dulu (jadul). Tidak masalah jika blog kamu tentang musik atau blog personal tapi untuk blok bisnis kayanya kurang cocok.
   
   
9. Menampilkan status IP pengunjung
   Blog kamu bukan program spy kan? Jadi lebih baik status IP pengunjung tidak usah dipasang agar pengunjung tidak merasa dimata-matai.
   
   
10. Memasang widget yang tidak ada hubunganganya dengan blog
    Menambahkan widget memang menyenangkan tapi jika tidak ada hubungannya dengan blog kita malah akan terkesan aneh. Pasanglah widget sesuai dengan kebutuhan saja.
    
    
11. Jangan hanya copy-paste
    Saya tidak melarang kamu untuk melakukan copy-paste. Tapi jika memang dilakukan, sebaiknya perbaiki juga code script atau naskah tulisannya. Hargai jerih payah penulis sebenarnya karena jika hanya copy-paste saja, tulisannya bakal terlihat tidak rapi dan kemungkinan gambar yang diikutsertakan tidak tampil.
    
    
12. Perhatikan tanda baca
    Perhatikan tulisan kamu apakah sudah benar tanda bacanya atau belum. Kesalahan dalam titik koma saja akan berakibat mempunyai arti yang berbeda.
    
    
13. Jangan gunakan gambar yang besar
    Gambar memang mempercantik halaman kamu, tetapi gambar yang besar justru akan menjadi bumerang buat loading page blog kamu. Yang jelas blog kamu pasti akan diabaikan untuk sementara waktu ketika loading page sedang berjalan.
    
    
14. Periksa dead link atau broken link
    Link yang telah mati (dead link) atau rusak (broken link) bakal tidak disukai pembaca. Jangan kan pembaca, search engine pun tidak menyukai hal ini. Lakukan pengecekan terhadap dead link/broken link sesering mungkin. Banyak tools di internet yang bisa melakukan tugas ini.
    
    
15. Jangan terlalu banyak memposting artikel orang lain
    Sering memposting artikel dari blog lain dengan cara copy-paste akan mendapat respon buruk dari pembaca, karena pembaca akan berpikir lebih baik membaca ke sumbernya secara langsung daripada membacanya di blog kamu.
    
    
16. Selalu menyebutkan nama sumber artikel
    Blog yang profesional selalu menghargai jerih payah orang lain. Yang jelas menyebutkan nama sumber tidak merugikan kamu sedikitpun sebaliknya penghargaan atas jerih payah orang lain itulah yang membuat kamu terlihat lebih profesional.
    
    
17. Berikan respon yang baik terhadap komentar
    Dalam merespon komentar, jangan pernah bersikap menggurui. Hargai semua komentar dengan bijak walaupun terhadap komentar-komentar yang menyebalkan sekalipun. Ingat, blog merupakan salah satu tempat untuk menuangkan semua ide dan pemikiran sehingga setiap orang pasti mempunyai pendapat yang berbeda-beda.

 mudah,hemat tempat dan  tidak memperlambat proses loading.cukup memasukan kode berikut di salah satu elemen halaman .sama seperti sebelum-sebelumnya yaitu dimasukan ke elemen halaman bagian html&javascript. jangan khawatir karna daftar isi ini unlimited.artinya berapapun postingan yang kamu buat tetap ada di daftar isi tersebut

berikut adalah beberapa  chatroom gratis untuk blog kamu!! caranya mudah,cukup daftar,sesuaikan warna kotak chat tersebut dengan blog kamu,lalu copy code nya,klik tambah gadget di bagian tata letak ,pilih html&javascript, dan paste kodenya jadi dah.letak bisa disesuaikan.

Fungsi Read More kali ini emang agak berbeda dengan versi Read More jadul. 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. Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas.


Trus..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? sama..yang jelasin juga puyeng wkwkwkw  Ya sudah, biar sama2 gak pusing 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)

referensi: