17 August 2011

Tutorial : Welcome Note. Tekan Gambar Terus Masuk Blog.




Photobucket

Tutorial ini ditanyaa oleh HANIS ZAKIRAH di facebook. Dia tanya "Camna korang buat kat blog yg welcome page tu??..yg kena klik gmbr baru dapat pergi blog"

PERHATIAN!
Sila download full template dulu. Kalau dah pakai benda ni, tak boleh buang dah.
  • Dashboard >> Design >> Edit HTML >> TICK EXPAND WIDGET TEMPLATES
  • Search kod ]]></b:skin>
  • Pastekan kod ini kat atas kod ]]></b:skin>.
</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="DIRECT LINK GAMBAR"
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>
Tukarkan DIRECT LINK GAMBAR kepada gambar Welcome korang sendiri.

FREEBIES Time

Width : 546
Length : 243


http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/welcome1.png


http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/welcome2.png
http://i1227.photobucket.com/albums/ee434/Faqihah_Husni/welcome3.png







Dah Amik, Comment :) Wassalam
Posted at
In ,

103 comments:

  1. Ellisa Syafiqah17 August 2011 at 18:12

    Saya nak satu ea! Thanks so much! Lama dah cari tuto ni ;)

    ReplyDelete
  2. Nur Farhanne17 August 2011 at 18:48

    faqihah ! saye amik freebies yee . thank youu :))

    ReplyDelete
  3. Anonymous17 August 2011 at 20:17

    saya ambik satu yerh..thank :D

    ReplyDelete
  4. Nor Suraya17 August 2011 at 22:00

    nak ambil satu boleh,thanks :)

    ReplyDelete
  5. Anonymous18 August 2011 at 04:09

    akak amek satu tau sygs . and thnx for the tuto:)

    ReplyDelete
  6. Qama ♥18 August 2011 at 21:50

    macam mana nak download full template ?

    ReplyDelete
  7. faqihahhusni18 August 2011 at 23:26

    @meowqama Design > Edit HTML >atas Edit HTML tu, ada tulis Download full template. Atau, copy semua kod tu, bukak microsoft pastekan je :)

    ReplyDelete
  8. faqihahhusni18 August 2011 at 23:26

    @miss fara Okeyh akk :) Hahaha. Wwellcome

    ReplyDelete
  9. faqihahhusni18 August 2011 at 23:27

    @Nor Suraya Boleh je

    ReplyDelete
  10. faqihahhusni18 August 2011 at 23:27

    @nurhuda dini Most welcome

    ReplyDelete
  11. faqihahhusni18 August 2011 at 23:27

    @Nur Farhanne Farhanne! Welcome :DD

    ReplyDelete
  12. faqihahhusni18 August 2011 at 23:28

    @Ellisa Syafiqah Okeyh. Ouhhh. No Biggie <3

    ReplyDelete
  13. Irah Adrianna19 August 2011 at 09:08

    kenapa tak jadik ea?

    wktu nak preview , dy tulis ny :

    Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed.....

    ReplyDelete
  14. miminasir ;p19 August 2011 at 09:54

    mimi buad tak jadi laa :(
    dea ada welcome note tue tp bila tekan takleh msuk blog pn

    ReplyDelete
  15. Qama ♥19 August 2011 at 10:21

    thanks a lot,dik kihah,akak punye menjadi lah ^^

    ReplyDelete
  16. faqihahhusni19 August 2011 at 12:33

    @Irah Adrianna ERR. Mungkin awak tersilap letak kod atau tersilap kod. Mungkin juga tak sesuai untuk Template macam awak.

    Ni untuk DENIM sahaja.

    ReplyDelete
  17. faqihahhusni19 August 2011 at 12:35

    @miminasir ;p Ehhh. Boleh masuk je blog awak :)

    ReplyDelete
  18. faqihahhusni19 August 2011 at 12:35

    @meowqama No Biggiee :)

    ReplyDelete
  19. yours truly19 August 2011 at 17:25

    Thanks for the tuto :>

    ReplyDelete
  20. umi kokmie20 August 2011 at 14:41

    mekasheh 4 da tutor..
    amek satu..

    ReplyDelete
  21. Eyka21 August 2011 at 14:47

    thankyou :) menjadi lah, saya amek satu :D

    ReplyDelete
  22. fieza22 August 2011 at 07:31

    ambil kale purple ^^

    ReplyDelete
  23. Mira24 August 2011 at 19:16

    amek yng blue ea??

    ReplyDelete
  24. mimi thelolypopgurlz27 August 2011 at 12:50

    NAK AMBIL STU UNTUK..
    HAEDER/..

    ReplyDelete
  25. mimi thelolypopgurlz27 August 2011 at 13:08

    sya mek stu..

    ReplyDelete
  26. iyah :)27 August 2011 at 15:19

    time kasih . kida amik satu yea .

    ReplyDelete
  27. Cik Egg Tart5 September 2011 at 21:37

    amik tuto yeh.. nanti aisyah credit.

    ReplyDelete
  28. Intan Suraya6 September 2011 at 23:06

    dah lama cari tuto ni , thanks :) amek satu freebies :)

    ReplyDelete
  29. faqihahhusni8 September 2011 at 15:05

    @Syabila Veynus WELCOME, Syabila <3

    ReplyDelete
  30. faqihahhusni8 September 2011 at 15:06

    @umi kokmie Welcome. Okay :)

    ReplyDelete
  31. faqihahhusni8 September 2011 at 15:06

    @EykaWelcome.. Oh. Okaay

    ReplyDelete
  32. faqihahhusni8 September 2011 at 15:06

    @EykaWelcome.. Oh. Okaay

    ReplyDelete
  33. faqihahhusni8 September 2011 at 15:07

    @fiezaOkay, Mira

    ReplyDelete
  34. faqihahhusni8 September 2011 at 15:07

    @mimi thelolypopgurlz Okaay

    ReplyDelete
  35. faqihahhusni8 September 2011 at 15:08

    @iyah :) Sama-sama. Ok

    ReplyDelete
  36. faqihahhusni8 September 2011 at 15:08

    @Siti Aisyah Orait, Aisyah!

    ReplyDelete
  37. faqihahhusni8 September 2011 at 15:08

    @Intan Suraya Welcome. Ok

    ReplyDelete
  38. Ms . Rara16 September 2011 at 07:00

    thanks.amik satu yea :)

    ReplyDelete
  39. Anonymous16 September 2011 at 11:15

    saya ambil saya ya sis!

    ReplyDelete
  40. Anonymous16 September 2011 at 16:10

    Saya ambil satu , tkasih :)
    Boleh saya tanya ? Awk guna template ape ?

    ReplyDelete
  41. wada16 September 2011 at 18:19

    yeyhh .comel .thank you kihah .ily laa .muah !teehee :D

    ReplyDelete
  42. Anonymous18 September 2011 at 16:26

    kak nape dia jadi kecik dan tak ke tengah

    ReplyDelete
  43. Unknown19 September 2011 at 21:19

    salam , hai.nak tanye..kalau kite dh buat buat welcome note tu kan..bile kite nak delete cm ne ? kalau delete code nye balek , nape tak leh ?

    ReplyDelete
  44. Khai_Sol22 September 2011 at 22:23

    amik ya,thankz

    ReplyDelete
  45. rhm slzr24 September 2011 at 17:28

    qihah,,kita ambik ye.

    ReplyDelete
  46. Dania Bella26 September 2011 at 17:19

    Comel nye ! Love it , i take one ye ? Thunkss! emuaahaahha :)

    ReplyDelete
  47. Nia Amran1 October 2011 at 03:37

    saya ambill satuu tauu . tenggs VM !!

    ReplyDelete
  48. Hood4 October 2011 at 21:49

    amik satu :)

    ReplyDelete
  49. Yean Sii Chenta5 October 2011 at 03:17

    thanks a lot for your tutor..can i re-post ur tutor..i will credit to you :)

    ReplyDelete
  50. Syafinas7 October 2011 at 14:01

    Yah , thankyou so much 4 da tuto . Dah lame carik . Hihi , sy amek satu kayh :D

    ReplyDelete
  51. Nurin Najwa15 October 2011 at 18:46

    erm..bley tahu name font untuk ayat MY ONLINE DIARY .. di freebies tu ? n thanks for your tuto ~

    ReplyDelete
  52. faqihahhusni15 October 2011 at 19:07

    @nurin najwa Font Denne Shuffle.

    ReplyDelete
  53. faqihahhusni15 October 2011 at 19:08

    @Sung rae yoo Welcome :D

    ReplyDelete
  54. faqihahhusni15 October 2011 at 19:08

    @yean Of course can :D

    ReplyDelete
  55. faqihahhusni15 October 2011 at 19:08

    @HaNiS~ Okaay

    ReplyDelete
  56. faqihahhusni15 October 2011 at 19:08

    @NurIzzatul Amran Welcome

    ReplyDelete
  57. faqihahhusni15 October 2011 at 19:09

    @fallenangel Welcome. Okaay

    ReplyDelete
  58. faqihahhusni15 October 2011 at 19:09

    @nurul nabila bt medan Kan saya dah kata dah kat atas tu, ianya sukar untuk didelete kalau guna Template 2006.

    ReplyDelete
  59. faqihahhusni15 October 2011 at 19:09

    @wada Hihi. Welcomeee

    ReplyDelete
  60. faqihahhusni15 October 2011 at 19:10

    @Mithra Sure, I'm used DENIM now.

    ReplyDelete
  61. faqihahhusni15 October 2011 at 19:10

    @Ms . Rara Okay

    ReplyDelete
  62. Anonymous16 October 2011 at 16:26

    Sy amek 1 ! Terima Kasih Faqihah ! ♥

    ReplyDelete
  63. Miss Mimi's25 October 2011 at 12:14

    take one :)
    thankyou !

    ReplyDelete
  64. Farisa Roslan 28 October 2011 at 13:44

    thnk you eaa dik..akk amik satu aw..:)

    ReplyDelete
  65. Chaa3 November 2011 at 22:25

    Ambil satu ek? Thankyou so much :)

    ReplyDelete
  66. aisyah6 November 2011 at 14:42

    ambik satu tauuu...TQ..

    ReplyDelete
  67. Ain Hanani11 November 2011 at 16:55

    take 0ne :)

    ReplyDelete
  68. Nurul Aisyah21 November 2011 at 23:05

    thx tuto yg bagus..oh ye..apa nama lagu dlm blog awk ni..sdp lah..tlg bgtau sy kat dlm blog sy..tiniersakura.blogspot.com..plsss

    ReplyDelete
  69. The Girl22 November 2011 at 12:08

    qihah , cantekk ;D akak ambik satu eh ?

    ReplyDelete
  70. faqihahhusni28 November 2011 at 15:02

    @Dr. ipahR Okayh :D

    ReplyDelete
  71. faqihahhusni28 November 2011 at 15:03

    @Nurul Aisyah Greyson Chance -Waiting Outside The line

    ReplyDelete
  72. faqihahhusni28 November 2011 at 15:04

    @aisyah Welcome

    ReplyDelete
  73. faqihahhusni28 November 2011 at 15:04

    @Ain HananiOkayh "D

    ReplyDelete
  74. faqihahhusni28 November 2011 at 15:05

    @AreIeySyah Okayh! Sama-sama :)

    ReplyDelete
  75. faqihahhusni28 November 2011 at 15:05

    @SYAMIMIOkayh :) Most welcome

    ReplyDelete
  76. Anonymous3 December 2011 at 00:13

    faqihah , saya ambil freebies no.1 yea. Trimas banyak-2 :)

    ReplyDelete
  77. hafizah8 December 2011 at 03:39

    thanks ye...saye ambik satu...

    ReplyDelete
  78. Ku Azhar11 December 2011 at 21:06

    nk copy tutorial nie blh?

    ReplyDelete
  79. Nurul Ain ♥11 January 2012 at 07:42

    tk jadi pun, cmne nih ekh ?

    ReplyDelete
  80. faqihahhusni12 January 2012 at 15:47

    @Nurul Ain : Tak jadi? Hmm. Try selaki lagi :D

    ReplyDelete
  81. faqihahhusni12 January 2012 at 15:48

    @Ku Azhar : sure :) But, must credits first okayh? ;D

    ReplyDelete
  82. faqihahhusni12 January 2012 at 15:49

    @Nabilah Chokki : Okay :) Sama-sama comell :D

    @hafizah : Okayh :D

    ReplyDelete
  83. B.I.TH.A15 January 2012 at 16:32

    Thanks :D

    ReplyDelete
  84. wanoor aqilahkarim23 January 2012 at 14:16

    Kita amik satuuu . :DDD

    ReplyDelete
  85. ♡ Farisha Izzatie ♡26 January 2012 at 23:36

    Kita amek satu k ? Thanks :)

    ReplyDelete
  86. qiera ieyra27 January 2012 at 14:20

    sayaa nakk satu okay :)

    ReplyDelete
  87. Makcik Hijau 28 January 2012 at 23:19

    faqihah , camne nak wat benda ni bile guna blogskin ? boleh awk repply kat blog saye ? thx :D

    ReplyDelete
  88. faqihahhusni29 January 2012 at 19:21

    @ayufarhana : Please check tutorial for blogskin.

    ReplyDelete
  89. Anonymous3 February 2012 at 18:36

    Faqihah , saya amik satuu :))
    Terimakasihh :D

    ReplyDelete
  90. Ciik YayaMot8 February 2012 at 19:25

    Amek satuu, thankss atas tuto yang sempurna nii :)

    ReplyDelete
  91. Khonsa!18 March 2012 at 13:07

    Saya nak guna ... Amek satu! Thanks atas kod dan gambar ni ..

    ReplyDelete
  92. yasmin!19 May 2012 at 15:44

    yasmin ambik satu!

    ReplyDelete
  93. Ieymah Storie30 May 2012 at 16:17

    Tq ! :)

    ReplyDelete
  94. Mika Sekar Adelia9 July 2012 at 09:59

    thanks Kihah! Saya ambil satu :)

    ReplyDelete
  95. Najwa Izzaty3 September 2012 at 16:08

    Saya amik satu ye ! thank you :)

    ReplyDelete
  96. Hanis Syazrin16 September 2012 at 17:02

    Thanks Kihah!!! Menjadilah. Thank you sangat2.

    ReplyDelete
  97. Brenda CJ20 October 2012 at 17:04

    sy ambik warna pink :) thanks.

    ReplyDelete
  98. Unknown10 December 2012 at 11:30

    i take one ! thanks qihah .. :')

    ReplyDelete
  99. Unknown10 December 2012 at 16:49

    Amik satu eh QIHAH :D Thanks n lawa blog :*

    ReplyDelete
  100. schahiey shomott *23 December 2012 at 21:50

    comel nyee , sy ambik stu eh qihah ? thanks . lawa blog awk :)

    ReplyDelete
  101. fafa zoeyna23 December 2012 at 21:52

    thanks qihah , sy amek stu ea ? blog anda comel :)

    ReplyDelete
  102. Unknown10 February 2013 at 11:50

    thanks qihah.. amik satu k :D

    ReplyDelete
  103. ShazlinSaruddin30 June 2013 at 02:58

    Gune satu yer.....time kasih comel..

    ReplyDelete

Your words defines you

Subscribe to: Post Comments (Atom)