Cara Memasang Widget Berdampingan

0 komentar
Banyak dari kita para blogger  yang ingin widget kita terpasang dengan baik, tidak memakan tempat terlalu panjang, sehingga enak dilihat dan terkesan rapi. Salah satu caranya adalah dengan membuat susunan widget tersebut secara berdampingan.

Secara singkat kita bisa melakukannya dengan memasang kode HTML  tab, atau tabel.
Berikut ini kodenya:

<table><tr>
<td>kode widget anda</td>
<td>kode widget anda</td>
</tr></table>
Silakan ganti kode widget anda dengan kode widget yang ingin anda pasang. Jika ingin memasang lebih banyak lagi widget yang berdampingan, anda dapat mengcopy-paste kode <td>kode widget anda</td> dan anda isi lagi dengan kode widget anda yang lain. Namun ingat, sesuaikan juga lebar sidebar atau halaman post anda agar tidak bertabrakan dan justru malah terkesan tidak rapi.
»»  READMORE>>

Replace Blogger icon in the Address Bar

0 komentar







In a blog or website we often find there is an image or icon in the address bar (box for typing web address). And if we have a blog on Blogspot, the default icon is an image that will appear like this:
If you do not like with blogspot icon, you can replace it with your icon that you want. How to replace the icon? Now I will explain it, so follow the step bellow to replace the icon in the your address bar in the blogspot:

the step is very simple
1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your <head> tag or before </head> code. 


Code:

<link href='http://your-image-address' rel='SHORTCUT ICON'/>

replace the red letters with the location where you save the image. You can save your picture in photobucket and also on imageshack or if you do not want trouble, I have a sample picture along with links bellow, check it
Sample Pics:

http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/subtraction_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/e-lusion_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/20cent_net_free_fr.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/airbag_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/ferrero_it.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/linuxart_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/atomicmedia_net.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/aucc_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/baltimoresun_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/basecamphq_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/cbc_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/cubancouncil_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/danger_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/designbyfire_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/designweenie_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/eonline_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/foxnews_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/postpet_so-net_ne_jp.gif
 3. Last steps is save yor template, and you can  see your change
»»  READMORE>>

Animasi Kursor II

0 komentar
 Haii....Sahabat blogger,, tadi pagi kan dah posting berbagai macam animasi kursor
sekarang ada lagi nih, beberapa animasi kursor yang keren-keren,lucu,yang mungkin kalian suka...
caranya masih sama kok,
- Klik Edit HTML
- Klik expand template widget
- Bagi pengguna firefox sangat mudah,Cari kode <head> dgn cara tekan ctrl+f
- Ketik <head> lalu tekan F3, jika kode ketemu lalu
- Copy kode-kode animasi di bawah
- Paste kode animasi tepat di atas <head>
- Terakhir Simpan template

Berikut kode-kode animasinya:

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-PH9siQclQYs/Tf9BxpZe5ZI/AAAAAAAAAT4/QEYG7liEf14/aku-punya-com-Firefox-Icon.gif"), default;}
</style>

 kodenya:
<style type="text/css">
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiciPxp3j86eI9fQiKmCeGt9ZGy33SIbWJtB_t7mwqkQQIi5Q1tX0okcpxVXzw8CSjIdVdOhiHTGHPesSYb4U9mncg5Yij8eimu-UAjkpT6uobbfG4ed7E_xl0NX7MWIOjWozl1cwQJKHw/s400/aku-punya-com-Bold-Arrow.gif"), default;}
</style>


kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-0gI5HI_4ic4/TigVrMV7izI/AAAAAAAAAXI/-14Gn3tf4zQ/aku-punya-com-Tempat-Sampah-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9i2_R4zV5Rkt10d8D4PLhUHBT00FsRQRL_dm_L8fghg2XTBI-Uhs1D3syrOMpXHLkcXDyv5DMm0M99RmDsQOhFsP32nGtlWlasqLrnVYs2qPz-xhESbt0n7J8J_DLtAfs01BFvuWRGac/s400/aku-punya-com-Bold-Cross.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-qH_86c-NJvY/TnyALDlTroI/AAAAAAAAAgg/3wlpDlKDfe0/aku-punya-com-Arrow-cursor.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh3.googleusercontent.com/-5dwqhWze3tc/TjgELUNRQjI/AAAAAAAAAaI/mOk2oaCdiqQ/aku-punya-com-Android-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-Xcf3ZsowgNM/Tlj0uFzzgmI/AAAAAAAAAes/dqyfilnDtHw/aku-punya-com-Clock-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh3.googleusercontent.com/-M6Mhb_LKEKk/TjgENTKZ2dI/AAAAAAAAAaM/MfdJFdLNOtU/aku-punya-com-CocaCola-can.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-w4gUbxLgVxE/TigVoQEziqI/AAAAAAAAAXE/lIDQ70MjuZ8/aku-punya-com-Daur-Ulang-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh6.googleusercontent.com/-SyjetbDmyCA/TigVjqn_m2I/AAAAAAAAAXA/PymY76reN9o/aku-punya-com-Chrome-Icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-pa1J0pN_ExU/Tf9B3no_g6I/AAAAAAAAAUA/E8xon1wrELo/aku-punya-com-Help-Icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh3.googleusercontent.com/-iRQgyu8GhR0/Tf9B8OsDg4I/AAAAAAAAAUI/fPnsOLmTP-o/aku-punya-com-Point-Blank-Icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh6.googleusercontent.com/-V7NWUix4UF8/TiKOwRr-BxI/AAAAAAAAAW0/0EPfsRcGwcg/aku-punya-com-Jam-Pasir-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-ZdJLqH3s9n8/TjgIUmheGcI/AAAAAAAAAag/tQduvgxQhAg/aku-punya-com-Shaun-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCMUWuZKQ8Rkjxo5IfTzFIowZ0eq_Yf4FUrtTwjJcu19WjtMNYBKeST65vc_weTIONe3SieM5a1mj1AJtQSSuFO3bT2-mkyBHr_OBnNkyS5fL5iJAGrSNUZTq7jgfeDOTEGexZxHaeToQ/s400/aku-punya-com-PB-cursor.gif"), default;}
</style>
     
kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-mDjV9O05_HI/TjgEQtmhSmI/AAAAAAAAAaQ/0Z5x_9vmm5k/aku-punya-com-Search-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh3.googleusercontent.com/-m9GqBYU4psY/TiKLC4WtEGI/AAAAAAAAAWw/9LBui7i_ub8/aku-punya-com-Pulpen-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-1sVE4fgmz8g/Tlj0uPKXGJI/AAAAAAAAAe0/R3jdBmwsusM/aku-punya-com-Leave-icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh6.googleusercontent.com/-FMyM0Mv_Lbg/TigaLsgTHiI/AAAAAAAAAXY/8Tlv8kAvFRQ/aku-punya-com-Gmail-Icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-Au3iq3_ZKlU/Tf9B5tKn7aI/AAAAAAAAAUE/DLAzbXjMuig/aku-punya-com-Major-Grade-1.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-qZgkC9kdPNM/Tf9B0GRZwPI/AAAAAAAAAT8/D5HJa-gE_YQ/aku-punya-com-Google-Icon.gif"), default;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh4.googleusercontent.com/-FENolvLrNCs/Tlj0uC5rLrI/AAAAAAAAAew/pV3TdEve0_Y/aku-punya-com-Shoe-icon.gif"), default;}
</style>


kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://lh5.googleusercontent.com/-jg-qPZR1FHk/TigVtRofMdI/AAAAAAAAAXM/6LEGBP--xcI/aku-punya-com-Spatula-icon.gif"), default;}
</style>

Naaahhh....
Udah Selesai deh...
lucu-lucu kan???hehhe
*Silahkan di coba di blog kalian
Tengkz :)






»»  READMORE>>

Animasi Kursor

5 komentar
Bosen sama kursor yang biasa-biasa aja? Ganti dong dengan kursor yang lebih menarik,lucu,keren,unik…
Caranya gampang  kok:
1.       1. Klik Edit HTML – Klik Expand Template Widget
2.       2. Cari <head> (bagi pengguna firefox  tekan Ctrl+f  lalu ketik <head> dan tekan F3 pada keyboard)
3.       3. Copy kode-kode gambar kursor di bawah,lalu paste di atas kode <head>
4.       4. Simpan deh Templatenya

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ddrarrowpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ddrarrowpink.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aliendance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aliendance.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/volcomstoneani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/volcomstoneani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/appletm.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/apple-tm.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/ddrarrowpink.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/ddrarrowpink.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/babyrollani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/baby-roll-ani.gif"), auto;}
</style>


kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bigboo.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/bigboo.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/bullseye-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/earth2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/earth2.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/drool.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/drool.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/flameorange.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/flameorange.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/frog26workinginbackground.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/frog26workinginbackground.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/guitarflash.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/guitarflash.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/indonesia.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/indonesia.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeyani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/monkey-ani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/monkeydance3.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/monkeydance3.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/playboybunnieani.cur"), url("http://downloads.totallyfreecursors.com/thumbnails/playboybunny-ani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rainbow-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rainbow-ani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/rabbitdance.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/rabbitdance.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/sleepani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/sleepani.gif"), auto;}
</style>

kodenya:
<style type="text/css">
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/spongebob-ani.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/spongebob-ani.gif"), auto;}
</style>

Gimana??Mudah kan??
Iya donk...
Sebenernya masih banyak lagi gambar lainnya tapi tangan dah pegel nich...hehehe
Next Time di posting lagi deh,
Tengkz  :)

^Semoga Bermanfaat^
»»  READMORE>>