Cara Memasang Favicon

Ok, disini saya ceritakan secara ringkas apa itu FAVICON. Cuba lihat gambar dibawah;


Lambang yang ada disebelah URL Address yang saya tandakan kotak merah itulah yang dipanggil FAVICON. Selain itu, ada juga orang yang memanggil Favicon dengan nama, website icon, shortcut icon, url icon, atau bookmark icon.

Ok, tanpa membuang masa, dibawah ini adalah cara-cara untuk memasang Favicon bagi pengguna Blogspot.

1. Korang perlu buat gambar/lambang Favicon korang. Cari atau bina lambang yang bersesuaian dengan blog korang, kemudian pergi ke website dibawah untuk meng'convert'kan gambar/lambang korang menjadi Favicon. Sebelum itu, pastikan saiz gambar/lambang kamu itu tidak lebih dari 1Mb.

http://www.iconj.com/icon_generator.php

Kemudian, 'Download' gambar yang sudah siap convert tadi.

2. Selepas itu, korang bolehlah upload gambar yang korang convert tadi di ImageShack atau PicPanda.com. 'Copy' URL gambar yang korang upload tadi, dan simpan dulu di notepad.

3. Login Blogspot. Masuk 'Dashboard > Layout > Edit HTML'.

4. Tekan 'Ctrl+F' pada keyboard komputer kamu. Taipkan '</head>' pada kotak 'Find' yang keluar.

5. Kemudian, letakkan kod dibawah ini,

<link href='http://gambarkamu.jpg' rel='Shortcut Icon'/>

dibawah kod </head>.

6. 'Save' dan lihat hasilnya.

p/s; Sila gantikan tulisan yang berwarna hijau dengan 'URL gambar korang' yang korang letakkan di 'Notepad' tadi.

Cara Membuat Float Image

Macam mimpi saja bukan? Tak pasal-pasal update blog di blogspot yang sudah beberapa bulan ditinggalkan bersawang. Maklumlah... dah sibuk dengan blog yang lagi best dan lagi 'canggih' lah katakan~ huhu~ Alahai, kesian blog 'Strange Girl Stories' nih. Beberapa hari ini saya melihat terdapat peningkatan pada Follower di blog ini. Terima kasih saya ucapkan kepada mereka yang sudi menjadi Follower di blog ini.

Setelah beberapa bulan meninggalkan dunia 'Blogspot', saya dapati terdapat beberapa perubahan yang telah berlaku di Blogspot. Ok, pasal berubahan tu, saya akan cerita pada entri yang akan datang. Untuk entri kali ini, saya ceritakan bagaimana untuk membuat 'Float Image'. Korang tahu tak, apa 'Float Image'? Ala~ gambar yang macam AdiWidget tu~ huhu~


Ok, caranya begini...

~ First, korang kena upload dulu gambar yang korang nak jadikan 'Float Image' tu. Korang boleh upload di ImageShack atau PhotoBucket.
~ Login Blogspot.
~ Klik 'Layout' dan klik 'Edit HTML'.
~ Lepas itu, cari kod </body>
~ Letakkan kod dibawah ini, dibawah kod </body> tadi.

Image Float Atas Kiri

<a href=' http://www.blogkorang.blogspot.com ' style='display:scroll;position: fixed; top:5px;left:5px;' title=' tajuk korang disini ' ><img src='URL gambar korang'/></a>

Image Float Bawah Kiri

<a href=' http://www.blogkorang.blogspot.com ' style='display:scroll;position: fixed; bottom:5px;left:5px;' title=' tajuk korang disini ' ><img src='URL gambar korang'/></a>

Image Float Atas Kanan

<a href=' http://www.blogkorang.blogspot.com ' style='display:scroll;position: fixed; top:5px;right:5px;' title=' tajuk korang disini ' ><img src='URL gambar korang'/></a>

Image Float Bawah Kanan

<a href=' http://www.blogkorang.blogspot.com ' style='display:scroll;position: fixed; bottom:5px;right:5px;' title=' tajuk korang disini ' ><img src='URL gambar korang'/></a>

~ Sila edit,

Merah: Gantikan dengan URL blog korang.
Ungu: Gantikan dengan tajuk/ nama blog korang.
Hijau: Gantikan dengan URL gambar yang korang upload di ImageShack atau PhotoBucket tadi.

~ Dah siap semua, klik Save.

Ok, Selamat Mencuba~