爱情冰淇淋

鼠标指向图片变模糊

↑ BEFORE ↑

效果

↓ AFTER ↓

登入部落格 > 设计 > Edit Html

按 CTRL+ F 寻找 ]]></b:skin>

把代码 paste 在它的前面

img:hover{filter: alpha(opacity=75); moz-opacity:.75; opacity:.75;}

img{opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

大功告成 :)

效果只有 Google Chrome 看得到

登入部落格 > 设计 > 添加小工具

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="

http://www.yourjavascript.com/610310434009/unwanted86.blogspot.com.js" type="text/javascript">

</script>

按 Save ! 可是还没有大功告成 :)

然后把以下代码 Paste 在你的帖子里

<img src="图画 URL=" class="magnify" data-magnifyby="2" style="width:200px;

height:150px cursor: url(magnify.cur), -moz-zoom-in; " />

然后把图片 URL 更改掉就好了 :)

等你发布文章后 , 效果就能显现出来了

禁止拖动图片代码

禁止拖动部落格内的任何一个图片

Disable Dragging Image

你们或许应该知道

若对图片封锁了左键 & 右键

依然可以盗取得到图片

就是把图片拖到新的一个 Tab 然后把图片 Save 下来

这一个代码可以使在你部落格内的所有图片都被禁止拖动

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找 <head>

把以下的代码 Paste 在它的后面

<script type="text/javascript"> document.ondragstart = function () { return false; }; </script>

-- 大功告成 --

防盗图片代码 ( 右键可用 )

有时想封锁右键的 Save Pic 功能

可是又不想封锁整个右键功能

只想封锁右键的保存图片功能

这个代码很适合你 :D

登入部落格 > 设计 > 添加小工具

<script language="JavaScript1.2">

var clickmessage="内容"

function disableclick(e) {

if (document.all) {

if (event.button==2||event.button==3) {

if (event.srcElement.tagName=="IMG"){

alert(clickmessage);

return false;

}

}

}

else if (document.layers) {

if (e.which == 3) {

alert(clickmessage);

return false;

}

}

else if (document.getElementById){

if (e.which==3&&e.target.tagName=="IMG"){

alert(clickmessage)

return false

}

}

}

function associateimages(){

for(i=0;i<document.images.length;i++)

document.images[i].onmousedown=disableclick;

}

if (document.all)

document.onmousedown=disableclick

else if (document.getElementById)

document.onmouseup=disableclick

else if (document.layers)

associateimages()

</script>

然后把内容换成你想要写的字

那就大功告成了

如何移除图片框框

此教程限 Google Chorme 而已 , 因为 IE 不能显示影子效果 :)

登入部落格 > 设计 > Edit Html

按 CTRL + F 寻找 img {

如果看到后面有 shadow 或者 border 的代码

就是哪一个代码，没错了

把 img { 后面到 } 前面的代码删除

换句话说

img { xx图片框框代码xx }

例如xx图片框框代码xx是你里面的代码

把 xx图片框框代码xx 删除变成 img { } 就好了

添加框框 ( border )

部落格每一个地方都可以放框框

Post - tittle , Post-body 都可以

类似移动部落格标题那篇

先来个简单的吧 :D

登入 Blogger > 设计 > Edit html

大标题

按 CTRL + F 寻找 .Header h1 {

然后把下面的 Code 放在 ..... } 前面

border-top: 2px dashed #000000;

border-left: 2px dashed #000000;

border-right: 2px dashed #000000;

border-bottom: 2px dashed #000000;

margin:0 0 1.5em;

padding:7px 10px 7px 10px;

如图

小工具标题

按 CTRL + F 寻找 h2

一样

把下面的 Code 放在 ..... } 的前面

border-top: 2px dashed #000000;

border-left: 2px dashed #000000;

border-right: 2px dashed #000000;

border-bottom: 2px dashed #000000;

margin:0 0 1.5em;

padding:7px 10px 7px 10px;

如图

文章标题

按 CTRL + F 寻找 h3.post-title {

把下面的 Code 放在 .... } 的前面

border-top: 2px dashed #000000;

border-left: 2px dashed #000000;

border-right: 2px dashed #000000;

border-bottom: 2px dashed #000000;

margin:0 0 1.5em;

padding:7px 10px 7px 10px;

如图