cara menampilkan online/off 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?dalijo"> <img src="http://opi.yahoo.com/online?u=dalijo&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?

membuat tulisan berkedip

Untuk membuat tulisan berkedip seperti ini, kita membutuhkan kode HTML


<blink>TULISAN KAMU</blink>

.
Gimana???sedikit kan kodenya.


Kita dapat memodifikasinya dengan menyetting ukuran huruf, warna huruf, memasukkan link, dan memasukkan kode marquee (sebaiknya jangan dimodifikasi dengan marquee(tulisan berjalan) karena terlalu modif dan membingungkan pembaca).

Pertama kita akan memodifikasi tulisan blink dengan menyetting ukuran dan warna huruf agar lebih menarik. Tapi okelah saya akan membahasnya sedikit.

1).Langkah pertama silahkan copy kode ini
<font size="16" color="green" face="verdana"><blink>TULISAN ANDA</blink></font>
2).Silahkan ganti ukuran huruf pada size, warna pada color, dan tipe pada face. Untuk tipe harus ditulis dalam satu huruf, seperti times_new_roman. Banyak dari sobat blog ini yang tidak berhasil mengaplikasikan kode-2 termasuk kode ini. Hal ini disebabkan karena salah dalam meletakkan kode HTML, contohnya pada kode HTML di atas.
Kode untuk setting huruf harus ditulis dahulu sebelum kode blink.
3).Paste kode tersebut pada profil sobat atau kirim pada komentar.
4).Beres kan...

Hasilnyow...
Tara....TULISAN ANDA

Modifikasi selanjutnya adalah memasukkan link ke dalam tulisan ngeblink tersebut. langkahnya sih tidak jauh berbeda dengan cara di atas, yang penting kita harus memperhatikan kode mana dulu yang harus ditulis.

