Cara Pasang Chat Facebook Di Blog

Hai sob klinik-it udah lama nih ga posting artikel tentang tutorial blog.hehehe Dalam postingan terbaru klinik-it kali ini klinik-it akan memberikan tutorial tentang Cara Pasang Chat Facebook Di Blog,Tapi bukan Fasilitas chat facebook beneran melainkan fasilitas chat yang mirip dengan fasilitas chat yang ada di facebook.Fasilitas chat ini namanya Footer Chat .Mungkin sobat udah pada tau apa itu yang dimaksud dengan Footer Chat .Footer chat adalah fasilitas chat yang ada di footer blog .sedangkan footer blog adalah bagian bawah template blog .

Jadi Kesimpulan dari Footer chat adalah fasilitas Chatting yang mirip dengan fasilitas catting yang ada difacebook .nah... biar sobat ga bingung dengan apa yang klinik-it jelaskan diatas sobat bisa langsung lihat contoh footerchat tersebut DISINI .atau bisa lihat gambar dibawah ini .



Nahh... sobat udah pada taukan apa itu footer chat . nahh sekarang tinggal cara pasangnya . cara pasangnya juga gampang koq !!! sobat tinggal ikutin aja langkah-langkah Cara Pasang Chat Facebook Di Blog di bawah ini.

1.Login Ke blogger dengan ID sobat.

2.Klik Tata Letak kemudan klik Tambah Gadget. tapi ingat pilih Tambah Gadget nya pilih yang dibagian bawah postingan .atau jika sobat bingung silakan lihat gambar di bawah .



3.Setelah itu pilih HTML/javascript.

4.Selanjutnya copy dan paste kode berikut kedalamnya .

<script type="text/javascript" src="http://www.footerchat.com/chat/cons.js"></script><br /><script type="text/javascript"> autoLogin('Username');</script>

5.Klik Simpan.
6.Jangan Lupa Like.....ya

Related Posts:

Tweet

Facebook Chatting Emoticons Code

Jika kemarin saya membahas permasalahan cara hacking facebook dan cara menghindarinya, kali kita akan masuk ke chatting di facebook dengan emoticons. Walau pada setting default facebook tidak menyediakan fasilitas ini, Anda tetap bisa menggunakannya.
Anda pengguna Yahoo Messenger rasanya tak akan sulit melakukan ini. Karena emoticon pada facebook juga mirip sekali dengan yang ada pada Yahoo Messenger. Memang tak mudah menghapal semua kode yang ada, pelan-pelan aja.Mari langsung saja kita lihat emotion apa saja dan bagaimana cara menggunakannya. Silahkan perhatikan tabel dibawah ini
<table align=center border=1 bordercolor="#000000" cellpadding=3 cellspacing=0 style="height: 600px; text-align: center; width: 225px;"><thead><tr><th scope=col>Emoticons</th>
<th scope=col>Shortcut Key</th>
</tr></thead><tbody><tr><td></td>
<td><kbd>:'(</kbd></td>
</tr><tr class=alternate><td></td>

<td><kbd>:3</kbd></td>
</tr><tr><td></td>
<td><kbd>3:) 3:-)</kbd></td>
</tr><tr><td></td>
<td><kbd>:[ =( </kbd></td>
</tr><tr><td></td>
<td><kbd>:-O :O </kbd></td>
</tr><tr><td></td>
<td><kbd> 8) B-) B)</kbd></td>
</tr><tr><td></td>
<td><kbd> =D</kbd></td>

</tr><tr><td></td>
<td><kbd><3</kbd></td>
</tr><tr class=alternate><td></td>
<td><kbd>^_^</kbd></td>
</tr><tr><td></td>
<td><kbd>:-* :*</kbd></td>
</tr><tr><td></td>
<td><kbd>:v</kbd></td>
</tr></tbody></table>

Lebih lanjut baca Artikel saya lainnya:.

Related Posts:

Tweet

Cara Memasang Lagu Otomatis Di Blog

Kali ini Ilmu Komputer dan Teknologi akan membahas tentang Musik yang berbunyi saat blog/web di kunjungi. Banyak sekali blog  yang ketika dibuka akan terdengar alunan musik otomatis namun player musiknya tidak kelihatan dan lagu tersebut tidak bisa dimatikan ( tidak ada tombol play/stopnya ) seperti halnya blog ini, dulunya juga blog ini pernah memasang lagu otomatis disetiap postingan yg mana ketika anda membuka postingan yang satu dengan yang lainya, maka akan berbeda pula musik yang akan terdengar akan tetapi saya merubahnya karena tidak ingin memberati beban pengaksesan blog ini.

Sudah tidak sabar untuk mencobanya mari kita ke topik pembahasan.

