添加 Click To Enter

这个就是让人家进入你的部落格的时候要点击图片才会进到你的部落格啦

注：建议最好是在图片里添加 "Click To Enter" 这个字，因为如果其他人不知道的话就会一直等，之前我就是其中的一个 ==

先到设计-->修改 Html--> 在扩张窗口小部分模板打 (√) -->Ctrl + F 寻找【]]></b:skin>】

然后在【]]></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 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="图片网址" 
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>
温馨小提示❤
❤图片URL-->这个就是你要链接图片的网址

  祝你成功 =]
❤

4 条评论:

留言规则 请勿犯规 :)

--------------------------------------------------------------------------------

1、由于评论太哆，有些我不能一一评论

2、如有捣乱着，恕我删除留言

3、有些博友要的教程，请勿再三询问，请到教程列表里仔细寻找

谢谢 :)