Tutorial : Opening Blog - Welcome To My Blog [Click To Enter]
Tuesday, 7 February 2012 | 02:23
Tutorial : Opening blog - Welcome To My Blog [Click To Enter]
Ini tuto aku yang pertama. Hari ni aku nak buat tutorial opening blog - welcome to my blog [click to enter]..
First, pergi kat Design -->Edit HTML --> Tick expand widgets template
Second, tekan CTRL+F serentak dan cari kod ni:
Third, copy kod kat bawah ni..Pastu, paste di atas kod yang korang cari tadi.
</style></head><script language="javascript" type="text/javascript">/* toggle() checks to see if the images has already been fadedor not and sends the appropriate variables to opacity(); */function toggle(el,milli) {// Get the opacity style parameter from the imagevar currOpacity = document.getElementById(el).style.opacity;if(currOpacity != 0) { // if not fadedfade(el, milli, 100, 0);} else { // else the images is already fadedfade(el, milli, 0, 100);}}/* changeOpacity() uses three different opacity settings toachieve a cross-browser opacity changing function. Thisfunction can also be used to directly change the opacityof an element. */function changeOpacity(el,opacity) {var image = document.getElementById(el);// For Mozillaimage.style.MozOpacity = (opacity / 100);// For IEimage.style.filter = "alpha(opacity=" + opacity + ")";// For othersimage.style.opacity = (opacity / 100);}/* fade() will fade the image in or out based on the startingand ending opacity settings. The speed of the fade isdetermined by the variable milli (total time of the fadein milliseconds)*/function fade(el,milli,start,end) {var fadeTime = Math.round(milli/100);var i = 0; // Fade Timer// Fade inif(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' millisecondssetTimeout(expr,timeout);i++;}}// Fade outelse 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>ff;
Fourth, yang warna merah tu tukar kepada url image.
Yeay! Dah siap.. Tapi, PREVIEW dulu.. kalau puas hati, SAVE...
Kalau dah jadik, jgn lupe komen!! :DD
p/s :URL image cari sendirik tau.. Hehehehe.. :DD
The blog's manager
Everything you need to know about me..
- Nurul Wahida Bt. Jusri
- 13 tahun (2012)
- Proudly Malaysian & Shawol
- Currently staying in Perak
- Bloggaholic & twittaholic
- Loves pink,purple, white, orange and green
- Likes to watch KDrama
- I'm so into K-pop
- Loves kawaii stuff
- Really want to have a vacation oversea
- The 'bongsu' one in my family
- Studies at SMK Batu 4
- Currently learning the HTML coding
- I blog using Malay mix English sometimes
- Wahida is my surname
- Love making new friends
- I love travelling so much
Site story and history. .
whatsoever things you need to know..
- site name : ★ My Story ★
- opened since : tak ingat
- closed on : unknown
- owned by : nurul wahida
This is my blog history. Actually blog ni ialah blog saye yg ke-2 selepas --> http://kapkekcokelat.blogspot.com/
Blog ni currently takde tema.Saya akan ubah theme ikut suka saya.But mostly,theme yang saya ada setakat ni semuanya pink purple and ala-ala kawaii gitu >,< Hitam sememangnya bukan pilihan saya tapi saya rasa blog yang berwarna hitam ni nampak kemas dan tersusun :>
Domain saya ni di hoskan oleh blogspot.Dulu saya pernah pakai domain
co.cc dekat blog lama.Orang kata co.cc dah tak tersenarai dalam index google.Lebih kurang cemtu lah.Tu yang saya malas nak pakai domain lain.Saya akan kekalkan URL blog ni.
Wahida-jusri saya pilih sebab pendek dan senang nak ingat.Lagipun, name tu ialah name saye,
Nurul Wahida Bt. Jusri.Maksud URL ni ade kena mengena dengan kisah hidup saya.
Inspirasi saya setiap kali mendekorasi blog,ialah blogger2 from japan and luar negara.Design bog diorang semua mega cute ! Super awesome.Blog ni currently follower
bawah 50+.Saya tak pernah dapat follower atas daripada seribu.bagi saya apa yang penting,readers yang membaca setiap isi kandungan blog saya ;P
Themes I've used before. .
my previous themes..
Tutorial : Opening Blog - Welcome To My Blog [Click To Enter]
Tuesday, 7 February 2012 | 02:23
Tutorial : Opening blog - Welcome To My Blog [Click To Enter]
Ini tuto aku yang pertama. Hari ni aku nak buat tutorial opening blog - welcome to my blog [click to enter]..
First, pergi kat Design -->Edit HTML --> Tick expand widgets template
Second, tekan CTRL+F serentak dan cari kod ni:
Third, copy kod kat bawah ni..Pastu, paste di atas kod yang korang cari tadi.
</style></head><script language="javascript" type="text/javascript">/* toggle() checks to see if the images has already been fadedor not and sends the appropriate variables to opacity(); */function toggle(el,milli) {// Get the opacity style parameter from the imagevar currOpacity = document.getElementById(el).style.opacity;if(currOpacity != 0) { // if not fadedfade(el, milli, 100, 0);} else { // else the images is already fadedfade(el, milli, 0, 100);}}/* changeOpacity() uses three different opacity settings toachieve a cross-browser opacity changing function. Thisfunction can also be used to directly change the opacityof an element. */function changeOpacity(el,opacity) {var image = document.getElementById(el);// For Mozillaimage.style.MozOpacity = (opacity / 100);// For IEimage.style.filter = "alpha(opacity=" + opacity + ")";// For othersimage.style.opacity = (opacity / 100);}/* fade() will fade the image in or out based on the startingand ending opacity settings. The speed of the fade isdetermined by the variable milli (total time of the fadein milliseconds)*/function fade(el,milli,start,end) {var fadeTime = Math.round(milli/100);var i = 0; // Fade Timer// Fade inif(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' millisecondssetTimeout(expr,timeout);i++;}}// Fade outelse 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>ff;
Fourth, yang warna merah tu tukar kepada url image.
Yeay! Dah siap.. Tapi, PREVIEW dulu.. kalau puas hati, SAVE...
Kalau dah jadik, jgn lupe komen!! :DD
p/s :URL image cari sendirik tau.. Hehehehe.. :DD
