Pasang Icon Yahoo ! Messenger

Untuk menampilkan icon status online yahoo ! messenger, kita bisa memilih sebanyak 5 pilihan, yakni style id 1, style id 2, style id 3, style id 4, serta style id 5. Apa perbedaan dari style id ini? perbedaannya adalah ukuran dari icon itu sendiri, untuk melihat perbedaan style id, silahkan sobat perhatikan gambar berikut :



Style ID 1                   
Style ID 2                    

Style ID 3        
Style ID 4    
Style ID 5


masing-masing gambar mempunyai URL adddress sendiri yaitu :
http://opi.yahoo.com/online?u=YahooID&m=g&t=1
Untuk Style ID 1

http://opi.yahoo.com/online?u=YahooID&m=g&t=2
Untuk Style ID 2

http://opi.yahoo.com/online?u=YahooID&m=g&t=3
Untuk Style ID 3

http://opi.yahoo.com/online?u=YahooID&m=g&t=4
Untuk Style ID 4

http://opi.yahoo.com/online?u=YahooID&m=g&t=5
Untuk Style ID 5 

Itu tadi adalah URL address masing-masing Style ID, maka agar tampil menjadi gambar, kita harus menambah kode yaitu :
<img src="URL address">
Sehingga untuk menampilkan URL address di atas menjadi sebuah gambar, maka kodenya akan seperti ini :
<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=1" border="0">
Untuk Style ID 1

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=2" border="0">
Untuk Style ID 2

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=3" border="0">
Untuk Style ID 3

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=4" border="0">
Untuk Style ID 4

<img src="http://opi.yahoo.com/online?u=YahooID&m=g&t=5" border="0">
Untuk Style ID 5
Penambahan kode border="0", agar gambar yang di hasilkan terhindar dari adanya garis tepi atau bingkai. Tapi tentu saja kode diatas adalah hanya untuk menampilkan gambar icon YM nya dan belum bisa bereaksi walaupun sudah di klik oleh para pengunjung.

Ada beberapa pilihan yang bisa kita terapkan ketika pengunjung mengklik icon YM kita, yaitu :

Kirim Instant Messenger.
Kodenya sebagai berikut :
<a href="ymsgr:sendIM?YOURID">Kirim IM</a>
Sehingga untuk kode lengkapnya jadi seperti ini :
<a href="ymsgr:sendIM?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>
Kirim Instant Messenger dengan pesan

Kodenya sebagai berikut :
<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE">Kirim IM</a>
Sehingga untuk kode lengkapnya jadi seperti ini :
<a href="ymsgr:sendIM?YOURID&m=YOUR+MESSAGE"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>
Menambahkan link ke chat room favorit

Kodenya sebagai berikut :
<a href="ymsgr:addfriend?YOURID">Masukan ke daftar teman sobat</a>
Sehingga untuk kode lengkapnya jadi seperti ini :
<a href="ymsgr:addfriend?YOURID"><img src="http://opi.yahoo.com/online?u=YourID&m=g&t=StyleID" border="0"></a>
Bagaimana jelaskan?
Mudah-mudahan jelas. Selamat mencoba !


+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +


Tips-Trik Blog

• Cara Membuat Judul Blog Berjalan
• Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
• Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
• Membuat Drop Cap Dengan Efek dan Image
• Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
• Cara Memasang Icon Yahoo Di Blog
  
• Cara Membuat Lencana Facebook Terbuka di Tab Baru
• Cara Memasang Meta Tag Otomatis di Blogger
• Cara Membuat Tabel Dalam Blog
• Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
• Pasang Jadwal Sholat Di Sidebar Blogger
• Cara Membuat Widget Melayang Pada Blog 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =


Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !

Tips-Trik Blog

Media Pembelajaran TIK

Bagi anda yang membutuhkan file-file yang berkaitan dengan Mata Pelajaran Teknologi Informasi dan Komunikasi, silakan aja download filenya di bawah ini sepuasnya...................GRATIIIIIIISSSSSSSSS.

File	Jenis
Aplikasi_Perangkat_Lunak	pptx
Mengidentifikasi Perangkat Lunak Program Aplikasi	pptx
Mengidentifikasi Berbagai Perangkat Lunak	doc
Program Aplikasi MS. Paint	pptx
Sejarah Komputer	Ppt
Tutorial Lengkap Microsoft Excel 2007	pdf
LKS TIK VIII	doc
LKS-ptd-kelas-7-sem-1	doc
LKS-tik-kelas-7-sem-1	doc
LKS.2 TIK VIII	doc
Materi TIK-Formula Excel	pdf
Modul Pengenalan Internet	pdf
Modul Internet dan HTML	pdf
Materi Excel	pdf
Modul Word 2003_Abahvsan	doc
Tutorial Internet	doc
Excel & Contoh Formula	pdf
MS. Excel 2003	pdf
Modul Dasar Internet dan Web	pdf
Tutorial MS. Access 2007	pdf
Modul 3 - Komputer dan Perkembangan Internet	ppt

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +


