Freebies : Bow Cursor
Hai ! pasti ramai inginkan cursor anda comel comel kan ? dulu akak dah pernah buat tutorial. Maybe ada yang rasa bosan. Jadi ini akak beri lagi !
<style type="text/css">body, a:hover {cursor: url( URL CURSOR ), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2011/12/03/cute-polka-dotted-red-bow-tie-ribbon.html" target="_blank" title="Cute Polka Dotted Red Bow Tie Ribbon"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Cute Polka Dotted Red Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;" /></a>
Tukar LINK CURSOR kepada url gambar. Right click Save URL Image.
Semoga berjaya !
Kalau ada pengguna blogskin mahu guna pun boleh :)
1. Pergi ke EDIT HTML
2. Search 'Cursor'
3. Tukar URL di situ kepada URL gambar tersebut.
Tutorial : Welcome Image
Hai semua ! Mari lah mari ! Mari akak ajar ! Ajar apa ? Okay, bila buka blog akak akan keluar benda ini kan ?
Nak juga ? boleh boleh !
VERSI PENGGUNA BLOG BIASA :
1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Tekan Ctrl F serentak , cari kod ini :
]]></b:skin>
3. Dah jumpa ? Masukkan kod ini di atas kod yang korang carikan tadi :
</style></head>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="URL IMAGE YANG KORANG SUKA"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>
4. Masukkan URL IMAGE dekat warna merah di atas .
5. Url Image Boleh dapatkan di bawah
6. Lepas sudahh SAVE akan keluar KEEP WIDGET or DELETE WIDGET .
Tekan DELETE WIDGET.
VERSI PENGGUNA BLOGSKIN :
1-Dashboard ->Template -> Edit HTML
2-Cari code ni
</style>
3-Then Copy code di bawah ni dan Paste di atas code </style>
.hallo {
text-align:center;
margin-top: 250px;
}
4-Done?Lepas tu Cari Code
</head>
atau
<body>
5-Copy dan paste code ni di bawah </head> atau <body>
<script language="javascript" type="text/javascript">
/* toggle() checks to see if the images has already been faded
or not and sends the appropriate variables to opacity(); */
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
/* changeOpacity() uses three different opacity settings to
achieve a cross-browser opacity changing function. This
function can also be used to directly change the opacity
of an element. */
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
/* fade() will fade the image in or out based on the starting
and ending opacity settings. The speed of the fade is
determined by the variable milli (total time of the fade
in milliseconds)*/
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="hallo" onClick="javascript:toggle('wise', 3000); this.style.display='none'; document.getElementById('june').style.display=''">
<img src="URL WELCOME NOTE"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/>
</div>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
6. Gantikan URL WELCOME NOTE dengan gambar yang anda boleh cari dari google or ambil di bawah ini.
Url gambar (Right click > copy image URL) :
Okay bagi pengguna blogskin kalau tak jumpa kod boleh beritahu di CBOX. Akak ada TRICK yang baru akak pelajari ;)
Promote ~
Hai ! Lama tak buat entry. Lama tak buka blog, macam mana akak tahu ? Yalah ! Akak dah lama tak buka blog sampai lupa akak ada ikuti tutorial cikpah iaitu membuat assalamualaikum di setiap pos. Maaf lah ya ? Admin periksa ! Okay right right ! Sekarang akak nak memulakan operasi memperdagangkan manusia. eh eh eh ! tak baik tau perdagangkan manusia ! No Good No Good !
Link blog dibawah ini akak ambil dari status Kak Yuyu
Kategori Blinkers
http://aisyahpandaa.blogspot.com/
http://myartmyoc.blogspot.com/
http://www.dhiyamardhiahnovelistar.blogspot.com/?
http://jarikecilmenaip.blogspot.com/
www.gadispurplepink0.Blogspot.com
http://anis123hadirah.blogspot.com/
http://aqilahsigadisnovel.blogspot.com/
http://cikeyah.blogspot.com
http://nasuhanurin.blogspot.com
http://novelistarblinkersuperb.blogspot.com
http://wani-siulatbuku.blogspot.com
http://aleeyacikebom.blogspot.com/
http://diarisihazimah.blogspot.com/
http://nursyafeeqah.blogspot.com/
Kategori WN
www.ikatajuddinamjh.blogspot.com.
https://amberchiaworl.blogspot.com
Tutorial : Skin SCM Player Comel
Okay ! Tengok SCM player akak dibawah itu. Comel kan ? Okey jom buat ~
1. Pergi
SINI
2. Pilih Skin yang anda minat ! Tekan dibulatan itu
3. Tekan Player.
4. Jangan tekan mana mana skin di situ. Sebab tadi awak dah pilih.
5. Tekan NEXT lagi.
6. Pilih Lagu, dah ku ajar bukan ?
7. Ambil Code, letak di Gadget HTML
Siap ! Harap semua suka ^_^ Maaf lama tak buat, banyak kena fikir. Sorry ya ?
P/S Jangan lupa delete dulu scm lama anda.
Older Post
