Cara Menampilkan Status Offline atau Online Yahoo Messenger

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline atau Online Yahoo Messenger". Lalu fungsinya apa? begini, degan status offline atau online pengujung dapat melihat apakah pemilik blog tersebut sedang online atau offline, misalnya ada yang mengunjungi blog anda, lalu ada penandanya Online maka pengunjung blog tersebut akan bisa langsung berinteraksi dengan anda melalui "Yahoo Messenger", Untuk bertanya mugkin, atau perlu penjelasan dari artikel yang anda buat mugki, Dll.

Contohnya seperti ini :

jika status kamu offline maka gambarnya akan seperti ini :



Lalu jika status kamu online maka iconya akan berubah seperti ini:




Cara Membuatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu.
Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".
Lalu maskkan script berikut ini :

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

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

Bagaimana?? mudah bukan !!
Selamat Mencoba...

Read more »

Pasang Widget Translator di blog

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalau kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool.

Cara Membuatnya :
1. Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"

2. Kemudian klik pada "Add Gadget" atau "tambah gadget=".

3. Lalu pilih HTML/Javascript"

4. Kemudian masukkan script berikut ini kedalamnya.

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage. xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

5. Kemudian simpan.

Coba sekarang lihat blogmu apakah sudah ada perubahan?
Kemudian Coba Anda tes apakah translator tersebut bekerja dengan baik atau tidak.

Selamat Mencoba...

Read more »

Pasang widget lintas berita di blog

Menanggapi pertanyaan sobat ISS pada postingan widget sharing is sexy yang menanyakan perihal seputar pemasangan widget lintas berita di blog. Kebetulan saya belum pernah membahas masalah ini, dan sebenarnya widget lintas berita ini pernah saya pasang di blog ini karena beberapa hal saya hilangkan. Seperti kita ketahui, lintas berita merupakan situs portal tempat orang mempromosikan web atau blog mereka.

Hampir semua blogger menggunakan fasilitas lintas berita sebagai media untuk promosi blog atau istilah kasarnya menjadi benalu di lintas berita, dengan total ribuan halaman/pages yang terindex di google. Dengan begitu blog kita jadi ikut terkenal dan setidaknya mendapat cipratan traffic dari lintas berita. Untuk mempermudah dalam submit berita atau artikel blog, widget lintas berita ini mungkin bisa menjadi alternati

Cara pasangnya sangat mudah, coba perhatikan langkah-langkahnya berikut ini.

Pada Edit HTML, silahkan klik Expand Template Widget.
Letakkan kode css berikut ini diatas kode ]]></b:skin>
 

#lintas-berita { background:#ECE0F8; border:1px solid #cccdcd; margin:15px 0px 10px 0px; padding:10px; color:#000; font-weight:normal; } .lintaskiri { float:left; margin:0px 15px 0px 0px; width:380px; } .lintaskanan { text-align:center; }

Kemudian letakkan kode berikut setelah kode <data:post.body/> atau <p><data:post.body/></p> :

<div class='clearfix' id='lintas-berita'> <div class='lintaskiri'> Jika menurut sobat artikel ini bermanfaat, silahkan vote ke <strong>Lintas Berita</strong> agar artikel ini bisa di baca oleh orang lain. </div> <div class='lintaskanan'> <script type='text/javascript'>lb_skin = &#39;mode2&#39;; </script> <script src='http://www.lintasberita.com/widget_vote/lintasberita.js' type='text/javascript'/> <noscript>Powered by www.lintasberita.com visit <a href='http://www.lintasberita.com'>Lintas Berita</a></noscript> </div> </div>

Simpan Template.

Perhatikan kode css yang berwarna merah, kode tersebut adalah lebar untuk widget sebelah kiri (widget untuk tulisan) harap disesuaikan dengan lebar template. Jika widget lintas berita muncul pada halaman depan blog, maka tambahkan kode

<b:if cond='data:blog.pageType == &quot;item&quot;'>

diantara kode yang berwarna biru dan tutup dengan kode

</b:if>

Selamat Mencoba...

Read more »

Cara Membuat Form Email Subscribe atau Berlangganan Lewat Email

APASIH UNGSI Subscribe??? Form Subscribe fungsinya adalah untuk mempermudah para pembaca blog kita agar bisa berlangganan atau mendapatkan info terbaru postingan kita melalui email mereka. Jadi jika memposting artikel baru maka para pelanggan/pembaca yang sudah memasukkan email mereka melalui form tersebut maka akan secara otomatis mendapatkan kiriman email yang berisi postingan terbaru dari kita.

