Code Generator : widget Image at the corner of web

Tuesday, October 14, 2008

generate badges to be put at the corner of web in 3 steps only.So simple and easy.
This widget support latest browser i.e IE7 and Firefox and not compatible with IE6 or below.

(1) Enter the full URL of the image

You can upload your own image at any image hosting [i.e. at KCBox.Net, photobucket, imageshack or others]

The following are the sources of images that you might like to use:
http://www.postsmile.net/
http://www.big-boards.com/smileys.php
http://www.world-of-smilies.com/
http://www.iconspedia.com/
http://www.vistaicons.com/
http://www.mysmileys.com/
http://en.wikipedia.org/wiki/Minnie_Mouse

Samples :



e.g. http://smilies.vidahost.com/games/gundam/vayeate_breath.gif
Note:Right-Click the image and Click Properties to know the image location or URL.



(2) Choose the position of your widget



(3) and Copy & Paste the code below before the </head> tag of your web if you want this Widget to load first or before </body> tag if you want it to load last:


Note:

This code is actually develop by my friend at KCBox.Net a place where you can host your image there for free. Thank you very much to him for struggling developing this code. I fully give him a credit for creating this code. Original code can be viewed here: http://widget.downloadfridge.com/

KCBox
Free Image Hosting



Reference :

  • http://adiwidget.blogspot.com
  • http://widget.downloadfridge.com


Selengkapnya...

Toturial Mengganti Icon pada address bar

Saat surfing di Internet, Anda pasti sering mendapati sebuah website/blog yang memiliki icon unik pada address barnya. Icon standar saat Anda membuat sebuah blog baru di blogger seperti terlihat berupa icon

Sekarang bagaimana merubah icon tersebut dengan icon yang anda defenisikan sendiri ? Berikut langkah-langkahnya :

Login ke akun blogger anda disini
Selanjutnya pilih Layout - Page Elements - Edit HTML
Pada jendela Edit HTML, tambahkan/rubah kode berikut yang berada dalam tag <head> .... </head>.

<link href='http://jelangkung.orgfree.com/aipdam/Post.gif' rel='shortcut icon' type='image/x-icon'>

Silahkan ubah lokasi icon/gambar pada teks yang berwarna hijau di atas dengan link gambar Anda sendiri, untuk memasang gambar Anda di Internet, cukup banyak hosting gratis yang bisa Anda gunakan, salah satunya di 000webhost.com, photobucket.com, googlepages.com, dll. Atau Anda bisa memanfaatkan link-link berikut :






http://img87.imageshack.us/img87/5862/image1an1.gif

http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img139.imageshack.us/img139/83/image5oa7.gif
http://img412.imageshack.us/img412/3808/image11pc0.gif
http://img264.imageshack.us/img264/7575/image16kn8.gif
Setelah selesai, simpan template anda. Selamat Mencoba !

Referensi : http://trik-tips.blogspot.com

Selengkapnya...

Toturial Membuat Kotak Link Exchange

Monday, October 13, 2008

Agar blog kita bisa dikenal orang, biasanya blogger menyiapkan sebuah kotak link exchange (tukeran link) yang bisanya disertai dengan logo gambar sebagai ikon dari blog tersebut. Untuk membuat kotak link exchange seperti pada blog ini, ikuti tutorial berikut :

Pertama login ke akun blogger.com
Selanjutnya pilih Layout - Page Elements
Tentukan posisi gadget link exchange tersebut terus pilih Add Gatget, pilih HTML/Java Script
Kopi Kode Berikut pada bagian Content :

<center>
<a href="http://blog-xp.blogspot.com" target="_blank"><img src="http://jelangkung.orgfree.com/aipdam/blog-xp-faveico.jpg"/></a>
<br>
<textarea>
<a href="http://blog-xp.blogspot.com" target="_blank"><img src="http://jelangkung.orgfree.com/aipdam/blog-xp-faveico.jpg"/></a>
</textarea>
</center>


Silahkan sesuaikan pengaturan teks yang berwarna merah dengan link Anda
Simpan Tempate Anda.
Jika Berhasil tampilan dalam blog Anda seperti ini :




Selamat Mencoba !

Selengkapnya...

Blogger Template : Computer Related Templates

Saturday, October 11, 2008



Download Templates [ Mirror ]

Selengkapnya...

Blogger Template : Bloggerized Adsense



Download Template [Mirror 1]

Note : You can use your own picture as header image. Image Size: Width: 870px, Height: 180px

Selengkapnya...

Blogger Template: Perfection

Monday, October 6, 2008



This one is great for you if you like lots of columns. 3 sidebar columns on the right, 3 columns below the post, and 3 additional leaderboard-size columns to place ad banners! The template image above is captured from a 1024 pixels wide screen.

Header Image
The header image doesn't come with the template file. To put the header image in your blog, left-click on the image below and save the actual size into your computer. Then, upload the image into the Header Page Element in the Layout section of your blog.



Header image credit: adapted from miyukiutada.

If you want to use your own image for the header, the image has to be 938 pixels wide (with any height) to fit the header nicely. DO NOT click the 'Shrink to Fit' option in the Edit Header box because it'll make the image smaller than 940px.

Website : www.ourblogtemplates.com
Download Template

Selengkapnya...

Blogger Template: Columnus



Features

* The "Read more..." function is available to shorten posts.
* Almost all colors and fonts are easy to customize.
* Blog Posts Edit buttons are fully functional.
* Flexible number of sidebars.
* Menubar below the header for easy navigation.
* Header image can be easily changed.
* Tested ok in all browsers using Browsershots.org.

Website : www.ourblogtemplates.com
Download Templates

Selengkapnya...