Tips-Trik Blog

• Cara Membuat Judul Blog Berjalan
• Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
• Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
• Membuat Drop Cap Dengan Efek dan Image
• Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
• Cara Memasang Icon Yahoo Di Blog
  
• Cara Membuat Lencana Facebook Terbuka di Tab Baru
• Cara Memasang Meta Tag Otomatis di Blogger
• Cara Membuat Tabel Dalam Blog
• Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
• Pasang Jadwal Sholat Di Sidebar Blogger
• Cara Membuat Widget Melayang Pada Blog 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =


Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !

Materi TIK , TIK

Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share

Seperti diketahui kalau tombol share atau berbagi berguna untuk memudahkan para pengunjung blog yang ingin membagikan artikel yang telah dibacanya ke jaringan mereka. Facebook Like, Twitter Tweet dan Google +1AddThis membuatnya mudah bagi Anda untuk memilih versi terbaik dan menambahkannya ke blog Anda. Anda bisa mendapatkan tombol share dari AddThis ini tanpa perlu mendaftar terlebih dahulu. Namun, bila Anda mendaftar maka Anda akan mendapat AddThis Analystic Summary secara berkala merupakan layanan berbagi yang populer saat ini.

Berikut ini langkah-langkah dalam memasang tombol share versi tersebut di Blogger.

1. Masuk ke akun Blogger Anda.

2. Kunjungi AddThis di http://www.addthis.com/

3. Klik Join Now bila ingin mendaftar atau langsung pilih tombol share seperti gambar di bawah ini lalu klik Blogger, WordPress anda more options.

4. Pada menu Options, pilih Platform Blogger.

5. Klik tombol Install Blogger Widget.

6. Kemudian klik lagi tombol Install Blogger Widget.

7. Klik tombol MENAMBAH WIDGET.

8. Selanjutnya pindahkan elemen tersebut ke area di bawah kolom Posting Blog.

9. Klik tombol SIMPAN.


+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +


Tips-Trik Blog

• Cara Membuat Judul Blog Berjalan
• Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
• Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
• Membuat Drop Cap Dengan Efek dan Image
• Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
• Cara Memasang Icon Yahoo Di Blog
  
• Cara Membuat Lencana Facebook Terbuka di Tab Baru
• Cara Memasang Meta Tag Otomatis di Blogger
• Cara Membuat Tabel Dalam Blog
• Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
• Pasang Jadwal Sholat Di Sidebar Blogger
• Cara Membuat Widget Melayang Pada Blog 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =


Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !

Tips-Trik Blog

Cara Membuat Widget Melayang Pada Blog

Silahkan copy paste script di bawah ini pada widget HTML/Javascript.
Jika bingung apa itu widget HTML/Javascript silahkan ikuti petunjuknya:

• masuk ke dasboard blog kamu.
  
• pilih Rancangan
  
• pada elemen halaman klik ''Tambah widget''
  
• Dan pilih Widget HTML/Javascript
  
• kemudian paste-kan script di bawah ini.
  
• dan Simpan

<style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:left;margin-left:220px; border:2px solid #bb0000; background:#eeeeee; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> silahkan masukkan teks, gambar, banner, iklan..... sesukamu</center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Perhatikan pada tulisan yang berwarna biru pada script di atas, di situ berisi tentang pengaturan tentang posisi, background,border widget melayang tersebut. Atur sesuai dg keinginan kamu apakah ingin di tempatkan di bagian kiri atau kanan. Oh ya, jika kamu ingin menempatkan widget melayang tersebut pada halaman yg ingin kamu tentukan baca artikel blogtegal tentang menampilkan widget pada halaman tertentu yg kita inginka.

Bagaimana apakah sudah bisa membuat widget melayang atau membuat iklan melayang? Semoga bermanfaat.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +


Tips-Trik Blog

• Cara Membuat Judul Blog Berjalan
• Cara Membuat Menu Navigasi Horizontal dengan Sub Menu Vertikal
• Pasang Tombol Like Facebook, Tweet Twitter, Google +1, dan Share
• Membuat Drop Cap Dengan Efek dan Image
• Cara Membuat Fungsi Scroll pada Daftar Komentar Blog
• Cara Memasang Icon Yahoo Di Blog
  
• Cara Membuat Lencana Facebook Terbuka di Tab Baru
• Cara Memasang Meta Tag Otomatis di Blogger
• Cara Membuat Tabel Dalam Blog
• Membuat Widget Statistik Dari Blogger Menjadi Rata Tengah
• Pasang Jadwal Sholat Di Sidebar Blogger
• Cara Membuat Widget Melayang Pada Blog 

= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =


Masih ada Tips-Trik Blog Yang Laen
Download Media Pembelajaran TIK
Pengen Tau Tips-Trik Windows ?
Download Software juga jangan lupa ya !

Tips-Trik Blog