Berikut cara membuat form "Email Subscribe" :

1. Kunjungi situs ini : http://www.feedburner.com
2. Saat pertama kali datang kamu akan langsung disodori kotak untuk mengisikan alamat feed blogmu yang akan dibakar.
3. Biasanya alamat feed blog kamu seperti ini http://namablogkamu.blogspot.com/feeds/posts/default , ganti tulisan namablogkamu dengan nama alamat blogmu.
3. Isikan nama feed blogmu tadi dalam kotak yang disodorkan tersebut, jika blog kamu itu isinya hanya video maka beri tanda centang pada kotak "I am a podcaster", jika tidak maka tidak perlu dicentang. Kemudian klik tombol "next"
4. Setelah itu kamu akan disodori lagi dengan form pendaftaran, isikan data-data yang diperlukan disana, trus klik tombol "Activate Feed"
5. Apabila berhasil nanti akan ada informasi "Congrats! your ......".
6. Dibawahnya akan ada tombol "Next" dan link "Skip directly to feed management" kali ini pilih yang link "Skip directly to feed management", sebenarnya lewat tombol "next" bisa, tetapi agar lebih baiknya kita lewat cara lain saja.
7. Kemudian nanti akan ada beberapa menu, kali ini pilih menu "Publicize"
8. Setelah itu disebelah kiri akan muncul beberapa menu. PIlih menu "Email Subscriptions".
9. Kemudian klik tombol "Activate"
10. Setelah itu nanti akan ada beberapa kotak yang berisi kode-kode. Nha apabila kamu ingin yang berbentuk form maka pilih kode yang ada di kotak "Subsciption Form Code".
11. Copy kode yang ada dalam kotak tersebut, lalu klik tombol "Save" untuk mengaktifkan layanan tersebut.

Untuk Cara pasangnya, Login ke blogger, pilih "layout --> Add a Gadget --> HTMl/Java Script" kemudian paste kode yang sudah kamu copy tadi disana.

Sekarang coba dilihat blogmu, sudah ada kan form untuk "Email Subscriber".

Trus apabila ingin menampilkan jumlah reader yang berlanganan begini caranya :
- Login ke feedburner kemudian pilih feed blogmu
- Trus masuk ke menu "Publicize --> FeedCount" kemudian akan ada script, lalu script tersebut yang harus kamu copy dan pasang di blogmu.

Selamat Mencoba...

Read more »

Cara Membuat Search Engine

Tentu kita semua sudah tahu apa itu Search Engine.
Saat ini Search Engine tidak bisa dipisahkan dalam dunia internet. Dengan Search Engine kita bisa mencari tahu tentang suatu hal yang kita inginkan sesuai dengan keyword yang kita ketikkan dan juga lain-lainnya.....disini saya akan membahas bagaimana caranya membuat search engine di blogger.

cotoh search engine

Caranya Membuatnya :

1. Login ke blogger terus klik Layout terus pilih page elements nha disitu kan banyak tulisan Add a page elements klik link tersebut dan sesuaikan dimana tempatnya menaruh search engine
2. kemudian pada layar baru yang muncul pilih HTML/Javascript kemudian copy/paste script/kode berikut ini di dalam kolom content.

<form action="http://nama-blogmu.blogspot.com/search" method="get"> <input class="textinput" name="q" size="40" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Catatan :
Ganti nama-blogmu dengan nama blog kamu. Aangka 40 menunjukkan panjang kotak (text box) semakin banyak angkanya maka semakin panjang textbox-nya.

Selamat Mencoba...

Read more »

Cara Membuat Kotak Blogroll dan Marquee

Kali ini saya mau ngejelasin trik dalam membuat kotak blogroll dan marquee pada blog.
Disini ada dua macam kotak blogroll yang akan kita buat, terserah kamu ingin pilih yang mana.

1. Kotak Blogroll Model Textarea

Contohnya seperti gambar berikut ini:

Cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 200px; height: 200px; text-align: center; "> #link1 <br /> #link2 <br /> #link3 <br /> #link... </div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal.
Cara membuatnya :
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" > #link1 <br /> #link2 <br /> #link3 <br /> #link...<br /> </marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down (bawah), left (kiri), right (kanan).
- Jika kamu menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll anda.

Selamat Mencoba...

Read more »