Cara Membuat Efek di Blog Part 2

Cara Membuat Teks Berjalan di Blog

Pada artikel kali ini saya akan membahas tentang cara membuat teks berjalan, agar tampilan blog anda semakin menarik perhatian pengunjung. Membuat teks bergerak merupakan salah satu cara untuk mempercantik dan mendesain blog agar menjadi lebih menarik. Biasanya teks bergerak diterapkan untuk tulisan atau kalimat yang penting, contohnya seperti ucapan selamat datang, iklan, atau yang lainnya.
oke... kita langsung menuju pointnya, berikut akan saya jelaskan :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini : 
6. Ganti Teks TULISAN BERJALAN pada kode HTML sesuai dengan keinginan anda
7. Klik Tombol Simpan, dan lihatlah hasilnya.

<marquee scrolldelay="1000">TULISAN BERJALAN</marquee>

Cara Membuat Gadget Pelacak IP Address

Gadget ini berfungsi untuk melacak alamat IP ( internet Protocol ) para pengunjung blog kita. Selain IP address, gadget ini juga bisa melacak browser serta operating system yang dipakai oleh pengunjung blog kita. Sangat menarik bukan? dan saya akan menjelaskan caranya :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya.

<a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>


Cara Membuat Animasi Pada Pointer

Cara membuat animasi pada pointer mouse, agar blog anda tampak indah dilihat. oke langsung aja saya jelaskan point - pointnya.

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya.

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1107.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants" style="position:absolute; top: 0px; right: 0px;" /></a>

Berikut ini saya sertakan beberapa pilihan animasinya :

Animasi Mr. Crab
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-12/too1104.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="SpongeBob SquarePants Mr. Krabs"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="SpongeBob SquarePants Mr. Krabs" style="position:absolute; top: 0px; right: 0px;" /></a>
Animasi Bird
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/people/peo-9/peo1020.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Catching Fire"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Catching Fire" style="position:absolute; top: 0px; right: 0px;" /></a>
Animasi Superman
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-8/too702.cur), progress !important;}</style><a href="http://programmkomputer.blogspot.com/p/animasi-cursor-di-blog.html" target="_blank" title="Superman"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Superman" style="position:absolute; top: 0px; right: 0px;" /></a>


Cara Membuat User Online Status di Blog

User online status adalah gadget yang digunakan untuk mengetahui pengunjung yang sedang online didalam blog anda. Menurut saya, gadget ini akan lebih lengkap jika ditambahkan gadget Yahoo Messenger, Google Talk atau gadget chatting lainnya agar anda dapat berkomunikasi dengan para pengunjung blog yang sedang online. Berikut ini saya akan menjelaskan caranya :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya.

Contoh Gambar :

