Menambah Emoticon di Shoutbox

Apa kamu bosan dengan emoticon yang ada di shoutbox kamu? Nha biar nggak bosan kamu bisa menambahkan sendiri icon-icon (emoticon) kesayangan kamu kedalam shoutbox blog kamu. Mau tahu caranya? begini nih cara nya...
Oh ya, trik yang ini hanya untuk yang menggunakan shoutbox dari shoutmix.

Ikuti langkah-langkah berikut ini :
1. Login ke shoutmix.com
2. Trus di daerah menu "Display", klik link "Smileys"
3. Nha nanti kamu akan menjumpai tampilan seperti ini :




4. Untuk manambahkannya masukkan alamt icon kamu kedalam kotak "Smile image URL", kalo kamu tidak punya iconnya atau alamatnya kamu bisa gunakan alamat icon2 dibawah ini.
5. Trus masukkan "kode" (shorcut) kedalam kotak disebelahnya trus klik tombol "ADD"
6. Lakukan terus seperti itu sampai semua icon smile yang kamu inginkan masuk dalam daftar.
7. Kalo sudah klik tombol "Save Setting"

Nha coba kamu lihat blog kamu, trus lihat dishoutboxnya maka kamu sudah punya tambahan emoticon dalm shoutbox kamu.

Berikut ini daftar emoticon beserta alamat URL-nya :

Icon
URL
senanghttp://kendhin.890m.com/smile/senang.gif
yahoo_angryhttp://kendhin.890m.com/smile/yahoo_angry.gif
yahoo_bigsmilehttp://kendhin.890m.com/smile/yahoo_bigsmile.gif
yahoo_blushhttp://kendhin.890m.com/smile/yahoo_blush.gif
yahoo_cryhttp://kendhin.890m.com/smile/yahoo_cry.gif
yahoo_devilhttp://kendhin.890m.com/smile/yahoo_devil.gif
yahoo_kisshttp://kendhin.890m.com/smile/yahoo_kiss.gif
yahoo_laughloudhttp://kendhin.890m.com/smile/yahoo_laughloud.gif
yahoo_lovehttp://kendhin.890m.com/smile/yahoo_love.gif
yahoo_winkhttp://kendhin.890m.com/smile/yahoo_wink.gif
yahoo_partyhttp://kendhin.890m.com/smile/yahoo_party.gif
yahoo_prayhttp://kendhin.890m.com/smile/yahoo_pray.gif
yahoo_rotflhttp://kendhin.890m.com/smile/yahoo_rotfl.gif
yahoo_sadhttp://kendhin.890m.com/smile/yahoo_sad.gif
yahoo_sleephttp://kendhin.890m.com/smile/yahoo_sleep.gif
yahoo_smileyhttp://kendhin.890m.com/smile/yahoo_smiley.gif
yahoo_sweatinghttp://kendhin.890m.com/smile/yahoo_sweating.gif
yahoo_thinkhttp://kendhin.890m.com/smile/yahoo_think.gif
yahoo_tonguehttp://kendhin.890m.com/smile/yahoo_tongue.gif
yahoo_witsendhttp://kendhin.890m.com/smile/yahoo_witsend.gif

Oh ya lupa, maksimal icon smile yg dapat kita tambahkan adalah 10 biji, ini buat yg gratisan, kalo buat yg premium bisa nyampe 500 biji.

Baca Selengkapnya...

Cara Menampilkan Status Off/Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".


<a href="ymsgr:sendIM?paijo"> <img src="http://opi.yahoo.com/online?u=paijo&amp;m=g&amp;t=2&amp;l=us"/>
</a>



Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

Piye? gampang to?

Baca Selengkapnya...

Cara Membuat Menu DTree

Apa itu menu Dtree (D-Tree) ? itu lho menu yang memiliki struktur seperti pohon, yang punya cabang-cabang itu lho, Seperti kalo kita membuka Windows Explorer. Menu yang seperti gambar dibawah ini atau seperti contoh ini.



Menu Dtree ini sangat berguna jika kamu memiliki postingan yang buanyak, karena dengan menggunakan menu Dtree maka akan bisa menghemat space/ruang yang ada di blogmu. Nah kamu pingin tahu cara membuatnya?

Beginilah cara membuatnya :

1. Login to Blogger, trus pilih "Layout --> Edit HTML"
2. Taruh kode berikut ini diatas kode <head>


<link rel="StyleSheet" href="http://www.geocities.com/uddin_81/dtree.css" type="text/css" />
<script type="text/javascript" src="http://www.geocities.com/uddin_81/dtree.js"></script>



3. Trus Klik Tombol "Save

4. Setelah itu copy kode berikut ini dan pasang di sidebar kamu, udah tahu tho cara pasangnya? itu lho di menu "Page Element" trus klik "Add a Gadget --> HTML/Javascript". Inolah script yang harus kamu copy di sidebar kamu.


<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>



