Cara Membuat Emoticon Di Kotak Komentar

Pasang emoticon di kotak komentar blogmu supaya komentator blogmu bisa lebih mudah dalam menunjukkan expresi dan emosinya! Siapa tau mereka jadi lebih betah ngunjungin blog kamu buat ninggalin komentar ! Oke langsung aja ikutin cara membuat emoticon di komentar !

Cara Bikin Kotak Link Blogroll

Beberapa waktu lalu ada sobat blogger yang tanya gimana caranya bikin "link sobat" yang ada di blog catatan lixzz. Link Sobat itu gunanya buat mencantumkan link teman-teman blogger yg mau tukeran link. Nah biar hemat tempat, link sobatnya saya pasangin blogroll, jadi ga bakal menuh-menuhin tempat kalo linknya udah banyak, tinggal di scroll aja.

Cara masang link di kotak blogroll :
1. login blogger
2. masuk ke rancangan, pilih HTML/Javascript
3. isi kode berikut di bagian konten

<div style="border: 0px; overflow: auto; width: 159px; height:  200px; text-align: center; background:#FFFFF;">

<a href="http://ALAMAT BLOG 1.blogspot.com/" target="_blank">NAMA BLOG 1</a><br />

<a href="http://ALAMAT BLOG 2.blogspot.com/" target="_blank">NAMA BLOG 2</a><br />

<a href="http://ALAMAT BLOG 3.blogspot.com/" target="_blank">NAMA BLOG 3</a><br />

</div>

 

4. Simpan dan liat hasilnya

oke selamat mencoba ya!

10 Langkah Menyembunyikan Kotak Chatting/Chatbox

Mau masang kotak chatting / chatbox tapi takut  bikin blog keliatan penuh dan sumpek?? Disimbunyiin aja! Dengan begitu yang keliatan cuman tombol kecil di sidebar blog, begitu tombol itu di klik, keluar deh chatboxnya! Mau tau caranya? Oke, ayo kita buat chatbox tersembunyi!

Cara Membuat Kotak Chatting/Chatbox

Mau bikin kotak buat ngobrol?? Gampang kok, cuman perlu kopi paste kode html, dan kamu langsung punya kotak buat ngobrol di blogmu. Chatbox! Tutorial ini saya persembahkan untuk temanku yang request kemarin sore. Sory telat, haaha. Ok begini caranya

1. Daftar dulu di situs penyedia chatbox. Yang terkenal ada shoutmix sama cbox.

Shoutmix bagus, fiturnya banyak, tapi sayangnya pengguna shoutmix dari Indonesia ga bisa masukin/nyisipin link di chatboxnya. Jadinya ya ga bisa dimanfaatin buat blogwalking. Fitur untuk menyisipkan link dah di cabut bagi pengguna yg ada di Indonesia. Denger2 kabar gara-gara banyak pengguna Indonesia yg ga mau upgrade keanggotaan, senengnya make yg gratisan doang, haha

Cara Bikin Artikel Terkait

Coba deh perhatiin akhir dari setiap postingan di blog ini. Dibawah postingan pasti ada tulisan "artikel terkait" terus ada daftar judul postingan yang isinya masih bersangkutan / masih satu kategori sama postingan yang selesai kamu baca. Nah daftar itu yang dinamakan artikel terkait. Mau tau cara bikinnya? Ini dia :

Cara Bikin Postingan Terjadwal

Lagi dapet banyak ide buat nulis postingan? Jangan diposting semuanya dalam satu hari yang sama! Mendingan dijadwalin aja. Misal hari ini kamu bisa bikin 5 postingan, mendingan yg diterbitkan hari ini satu postingan aja, sisanya diterbitkan besok, besoknya, besoknya lagi, dan besoknya lagi. So kalo misalnya besok kamu belum punya ide buat nulis postingan, artikel di blogmu tetep update. Tetep ada pembaharuan dari postinganmu kemaren yg penerbitannya diatur. Belum paham? Kalo gitu langsung di pratekin aja!

Cara mengatur jumlah postingan

Secara umum postingan yang ditampilin di halaman depan blog berjumlah 10. Jadi kalo jumlah postingan dah lebih dari 10, postingan yang lama ga bakal keliatan di halaman depan. Kalo mau ngeliat, harus klik "postingan lama" dulu. Nah banyaknya jumlah postingan yang mau ditampilin di halaman depan bisa diatur. Caranya??? Yok kita ikutin tutorial berikut.

1. Seperti biasa, login dulu ke blog kamu
2. Terus pilih pengaturan, format
3. Liat "tampilkan sebanyak mungkin" angka 10 disitu bisa kamu ganti sesuka hati. Gampang kan?? Mudah2an berguna

Cara Membuat Label / Kategori

Kalo postingan kita dah banyak, lebih baik dikelompokin berdasarkan jenisnya atau kategorinya atau labelnya atau macemnya atau kelompoknya atau apa lah yang jelas dikelompokkan berdasarkan jenisnya atau kategorinya atau labelnya atau macemnya atau kelompoknya atau.. Lhoo0, kok ngulang lagi ??? hahahaha...

Gimana cara mengelompokan postingan kedalam kategori atau label ?

udah tau belum Cara Membuat ReadmoreTermudah

Bingung mau masang readmore di blog kamu?? Mau nyoba masang readmore jadul,,, eh ribet. Nyobain readmore otomatis,,, juga belum cocok. Kalo gitu cara membuat redmore yang satu ini mungkin cocok banget buat kamu-kamu. Gampang banget! Yakinlah sumpah bos, gampang banget!! Gak perlu ribet-ribet masang script dan kode-kode, cukup manfaatin fitur terbaru blogger! Gak percaya?? Coba cek cara membuat readmore yang satu ini!

udah tau belum, Cara Membuat Readmore Otomatis

Oke kalo kemaren saya dah ngasih tau kamu cara bikin readmore klasik/jadul, sekarang saatnya saya ngasih tau cara membuat readmore otomatis. Cara ini lebih baru dan lebih mudah dari yang kemaren. So, ikutin cara-cara di bawah ini :

1. Login ke blog dulu.
2. Dari dasbor pilih tata letak (sekarang rancangan), edit html
3. Cari kode </head> , kalo dah ketemu copy script dibawah dan taruh di atasnya.

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

KETERANGAN :

var thumbnail_mode = "float";  (buat nentuin letak thumbnail, kalo ga mau make float ganti jadi (no-float)
summary_noimg = 250; (nentuin banyaknya karakter yang mau di posting kalo postingan tanpa gambar / thumbnail)
summary_img = 250; (nentuin banyaknya karakter yang mau di posting kalo postingan make gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)

Oh ya, kalo sebelumnya kamu dah masang readmore versi jadul, kamu harus ngembali'in dulu ke bentuk aslinya. Caranya gampang, cari kode di bawah ini, terus hapus yang warnanya merah.

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

4. Simpen dulu bos hasil editannya
5. Kasih tanda centang di "expand widget template", terus cari kode <data:post.body/>
6. Ganti kode itu dengan kode

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

7. Simpan lagi daannn selesaaai...  kalo kemaren makan burger sekarang makan roti selai aja lah , heheheh.

Selamat Mencoba !

Script dapet dari http://www.o-om.com