Letak Favicon kat Blog

Okey, tutorial kali ni pasal Favicon...
Permintaan dr anak buah yg tgh giler berbelog :)

Apa itu Favicon?
Favicon ni icon cute kat address bar..
biasa kita panggil 'Favicon.ico' atau 'Favicon.gif'

Lain template, lain cara...
So ini antara yg Shaa tau jer...

Cari bawah ni kat Design - Edit HTML
Tekan CTRL-F tuk cari
dan paste mana2 kod dibawah....
try satu2....kalau jadi save jer
kalau x, leh cuba yg lain ..okey

</head>

atau

]]></b:skin>
</head>

atau

</title>

Kemudian,
Letak kod dibawah
~Atas ~ </head>

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

atau

Letak kod dibawah
~antara dua ni ~
]]></b:skin>
</head>

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

atau

Letak code dibawah ~selepas~ </title>

<link href='URL gambar' rel='shortcut icon' type='image/x-icon'/>

Untuk URL GAMBAR, dah Shaa sediakan..
boleh pilih nak yg mana satu....
cuma gantikan WARNA MERAH kat link atas tu..
Ukuran adalah 16 X 16pix..
Kalau dah ade URL sendiri.. pun xper
tak paksa pun :)
ooh yer, scroll jer kat box tu..link tu main nyorok2

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkBNoQV4tYMMSJtEP6H37y3HVaq1cb6m0XuOiViu-ALiMWvwNJM-fwrhj7ROu0z326MsMD9U9VyoNfM4zjSxs9hUYTJV0gVXL9D2AZPmSuxZjW9kVzi-6KXK5XNW-F6bEaeprhaLMQfQ/s1600/HKMYSWEETYUMMY.BLOGSPOT.COM

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgViubAZN0m7NtfQSZbKem3ek0MR5vX35GN0eLcp7YAHPC1YTPENR-dKbfDaRTi0vOVoGak2fSnpcq0XsJqwJf9XZAv3L9FVWCEozr8dCUUv1DVz-E-QBvbtziHl1g6cPbZTx-n77fQWA/s1600/PBMYSWEETYUMMY.BLOGSPOT.COM

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoUuwLFG3MCwemFFoUASXFQh4awt3U9tODqkwNSqh_uG4gZ0gbeEKLiumqo3CosBW9c907uu2L3Nxy5njV13tZs14JEZgkaLOLwtXuNEyBHWc9baIJI7D68pNvBA2_rl_w2WUU0ldkEg/s1600/FFmysweetyummy.blogspot.com.ico

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8h5q6z8FeuxUsAO27nK7rtrbOvsctfKXqDe1GgDaD9fAo9JX6Jj0RATFj30RwMtCrOnyAWmzWq03T1xb_vxojZjmxBwNsZhCUhNnXH0OMpn2uQM_Qrz7Vv3UGmuEbx3EbBfc0_mlqzw/s1600/pearMYSWEETYUMMY.BLOGSPOT.COM

Papan Iklan yg sentiasa bergerak?

Salam....
terpanggil nak buat tutorial tuk animasi, gambar atau tulisan gerak2..
aritu Pak Ngah @Komensen ada bagi komen
"saya suka papan iklan yang sentiasa bergerak tu .. asyik menengoknya."

Okey, mari kita cuba tricks yg simple :)
Terpulang samaada nak letak gambar, animasi atau perkataan..

Letak teks antara Tag Marquee

<marquee>Add your text here....</marquee>

1- Teks dari Kiri ke Kanan

<marquee direction="left">Sweet Yummy Sweet Life</marquee>

So hasilnya;

Sweet Yummy Sweet Life

2- Teks dari Kanan ke Kiri

<marquee direction="right">Sweet Yummy Sweet Life</marquee>

Sweet Yummy Sweet Life


3- Gerak dari bawah ke atas

<marquee direction="up">Sweet Yummy Sweet Life</marquee>

Sweet Yummy Sweet Life
4- Gerak dari atas ke bawah

<marquee direction="down">Sweet Yummy Sweet Life</marquee>

Sweet Yummy Sweet Life
5- Letak background color
Untuk ubah background, perlu diletakkan kod berikut
bgcolor="#kod warna"

<marquee direction="right" width="110%" style="background:#99ccff"><font color="white">Sweet Yummy Sweet Life</font></marquee>

Hasilnya...
Sweet Yummy Sweet Life


6- Perkataan dalam keadaan 'anjal'
Penambahan kod berikut diperlukan ke dalam kod asal.
behavior="alternate"

<marquee behavior="alternate" bgcolor: rgb(0, 153, 0);">#99CCFF">Sweet Yummy Sweet Life</marquee>

Sweet Yummy Sweet Life

7- Pause apabila cursor dilalukan.
Perkataan yang bergerak juga dapat dihentikan apabila dilalukan cursor. Kebiasaannya ini untuk memudahkan pengunjung untuk membaca apa yang ingin disampaikan tanpa ganguan.

Penambahan kod yang perlu dilakukan adalah

onmouseover="this.stop()" onmouseout="this.start()"

<marquee behavior="alternate" direction="left" bgcolor="#99CCFF" onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" >Sweet Yummy Sweet Life;/marquee>

Sweet Yummy Sweet Life



♥ Warna biru tu Perkataan yg ingin di gerakkan...

♥ Warna Merah ~
Penambahan kod berikut diperlukan dalam kod asal.
direction="left"
direction="right"
direction="up"
direction="down"

♥ Warna Hijau tu kod warna..Senarai kod warna boleh dapat disini.




Itu sajer..senang kan
(^_^)

Hide Shoutbox

Salam...
Tutorial macam mana nak hide kan Shoutbox..

Macam Shaa nyer... :P



1- Mula2 kena ada shoutbox, kalau xde boleh sign up kat SINI
2- Pastu sila ke DESIGN - PAGE ELEMENT - ADD GADGET - HTML/JAVASCRIPT

3- Copy Paste Code dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:140px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgocwyMOeHdKb-ApHJzyHZ0edQx-lSS0asIv9HNH1WautWZQ8u61B5QBASNhCOp1N9eM6X0b-l2s-tfGTUJIhkXHgmO-JPBwCIxIy8TWllGXmG1nig4GlwKugtjjRPQ5TRXWVR7nnHNg/s1600/SHOUTX.jpg')no-repeat;
}
.gbcontent{
float:left;
border:2px solid #DB7093;
background:#F5DEB3;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

--- PASTE CODE SHOUTMIX HERE -----

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

4- Ada perkataan ‘------Paste Code Shoutmix Disini-------’
Gantikan dengan Code Shoutmix.
5- Please jangan REVIEW ok!! Terus Klik SAVE.

♥ Warna Biru tu width and height untuk gambar tepi tu.
♥ Warna Oren tu url gambar tepi, leh tukar kalau nak..kalau xnak pun takper (^_^)
♥ Warna Pepel tu , kena adjust sikit. Kadang2 gambar tu boleh tersorok tak tunjuk sepenuhnya & kadang2 dia tutup pun tak habis .