berikut ini keteranganya:
- Ganti tulisan "link.html" dengan link kamu (judul posting kamu).
- Angka yang pertama harus unik tidak boleh ada yang sama (d.add(1,0,�Node 1�,�link.html�);
- Angka yang kedua merupakan cabang dari angka pertama (perhatikan angka-angka yang memiliki warna sama).

- Kamu bisa mengganti icon-iconnya dengan icon kamu sendiri, contoh scriptnya akan seperti ini:


d.add(10,0,�Profile�,�link.html�,��,��,�http://kendhin.890m.com/dtree/trash.gif�);



Ganti text "http://kendhin.890m.com/dtree/trash.gif" dengan alamat gambar kamu. contohnya akan seperti ini :



Nha gampang tho .....

Baca Selengkapnya...

Cara Menuliskan Script/Kode Dalam Artikel Blog

Untuk menuliskan script/kode kedalam artikel blog memang ada tekniknya sendiri, karena jika kita menuliskannya dengan cara yang biasa maka yang akan muncul kemudian di blog tidaklah seperti dengan apa yang kita tuliskan. Misalnya gini, jika kita menuliskan kode <head> dengan cara yang biasa maka hasilnya tidak akan muncul dalam postingan karena kode tersebut langsung diterjemahkan kedalam bahasa HTML. Jadi untuk menuliskan kode <head>, maka yang seharusnya dituliskan supaya bisa muncul kode tersebut adalah ini &lt;head&gt;. Nah terus bagaimana kalau ada banyak kode yang harus kita posting?
Mau tahu bagaimana caranya menuliskan kode2/script2 tersebut ke dalam blog?

Ada beberapa cara untuk menuliskan kode-kode tersebut kedalam blog, diantaranya yaitu:

Cara Pertama :
- Gunakan software-software web design, misalnya Macromedia Dreamwaver, Microsoft Frontpage, Namao Web Editor. Atau bisa juga dengan software-software blogtools seperti post2blog dll.
- Trus tuliskan semua kode pada area design, kemudian copy kode-kode tersebut dari area HTML Code. Nha kode-kode dalam area HTML Code tersebut lah yang harus diposting.

Cara Kedua :
- Tuliskan semua kode/script ke dalam notepad
- Kemudian ganti/replace kode-kode berikut

Kode
Kode Pengganti
<
&lt;
>
&gt;
"
&quot;
- Udah tahu kan caranya mereplace di notepad? itu lho dengan memilih menu edit --> replace kemudian pada kotak yang muncul masukkan kode yg akan direplace pada kolom "Find what" trus masukkan kode pengantinya pada kolom "Replace with"trus tekan tombol Replace All.
- Nha kalo udah semua baru kamu copy semua kode yang udah direplace all tadi, trus kamu masukkan kedalam postingan kamu.

Cara Ketiga :
- Buka situs ini http://centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nha kalo sudah tekan tombol "Encode", nha maka kamu akan mendapatkan script baru untuk diposting di blog kamu.

Piye? Gampang to? gitu aja kok repot.....

Baca Selengkapnya...

Membuat Kotak Komentar Intensedebate

Bagi pengguna blogger tentunya sudah tahu kan kalo kotak komentar yang ada di blogger tidak langsung berada dibawah postingan, tapi harus nge-klik link dulu baru akan muncul pop-up kotak buat ngisi komentar. Nha dulu kita kan pernah mengakali hal ini dengan memakai jasa pihak kedua yaitu dengan menggunakan kotak komentar dari haloscan, tapi ternyata banyak pemakai yang komplain karena hasilnya tidak seperti yang diharapkan mungkin karane tidak sesuai dengan template yang digunakan. Nha ketika aku jalan-jalan di blog orang lain trus aku baca-baca (sebenarnya sih nggak bisa bacanya, lha wong tulisanya pake tulisan campur ama tulisan cina :p ). Aku lihat dibagian bawah ada kotak komentar yang sepertinya asing, trus aku selidiki, akhirnya ketemu deh cara buatnya. Nha bagi yang kemarin gagal makai kotak haloscan mungkin yang ini bisa jadi alternatif. Mau tahu cara buatnya?

Cara buatnya sangat mudah,
1. Login ke blogger, trus pilih "Layout --> Edit HTML", Nha kamu klik link "Download Full Template", untuk membackup template kamu.
2. Trus kamu datangi situs ini intensedebate.com trus daftar disana, cara daftarnya gampang kok. kalo udah daftar trus login ya. Trus masuk ke menu "dashboard"
3. Di sebelah kanan atas ada sebuah tombol biru yang ada tulisannya "add blog", klik tombol tersebut.
4. Trus akan muncul kota untuk mengisikan alamat blog kamu, isi kotak tersebut dengan alamat blogmu trus klik tombol dibawahnya.
5. Kemudian akan muncul pemandangan seperti ini :



6. Pilih yang "Widget (Recomended)" aja biar mudah.
7. Trus dibawahnya kan ada beberapa pilihan untuk "Replace Comment System", Pilih "On post without comments" jika kamu pingin kotaknya muncul dalam postingan yang belum ada komentarnya (komentar-komentar kamu yang sebelumnya masih tetap ada tapi pada postingan yang sudah ada komentarnya kotak komentar ini tidak muncul). jika km pingin semua postingan menggunakan kotak komentar ini maka pilih yang "On all blog post" (semua komentar kamu yang sebelumnya akan hilang).
8. Kalo sudah klik tombol "Complete Installation"
9. Maka kamu akan melihat halaman seperti ini :



10. Klik tombol "ADD WIDGET". Trus langsung jadi deh kotak komentar kamu.

Coba dilihat blog kamu, trus coba pilih salah satu postingan kamu dan lihat dibawahnya, Insya'Allah kamu akan melihat kotak komentar seperti ini :



Oh ya, satu lagi nih kelebihannya, kamu bisa dengan mudah menghapus kotak komentar ini karena ini bebrbentuk widget, caranya seperti biasa kalo kamu menghapus element.
Nah, SELAMAT MENCOBA ..**>...*>>$%##@

Baca Selengkapnya...

Arsip Blog