<script id="_waueio">var _wau = _wau || []; _wau.push(["classic", "kqh9gpocm5t3", "eio"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/classic.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script>

Contoh Gambar :

<script id="_waub4z">var _wau = _wau || []; _wau.push(["colored", "kqh9gpocm5t3", "b4z", "ffcc07000000"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/colored.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script>

Contoh Gambar :

<script id="_waufly">var _wau = _wau || []; _wau.push(["small", "kqh9gpocm5t3", "fly"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/small.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script>

Contoh Gambar :

<script id="_waunaz">var _wau = _wau || []; _wau.push(["tab", "kqh9gpocm5t3", "naz", "left-middle"]); (function() {var s=document.createElement("script"); s.async=true; s.src="http://widgets.amung.us/tab.js"; document.getElementsByTagName("head")[0].appendChild(s); })();</script>



Cara Memasang Google Talk di Blog

Hampir sama dengan Gadget Chat Yahoo Messenger. Google Talk digunakan untuk berkomunikasi ( Chatting ) antara pengunjung dan pemilik blog. Jika untuk menggunakan YM kita harus memiliki email di Yahoo, maka untuk menggunakan Google Talk kita wajib memiliki akun email di Google. Berikut ini saya akan menjelaskan caranya :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya.

<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"> <br /><center> <a style="text-decoration:none;font-size:60%;" href="http://kolom-tutorial.blogspot.com/2008/01/pasang-google-talk-di-blog.html">Add to your blog</a></center> </p>



Cara Memasang Musik di Blog

Memasang Gadget Musik Player untuk blog memiliki kekurangan dan kelebihan tersendiri, tergantung dari sipengunjung dan koneksi yang dimilikinya. Kelebihannya, orang yang berkunjung mungkin akan betah di blog anda. Kekurangannya, blog anda akan semakin berat ( lemot ). Berikut ini saya akan menjelaskan caranya :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya. 

Linking Park - In The End

<center> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a> <br><br><b> <a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br> <embed SRC="http://divine-music.info/musicfiles/Linkin Park - In the end.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Linking Park - What I've Done

<center> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a> <br><br><b> <a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br> <embed SRC="http://divine-music.info/musicfiles/Linkin Park - Transformers Soundtrack - 01 - What Ive Done.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Lady GaGa – Poker Face

<center> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a> <br><br><b> <a target="_blank" title="Free Music" href="http://www.divine-music.info">free music</a> at divine-music.info</b><br> <embed SRC="http://divine-music.info/musicfiles/06 - Lady Gaga - Poker Face.swf" AUTOSTART="TRUE" LOOP="TRUE" WIDTH="1" HEIGHT="1" ALIGN="CENTER"></EMBED>

Lady GaGa – Love Games

<center> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmmusicbar.gif" border="0" alt="Free Music Sites"></a><br> <a href="http://divine-music.info" target="_blank"><img src="http://divine-music.info/images/dmlogo.gif" border="0" alt="Free Music Online"></a> <br><br><b>


Cara Membuat Text Area Keren

Text Area merupakan sebuah kotak yang biasanya diisi dengan tulisan ataupun kode html. Apabila anda ingin membuat sebuah Text Area, berikut ini saya akan menjelaskan caranya :

1. Login ke Blogger.
2. Kemudian klik tombol Tata Letak.
3. Klik Tambah Gadget.
4. Klik + pada bagian HTML/JavaScript
5. Isi judulnya, kemudian paste Kode HTML yang ada dibawah ini :
6. Klik Tombol Simpan, dan lihatlah hasilnya.

Text Area Dengan Auto Block

<div style="text-align: left;"> <textarea cols="25" onclick="this.focus(); this.select();" rows="3" style="height: 17px; width: 560px;">tips-iday.org

Text Area Dengan Highlight

<div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All" /></div> <div align="center"> <textarea cols="30" name="txt" rows="5" wrap="VIRTUAL">250 Trik Professional Blogger

Text Area Tanpa Highlight

<div align="center"> <textarea cols="30" name="code" rows="3">250 Trik Professional Blogger



Cara Membuat Tabel / Kolom di Blog

Untuk anda yang ingin menambahkan tabel / kolom pada blog. silahkan ikuti cara berikut :

1. Login ke Blogger
2. Buat Entri Baru atau Edit Postingan yang ingin diberi tabel / kolom
3. Klik menu HTML
4. Masukkan kode HTML kedalam kotak HTML tersebut
5. Anda bisa mengganti text pada tabel / kolom sesuai keinginan anda
6. Langkah terakhir klik tombol Publikasikan atau klik tombol Perbarui
7. Selesai! Sekarang lihatlah hasilnya!!
   

<table border="1" style="width: 500px;"> <tbody> <tr> <td>Nama lagu</td> <td>Pergilah Kasih</td> <td>Aku Bukan Pilihan</td> </tr> <tr> <td>Nama Band</td> <td>D’Massiv</td> <td>Iwan Fals </td> </tr> <tr> <td>Asal Band</td> <td>Dalam Negri</td> <td> Dalam Negri </td> </tr> </tbody></table>




Demikian Tips Trik Blogger Cara Membuat Tabel / Kolom di Blogger dari saya, next time akan saya share Trik Blogger lainnya :) . Semoga artikel ini bisa bermanfaat untuk kita semua

Regard : Admin Tips-Iday

Share :

Facebook Google+ Twitter

Related Posts :