Berbagi Ilmu: Cara Ngeblog

Memasukkan Status YM

Berikut ini akan saya tunjukkan cara memasang status YM kita di blog, dan mempunyai fungsi di saat YM kita online maka akan muncul status online kita di blog begitu sebalik nya. cara nya mudah

Login ke blo gger kamu pilih Pengaturan + Tata Tetak + Tambah Gadget + HTML/JavaScript + Paste kan kode di bawah ini dan simpan

<a href="ymsgr:sendIM?ID_Yahoo_anda"><img src="http://opi.yahoo.com/online?u=ID_Yahoo_anda&m=g&t=1"

/></a>

Pada tulisan warna merah ganti dengan ID di yahoo kamu

Mungkin sudah banyak blog-blog tutorial yang ngebahas bagaimana memunculkan status icon Yahoo! Messenger ini secara mendetail. Di sini saya cuma membahas masalah icon Yahoo! Messenger.Biasanya status YM yang ditampilkan di blog bentuk atau gambarnya seperti ini:

Tag untuk menampilkan status Yahoo! Messenger di blog dengan icon yang kecil sebagai berikut:

<a href="ymsgr:sendIM?yahoo_id"><img src="http://opi.yahoo.com/online?u=yahoo_id&m=g&t=0" /></a>

Untuk yang gambar medium tinggal mengganti huruf/angka yang berwarna merah menjadi t=1.

<a href="ymsgr:sendIM?yahoo_id"><img src="http://opi.yahoo.com/online?u=yahoo_id&m=g&t=1" /></a>

Atau menggantinya dengan t=2 untuk yang menampilkan gambar yang besar.

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

t=10

t=11

t=12

t=13

t=14

t=15

t=16

<a href="ymsgr:sendIM?yahoo_id"><img src="http://opi.yahoo.com/online?u=yahoo_id&m=g&t=0" /></a>

Nih dari 17 sampai 24

Apa bisa diganti dengan gambar kita sendiri? Bisa, jawabnya ada di http://osi.techno-st.net:8000/.

Langkah pertama buat dulu gambar untuk online,offline dan unknown. Sebagai contoh:

Kemudian upload gambar2 tersebut, misal di imageshack, picoodle, google page, dll.

Buka web http://osi.techno-st.net:8000/ pilih yahoo pada pilihan messenger, isi user id yahoo anda (1), lalu isi alamat url icon online (2), offline (3) dan unknown (4) [yaitu jika terjadi error] yang telah kita upload tadi. Kolom IRC channel (5) dikosongi aja. Jika nomor 2, 3, dan 4 dikosongi juga ga apa2, nantinya yang akan muncul gambar default (seperti pada gambar web).
Terakhir "Get HTML code" dan copy kode HTMLnya pada blog kita.

Silakan dicoba dengan gambar kreasi anda sendiri.

Menampilkan Gambar seperti Disamping Kanan(Bawah)

Saat belajar blog saya bertemu dengan trik ini yang mungkin bisa bermanfaat buat teman-teman, mungkin trik ini udah banyak yang tahu tapi ini menurut saya ilmu ini tak akan saya lewatkan begitu saja. Untuk lebih lanjut langsung saja melakukan percobaan.

1. Login ke Blogger

2. Tata Letak + Edit HTML

3. Beri centang pada Expand Tempelate Widget

4. Kemudian cari kode ]]></b:skin> (mempercepat pencarian CTRL-F)

5. Copy kode di bawah ini di atas kode ]]></b:skin>

#trik_pojok {position:fixed;_position:absolute;bottom:0px;
left:0px;clip:inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth
- offsetWidth);
}

Tulisan yang biru bottom dapat kamu ganti dengan top (fungsinya untuk pilihan atas atau bawah)
Tulisan yang merah left dapat kamu ganti dengan right (fungsinya untuk pilihan pojok kiri atau kanan bawah)

6. Selanjut nya cari lagi kode </body> (mempercepat pencarian CTRL-F)

7. Kemudian letakkan di bawah ini di atas kode </body>

<div id='trik_pojok'><a
href='http://seikerbau.blogspot.com'><img border='0'
src='http://i46.tinypic.com/8x50s6.gif'/></a></div>

Tulisan pada warna merah silahkan ganti dengan url blog/web kamu
Tulisan pada warna biru silahkan kamu ganti dengan url gambar yang kamu inginkan

8. Simpan Template dan lihat hasil nya

NB : Jika kamu ingin url/gambar yang cocok silahkan lihat di bawah ini

Ini url gambar nya : http://i47.tinypic.com/2woxbgm.jpg

Ini url gambar nya : http://i50.tinypic.com/30jtz0j.gif

Ini url gambar nya : http://i50.tinypic.com/11snk82.gif

Gambar di atas dalam bentuk bergerak jika kamu ingin mencari yang lain silahkan cari di google dan carilah gambar yang bergerak.. ini saja yang bisa saya kasih tahu sama kalian mau cari info lagi ah....

Cara Membuat Tulisan Bergerak di Blogmu

1. Membuat teks bergerak secara horizontal dari kiri ke kanan

Misalnya kalimat "Selamat Datang di Seikerbau.blogspot.com" ingin diberikan efek marque yang membuatnya bergerak dari kanan ke kiri, maka perintahnya seperti ini :

<em><marquee>Selamat Datang di Seikerbau.blogspot.com</marquee></em>

Untuk membuat teks bergerak bolak balik dari kiri ke kanan atau sebaliknya, maka perintahnya adalah sebagai berikut :
<marquee behavior="alternate">Selamat Datang di Seikerbau.blogspot.com</marquee>

2. Membuat teks bergerak secara vertikal dari bawah ke atas

Perintah marquee untuk membuat teks bergerak dari bawah ke atas adalah sebagai berikut :
<marquee direction="up">Selamat Datang di Seikerbau.blogspot.com</marquee>

Untuk mebuat teks tersebut bergerak bolak balik secara vertikal, maka perintahnya seperti ini :
<marquee direction="down" behavior="alternate">Selamat Datang di Seikerbau.blogspot.com</marquee>

3. Membuat kalimat berkedip-kedip

Untuk membuat teks, baik itu kata atau kalimat berkedip kedip, perintahnya seperti ini :

<blink>teks yang akan dibuat berkedip</blink>

kalau tidak bisa silahkan komentar ya..

Berbagi Ilmu

Halaman

Minggu, 16 Januari 2011

Memasukkan Status YM

Menampilkan Gambar seperti Disamping Kanan(Bawah)

Cara Membuat Tulisan Bergerak di Blogmu