1).Copy kode berikut
<a href="alamat URL yg dituju" target="_blank"><blink>Tulisan Anda</blink></a>
2).Kode di atas dapat diubah, seperti alamat URL yg dituju-->isi dengan URL yang sobat kehendaki; jika sobat menginginkan menampilkan link pada window asli, hapus kode target="_blank"; link tersebut dapat sobat tampilkan dengan kata yang sobat kehendaki, caranya ganti tulisan Tulisan Anda.
3).Paste kode tersebut di tempat yang seharusnya (masa' harus saya beritahu lagi tempatnya).

membuat tulisan berjalan

Pada postingan kali ini kita akan belajar membuat tulisan berjalan (marquee) dari kode HTML.
Yang pertama kita akan belajar membuat tulisan sederhana biasa seperti contoh diatas dengan tulisan SANK-PRABU :

ak jg gk tau kok bisa begini , mungkin anda ada yang bisa bantu ak :(

Contoh tersebut dibuat dengan menggunakan kode seperti yang terdapat di dalam kotak di bawah ini :
<marquee>TEKS BERJALAN</marquee>




Kamu juga dapat mengatur lebar dan tinggi merquee dengan mengganti tulisan 100% dengan nilai yang anda kehendaki, atau kamu juga bisa menghilangkannya tidak usah diatur lebar dan tingginya biar menyesuaikan sendiri. Kode scrollamount="2", menunjukkan kecepatan pergerakan teks, sehingga anda dapat mengganti sesuka anda,seperti :
<marquee width="100%" direction="left" scrollamount="7" align="center">TEKS BERJALAN</marquee>


Arah gerak dapat anda ganti dengan mengubah teks "left" dengan "right", "up", atau "down" tentunya dengan memperkirakan ruang gerak dengan cara mengganti Width dan Height serta banyak teks yang kita tulis,



•Silahkan copy kode di atas




Tulisan berjalan yang telah kita buat, dapat dimodifikasi (gerak bolak-balik) dengan menambahkan kode behavior="alternate", sehingga kodenya berubah menjadi :
<marquee width="100%" direction="left" scrollamount="7" behavior="alternate" align="center">TEKS BERJALAN BOLAK - BALIK</marquee>
dan Hasilnya tulisan kamu akan bolak balik.......

Cara Menulis Kode HTML/Java Script di posting

Kalangan blogger pemula yang sudah pernah mencoba menulis kode html / javascript di posting dan ingin kode tersebut tampil seperti waktu ditulis mungkin merasa heran karena setelah dipublish jadi berbeda. Contoh, umpamanya Anda menulis kode <> dan ingin tampil persis seperti itu diposting Anda, kenyataannya kode tersebut malah hilang. Ikuti tutorial praktis berikut, oh ya tip ini berlaku baik di posting wordpress atau blogger / blogspot.


A. Konversi Online

1. Kunjungi Encode Decode HTML Converter di sini.

2. Masukkan kode html / javascript yang ingin Anda tampilkan di posting di kotak yang tersedia, terus klik menu “Encode”

3. Copy dan paste hasil encode yang ada dalam kotak ke posting Anda. Selesai.

Catatan: Jangan lupa klik menu “Kode” atau “Code” sebelum memasukkan kode html yang sudah di-encode tadi.

B. Konversi / Encoding secara Manual
Oleh fatihsyuhud.com

Untuk menulis kode html/javascript di posting secara manual sebenarnya cukup mudah. Ikuti tutorial singkat berikut:

1. Ganti setiap kode
<> dengan >

Mengapa perlu dikonversi secara manual kalau sudah tersedia konversi/encoding online? Ya, untuk jaga-jaga siapa tahu konversi/encoder onlinenya sudah tidak bisa diakses lagi. Atau setidaknya, mengurangi ketergantungan pada alat encoder punya orang. Betul nggak?

Silahkan dicoba.

cara membuat widget kategori

Widget kategori label memang berperan cukup penting untuk sebuah blog, selain membuat situs kamu menjadi lebih menarik, dan terlihat professional. Category Labels ini juga memudahkan pengunjung untuk mengklasifikasi artikel kita. Menurut hemat saya ada tiga model untuk membuat widget ini yaitu: tag clouds, comulus clouds, labels (standar blogger). Saya sendiri lebih suka menggunakan label category standar blogger, karena Tag cloud dan comulus cloud menggunakan javascript dan flash yang agak membuat loading page blog kamu jadi berat, selain itu juga cara ini sangat mudah dan tidak ribet (gak perlu menghack dengan kode-kode yang memusingkan, karena layananan ini sudah terintegrate di blogger sendiri). Secara fungsi tetap sama menampilkan informasi kategori artikel kamu, hanya beda tampilan saja. Ok, kali ini saya akan menjelaskan bagaimana cara membuat widget kategori label menggunakan feature dari blogger, lanjut?

Untuk membuatnya mari kita ikuti langkah-langkah berikut:
1. Login ke account blogger kamu
2. Pilih layout > add gadget pada sidebar kamu untuk membuat elemen halaman baru
3. Pilih Label, perhatikan gambar di bawah ini:




4. Pada Title kamu isikan judul widget kamu, misal: kategori, daftar ini, labels, dsb. Pada pilihan sorting kamu bisa memilih Alphabetically untuk mengatur labels kamu secara abjad dan By Frequency untuk mengatur labels kamu dari jumlah artikel terbanyak. Tampilan Previewnya akan terlihat.

5. Jangan lupa Save dan lihat hasilnya.

Wah?? isi Category Labes Widgetnya masih kosong mas?? Gimana ya? Ya iyalah... secara duren aja di belah bukan di bedong wakakakak...!!! Kamu perlu mengedit kembali semua arikel yang sudah kamu posting dan isikan label kamu sesuai dengan artikel kamu, caranya kamu tinggal masuk ke menu posting > edit posts lalu edit satu persatu artikel yang kamu buat dan masukkan isi kategori (misal: belajar blog, SEO, bisnis internet dsb) kamu pada Labels for this post: kotak di bawah kanan dan publish. Kamu bisa mengisi lebih dari satu kategori dengan memisahkan menggunakan tanda koma ",". Untuk lebih jelasnya lihat gambar berikut:



Jangan lupa setiap kamu artikel yang akan kamu posting di buat label kategorinya juga, untuk contoh kategori labels ada di blog ini pada sidebar (kategori), selamat mencoba...!!!