• Terlebih dahulu anda Siapkan lagu yang akan anda pasang di blog anda.

• Dikarnakan script pemutar musik otomatis yang akan saya berikan disini hanya dapat memutar lagu yang berformat SWF, jadi anda memerlukan sebuah converter untuk merubah format dari Mp3 ke Swf, anda bisa mencarinya di mbah google atau anda juga bisa mencoba converter yang saya gunakan, anda bisa mendownloadnya DISINI (password Rar: adie-konoe.blogspot.com). Saya menyarankan ketika anda mengconvert lagu dari mp3 ke swf buatlah ukuran lagu yang berformat swf tersebut dibawah 1Mb, hal ini bertujuan agar loading dari blog anda tidak menjadi berat.

• Setelah lagu pilihan anda tesebut di convert upload lagu tersebut kedalam hostingan anda, kemudian catat  link lagu tersebut. Jika anda belum mempunyai hostingan, anda bisa mencobanya DISINI.

• Copy/paste script dibawah ini kedalam blog Caranya Klik Tata Letak >> Tambah Gadget >> Pilih  HTML/Javascript Kemuadia Pastekan Script dibawah dan Save, namun terlebih dahulu rubah tulisan yang berwarna "Biru" dengan link lagu milik anda.

<embed allowfullscreen="true" allowscriptaccess="always" height="0" src="https://sites.google.com/site/ilmukomputerdanteknologi/data/eminem.swf" width="0"></embed>

Selamat mencoba dan lihat hasil karya kalian sendiri kawan:

Eeeiiisssttt.....jangan lupa Share ya...

Related Posts:

Tweet

Cara Mengganti Favicon Di Blogger

Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout.

Membuat favicon
Pertama anda persiapkan terlebih dahulu gambar untuk favicon blog anda. Favicon dapat berupa .ico atau .gif. Jika belum memilikinya, langsung saja klik http://www.html-kit.com/favicon/.

• Kemudian klik tombol browse dan cari gambar dari komputer anda untuk dijadikan favicon.
  
  
  
• Klik tombol Generate FavIcon.ico.
• Klik link Download FavIcon Package.
  
  
  
• Anda akan mendapatkan file beformat .zip, extract file .zip tersebut.
• Upload favicon.ico atau animated_favicon1.gif ke image hosting anda.

Memasang favicon ke blogger

