Monday, August 22, 2011 at 8:20 AM with ≡
Assalamu'alaikum...
Good Morning all sekarang Lulu akan membuat tutorial Open Notes yg seperti gambar dibawah ini!
Mau nggak??Kalau mau langsung saja kita ke Tutor!
kalau mau preview dulu
Kalau udah disave keluar kata" ini
Good Morning all sekarang Lulu akan membuat tutorial Open Notes yg seperti gambar dibawah ini!
Credits To Blog Anak Munsyi
Mau nggak??Kalau mau langsung saja kita ke Tutor!
Dashboard >> Design >> Edit HTML
Ctrl + F lalu cari kode ]]></b:skin>
Lalu COPAS kode dibawah ini diatas ]]></b:skin>
/* to top */#toTop { width:100px;background:none;border:0px solid #ccc;text-align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-decoration:none; }</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><center><div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';document.getElementById('june').style.display=''"><img src="URL IMAGE HEADER"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></center><div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;"><div id="june" style="display : none;"><body>
P/s Merah itu gantikan dengan Url image kamu sendiri
kalau mau preview dulu
Kalau udah disave keluar kata" ini
would you like to keep these widgets on your blog or delete them ?Just CLICK Delete, Kalau tak ada kata itu, just save saja :)
Labels: Tutorial