1. Masuk ke akun blogger anda.
2. Pilih menu Design (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
   
   
   <b:include data='blog' name='all-head-content'/>
   
   
4. Copy-paste kode berikut di bawah kode tadi.
   
   
   <link href='url-gambar.ico' rel='shortcut icon'/>
   
   atau
   
   
   <link href='url-gambar.gif' rel='icon' type='image/gif'/>
   
   Ganti tulisan berwarna merah dengan url favicon anda tadi.
   
   
5. Simpan template.
   

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.


Selamat Mencoba Karyamu Sendiri Kawan :

Related Posts:

Tweet

Link Gratis Dari PageRANK Tinggi

Seiring semakin banyak orang yang mencari link dari website kualitas tinggi (PageRank tinggi) Google karna akan menjadi syarat bagi Blog yang ingin mempunyai PageRank Tinggi. dikarnakan nanti blog kita masuk diperingkat paling atas di Google maka dari itu sobat sekalian jangan sampai menyerah untuk mencari backlink gratis dari website pagerank tinggi ada sebagian yang perlu mendaftar dan ada yang tinggal kasih komentar, untuk mendapatkan backlink gratis dibawah ini ada beberapa daftar backlink gratis, backlink yang berkwalitas akan sangant membantu meningkatkan PageRank Blog kita dan kepercayaan dari Google semua situs dibawah ini adalah backlink gratis yang kita tidak usah backlink back (timbal Balik) dari pada berlama-lama keburu di back orang kita langsung masuk biar blog kita cepat dapat PageRank Tinggi

Backlink Type	URL	PageRank
.EDU	http://sloan.ucr.edu/	6 (komentar di blog ini)
.EDU	http://recenter.tamu.edu/links/	6 (perlu daftar dan minta timbal balik)
Directory	http://dir.yahoo.com/	9
Directory	http://www.dmoz.org	9
Directory	http://www.stpt.com/	8
Directory	http://yahooligans.yahoo.com/	8
Directory	http://www.open-site.org	8
Directory	http://www.blogwise.com/	8
Directory	http://www.bloggernity.com	7
Directory	http://www.blogrankings.com	7
RSS Submission	http://www.rsshugger.com	3
RSS Submission	http://www.technorati.com	8 (claim your blog)
RSS Submission	http://www.rss-spider.com/	4
RSS Submission	http://www.readablog.com/	4
RSS Submission	http://www.blogarama.com/	7
RSS Submission	http://www.globeofblogs.com/	7 (meminta timbal balik selama 1 minggu)
RSS Submission	http://www.blogsearchengine.com/	4 (meminta timbal balik hanya sampai pendaftaran di setujui)
RSS Submission	http://www.weblogalot.com/	4
RSS Submission	http://www.strategicboard.com/	4
RSS Submission	http://www.mybloglog.com	7 (gabung dan membuat profil)
RSS Submission	http://pingomatic.com/	7 ( RSS Blogs automatically)
RSS Submission	http://www.feedsfarm.com/	5
RSS Submission	http://www.rssfeeds.com/	5
RSS Submission	http://feeds2read.net/	5
RSS Submission	http://www.plazoo.com/	6
RSS Submission	http://www.jordomedia.com/	6
RSS Submission	http://www.rssbuffet.com/	3
RSS Submission	http://www.feedburner.com	8
RSS Submission	http://www.feeddirectory.us/directory	8
Blog	http://www.blogmaverick.com/	6 (tinggalkan saja link di komentar)

Di bawah ini juga backlink gratis yang lebih mudah di dapat:

1. http://www.websiteoutlook.com
2. http://www.statbrain.com
3. http://www.builtwith.com
4. http://snapshot.compete.com
5. http://www.aboutus.org/
6. http://www.quantcast.com/
7. http://www.cubestat.com
8. http://whois.tools4noobs.com
9. http://www.alexa.com/
10. http://www.alexa.com/
11. http://www.siteadvisor.cn
12. http://whois.domaintools.com
13. http://www.aboutdomain.org
14. http://www.whoisya.com
15. http://www.who.is
16. http://www.robtex.com
17. http://www.zimbio.com
18. http://whois.ws/whois-info/ip-address/
19. http://whoisx.co.uk/
20. http://searchanalytics.compete.com
21. http://www.xomreviews.com/
22. http://seedspills.com/
23. http://www.protectwebform.com/
24. http://www.similarsites.com/
25. http://dntrace.keyhints.com/
26. http://www.markosweb.com/
27. http://www.peekstats.com/
28. http://websitevaluebot.com/
29. http://peekstats.com/barretire.com
30. http://worthbot.com/
31. http://websitevaluecalculator.org/www.barretire.com
32. http://website-value.net/
33. http://webworth.info/
34. http://statswebsites.com/www.barretire.com
35. http://cash81.com/www.barretire.com
36. http://nakedweb.org/
37. http://tatlia.com/
38. http://statout.com/
39. http://georanks.com/
40. http://worthlook.com/
41. http://worth.im/
42. http://www.sitedossier.com/
43. http://www.aboutthedomain.com/
44. http://wholinkstome.com/
45. http://www.websiteaccountant.nl/
46. http://www.webmaster-rank.info
47. http://websiteshadow.com/
48. http://www.talkreviews.com
49. http://www.ip-adress.com/
50. http://www.listenarabic.com/
51. http://boardreader.com/
52. http://www.keywordspy.com/
53. http://dataopedia.com/
54. http://freeprchecker.com/
55. http://www.serpanalytics.com/
56. http://www.quarkbase.com/
57. http://stimator.com/
58. http://www.valuatemysite.com/
59. http://websitevaluecalculate.com/
60. http://www.snuse.no/
61. http://www.sitelogr.com/
62. http://www.websiteaccountant.be
63. http://serversiders.com/
64. http://bizinformation.org
65. http://builtwith.com/
66. http://www.pagerankplace.com/
67. http://www.surcentro.com/
68. http://indexer.us

Selamat Berburu Backlink

Related Posts:

Tweet

Copy Paste Animasi Gambar Lucu

Nah Untuk membuatnya gampang, silahkan copy salah satu code scriptnya dibawah ini dan perhatikan caranya :


1. Masuk ke blog anda dengan username dan passwordnya
2. Klik Rancangan ------Elemen Laman
3. Klik Tambah Gadget --------------HTML/ JavaScript
4. Copy Code dibawah ini dan Simpan
5. Lihat Hasilnya, mudahkan sama seperti blog saya


1.Gajah loncat



Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

2. Boring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:

<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

4.Boneka joget


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

5. Panda main bola


Script :

<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>

6. Tuyul baring


Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

7. Panda biru



Script

<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>

8. Panah



Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

9. Bunga




Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

10.Anjing laut


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

11.Lumba-lumba


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

12.Kucing tidur



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

13.Kelinci


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

14.Dragon


Script:

<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

15.Ikan


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

16.Pinguin


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

17. Helikopter


Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Selamat berkreasi
dan jika ada pertanyaan silahkan ketik  Komentarnya di bawah ini

You might also like:

Related Posts:

Tweet