删除 订阅:帖子(Atom)


1。Design > Edit HTML > 勾一勾 Expand Widget Template

2。按 Ctrl + F 寻找 <b:include name='feedLinks'/>


3。把这段文字删除。Preview 看看 code 有没有出现问题。没有问题就按你们最 pannai 的按钮 —— 保存。哈哈哈。
 

Click NUFFNANG Adds and COMMENT me :) ♥

在文章帖子底部添加分割线


就是这个分割线啦 :D

其实我自己也是不会弄的,没有看过这个教程 :O 我也和你们一样啊,我也是在学习当中。只是我把我会的东西分享出来而已。所以我就去 Google 了,参考一些别的教程,就自己发现了怎么弄。希望你们可以成功弄到。:D 

1。到 Design > Edit HTML > 按 Ctrl + F 寻找 .post-footer {

2。在 .post-footer { 的 下面 copy and paste 以下的 code:

background: url(图画 URL);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;
  margin: .5em 0 0;


3。Preview 看看有没有。按 save 保存就可以啦 :D 

喜欢这篇教学吗?帮忙点击广告进去看看。:) 







这里有一些分割线例子:












Click NUFFNANG Adds and COMMENT me :) ♥

如何在 comment/评论 之前增添小图画


1。到 Design > Edit HTML > 勾一勾 Expand Widget Templates

2。按 Ctrl + F 寻找以下的 code 

<span class='post-comment-link'>

3。找到之后,把以下的 code copy and paste 在 <span class='post-comment-link'> 之后

<img src='图画 url'/>



4。把红色的图画 url替换成你要的图画的 URL/Direct Link。按 Preview 看有没有。没有问题的话就按 save 吧!:)



Click NUFFNANG Adds and COMMENT me :) ♥

如何把 comment/评论 换成别的字眼




 以上都是平时我们看到的,现在分享怎样把它弄成以下这个图画:


很容易的,到 Design > 按 Blog Post 那边的 edit > 把 comment/评论 字眼换成你喜欢的字眼,如图所示:


按 save, 完成!:)

我分享这个的原因是…… 我自己之前一直笨蛋到不懂怎样去换,突然有一天乱乱按到被我发现…… = = 所以现在告诉你们啦,不要像我那样当笨蛋。哈哈哈哈!xD
 

Click NUFFNANG Adds and COMMENT me :) ♥

如何更换较新的帖子、主页和较旧的帖子




如果是英文版的话,就是更换 Newer Posts, Home 和 Older Posts。要换的话就根据以下步奏:

首先,到 Design > Edit HTML > 勾一勾 Expand Widget Templates

接下来,选择你要更换的东西:

更换较新的帖子 Newer Posts

1. 按 Ctrl + F 寻找 <data:newerPageTitle/>

2. 用以下的 code 替代 <data:newerPageTitle/>

<img src='图片direct link'/>

更换主页 Home

1. 按 Ctrl + F 寻找 <data:homeMsg/>

2. 用以下的 code 替代 <data:homeMsg/>

<img src='图片direct link'/>

更换较旧的帖子 Older Posts

1. 按 Ctrl + F 寻找 <data:olderPageTitle/>

2. 用以下的 code 替代 <data:olderPageTitle/>

<img src='图片direct link'/>


Preview 看有没有 :)有的话就按 save。

——————成功——————

如果你想自己设计图画,可以把图画上载到 Photobucket 以获取 Direct link



Click NUFFNANG Adds and COMMENT me :) ♥

如何制作像 Tumblr 的 Dashboard 和 Follow 按钮





添加这个按钮会让你的部落格显得和别人的不一样,因为你的比较特别。:P 现在就和大家分享怎样弄。

1. 到 Design > Add a Gadget > HTML/Java Script

2. Copy and paste 以下的 code

 <a style="display:scroll;position:fixed;top:45px;left:15px;" href="http://www.blogger.com/follow-blog.g?blogID=你的 Blog ID" title="Follow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?468" /></a><a style="display:scroll;position:fixed;top:15px;left:15px;" href="http://www.blogger.com/home" title="Dashboard"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?468" /></a>

3. 按 save 就行啦!:P



我知道你们一定不知道 Blog ID 在哪里找。因为我自己一开始也是不知道。哈哈哈。很简单,你按进去 Design 的时候,看一看上面的网址,你就会看到了。: )


如果你想顺便把那个恼人的 Navigation bar 弄掉,按 这里
Click NUFFNANG Adds and COMMENT me :) ♥

制作 Scroll To Top 按钮



2。Copy and paste 以下的 code:


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


var scrolltotop={
   setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="图画 URL" style="filter:alpha(opacity=70); -moz-opacity:0.1; width:33px; height:47px" />', 
    controlattrs: {offsetx:40, offsety:70}, 
    anchorkeyword: '#top', 
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) 
            this.$control.css({opacity:0}) 
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) 
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }


    },
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'Back to Top'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') 
                mainobj.$control.css({width:mainobj.$control.width()}) 
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })


        })


    }


}
scrolltotop.init()


</script>




3。Save。成功!:D




其实 Scroll to top 和 Back to top 按钮的功能是一样的,只不过 Scroll to top 有了 Java Script 的点缀所以变到比较美咯。


哎呀!


忘记告诉你们什么是 Scroll to top 按钮。就是那种要 scroll 网页才会看到的 back to top 按钮啦。要看例子就参考我部落格的右下角。Terima Kasih。:P 



Click NUFFNANG Adds and COMMENT me :) ♥

链接在新的窗口开启 open new tab




2。Copy and paste 以下的 code:

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links in the page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("URL") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

3。保存!按按看链接有没有开启新的 tab 吧!:D

Click NUFFNANG Adds and COMMENT me :) ♥

Back To Top Icon 按钮


到 Design > Edit HTML

按 Ctrl + F 寻找 </body>

在 </body> 之前 copy and paste 这个 code 进去

<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img src='图片 Direct Link'/></a>


记得哦,是图片 Direct Link。你可以把你的图画上载到 Photobucket 以获取 Direct Link。


青色的 Back To Top 你可以随意更换成你喜欢的文字。这个字会在你的鼠标指向它的时候出现。


我用黄色 Highlight 的号码,是你要你的 Back To Top 图画显示的位置。你可以更换去其他号码,那么它的位置就会改变。





有看到位置改变了吗?




按 save,就好了啦!:)


Click NUFFNANG Adds and COMMENT me :) ♥

渐渐变化的 code


有看到吗?那个链接的颜色会慢慢从黑色变成深紫色。可能会有点不明显,但是你们应该知道我的意思吧?哈哈。普通的是鼠标指向链接就直接变成链接的颜色,这个会慢慢的有颜色变化。

1。Design > Edit  HTML > 按 Ctrl + F 寻找 a:link {

2。在 a:link { 的下面吧这个 code copy and paste 进去:

-webkit-transition-duration: .30s;



3。Preview 看看 code 有没有出现什么问题。没有问题的话就保存咯!:)

4。其实这个 code 还可以用在很多地方,你们会的话可以自由发挥,比如说用在 blockquote 啊,等等的。自己慢慢发掘吧!哈哈!

Click NUFFNANG Adds and COMMENT me :) ♥

如何停止关注部落格

1。到 www.blogger.com 你自己的 Dashboard 那边,按下面那个 MANAGE



2。按 Settings



3。按了 Settings 就会出现这样的东西。按 Stop Following This Site



4。然后就会出现这个弹窗。按 Stop Following



好了。:)


55555555 现在你们会停止关注了咯,一定有很多人要停止关注我鸟,因为我太给婆叽渣了。TT



Click NUFFNANG Adds and COMMENT me :) ♥

整体部落格 Facebook like 按钮

就是这个东西咯。之前的 Like 按钮只是帖子而已,现在这个是整个部落格的。


1。Design > Add a Gadget > HTML/JavaScript

2。Copy and paste 以下的 code:

<center><iframe src="http://www.facebook.com/widgets/like.php?href=部落格网址" scrolling="no" frameborder="0" style="border:none; width:450px; height:80px"></iframe></center>



3。保存。我已经设定为中间,如果你不要的话,就把红色的 <center></center> 删除即可。部落格网址例子: dingshuhui.blogspot.com。可以把这个小工具放在旁边,也可以放在 header 下面,随便 cincai 你喜欢哈哈哈。



Click NUFFNANG Adds and COMMENT me :) ♥

如何添加 Facebook Share 按钮



1.首先,到 Design > Edit HTML > 一定要勾 Expand Widget Templates

2. 然后,按 Ctrl + F 寻找 <data:post.body/>

3. 把以下的 code copy and paste 在 <data:post.body/> 的下面

<!-- Facebook share button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> 
<div style='float:left;padding:5px 5px 5px 0;'> 
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php' name='fb_share' type='box_count'>Share</a><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'></script> 
</div> 
</b:if> 
<!-- Facebook share button End -->


4.红色的 Box_count 是你的 Facebook share 按钮的种类。你可以把它替换成以下你喜欢的按钮的 code。



5. 如果你要你的按钮出现在右边,你就把青色的 left 替换成 right。

6. 如果你想要你的按钮出现在上面,你就把整个 code copy and paste 在 <data:post.body/>上面

7.Preview 看看有没有。按 save。好啦

Click NUFFNANG Adds and COMMENT me :) ♥

如何在每篇文章下添加 Facebook Like 按钮

 Facebook Like 按钮就是这个



1. 首先,到 Design > Edit HTML > 勾一勾 Expand Widget Templates (一定要勾哦!^^ )

2. 按 Ctrl + F 寻找 data:post.body

3. 然后,把以下的 code copy and paste 在 data:post.body 的 下面


<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>  


4. 按 Preview 查看,如果 Facebook like 按钮出现了,就按 save。成功啦
 

Click NUFFNANG Adds and COMMENT me :) ♥

如何 Print Screen?

如何 Print Screen? 也就是说把电脑荧幕 “拍摄” 下来。

1。按键盘的 Prt Sc。通常这个按钮的下面会写着 SysRq,就在键盘的右上角。

src: http://www.seoconsultants.com/frontpage/keyboard/

2。按了这个之后,就好像我们平时 copy 了东西一样,现在只要找一个地方 paste 就可以了。通常我都会选择 paste 在 Paint,你也可以 paste 在 Microsoft Word 等等。按 Ctrl + V 就可以 paste 了。

例子 1,我 paste 在 paint:


例子 2,我 paste 在 Microsoft Word:


3。之后,save as 就可以了。如果你只是想要图画的一部分,你也可以 cut 了才 save。

Click NUFFNANG Adds and COMMENT me :) ♥

把鼠标变成十字鼠标 / 其它 CSS 鼠标

首先,Design > Add a Gadget > HTML/Java Script

把以下的 code copy and paste 进去



按 save。

完成!:P


—————— UPDATE ——————


其实这个是 CSS 类型的鼠标,不止有 + 的鼠标,还有很多种哦。


这个是原本的 code:

<style type=text/css> body{cursor:crosshair} a {cursor: TYPE}</style>


红色的字体可以更换去其他鼠标类型:


auto自動改變樣式
crosshair精確定位"+"
default默認指針
hand手形
move移動
e-resize箭頭朝右方
ne-resize箭頭朝右上方
nw-resize箭頭朝左上方
n-resize箭頭朝上方
se-resize箭頭朝右下方
sw-resize箭頭朝左下方
s-resize箭頭朝下方
w-resize箭頭朝左方
text文本"I"形
wait等待
help幫助


例子:我要一个 "wait" 的鼠标,那么我的 code 就是:

<style type=text/css> body{cursor:wait} a {cursor: TYPE}</style>

明白?:) 你们就自己试试看这些鼠标是怎样的吧。
 

Click NUFFNANG Adds and COMMENT me :) ♥

超简单的更换鼠标方法!/ 如何使用自己制作的鼠标

第一种方法:

如果你不懂什么 Edit  HTML,那么我教你这个 :)


1。首先,到这个网站去选择你喜欢的鼠标 —— http://www.cursors-4u.com/


2。把你选择的鼠标的 code copy 起来


3。到 Design > Add a Gadget > HTML/Java Script (不可能连这个也不会吧?= = )

4。把你的 code copy and paste 进去

5。然后,看看那个 code。保留 <style  和 </style> 之间的 code。后面那些 <a 到 </a> 的全部删除掉。 例子如图,我 highlight 的那些都是要删除掉的:


6。按 save 保存,就可以啦!

————完成————

你们一定很好奇为什么要把后面那些 code 删掉。因为如果不删掉的话,你的部落格就会出现这种讨厌的东西:

这个更换方式的弱点是:不能随意更改普通状态的鼠标和指向链接的鼠标。如果想把普通状态的鼠标和指向链接时的鼠标换成不同的鼠标的话,按这里



第二种方法:
这个是我最近发现的一个新方法。也是超级简单的!

1。首先,到 Design > Edit HTML > 按 Ctrl + F 寻找 ]]></b:skin>

2。在 ]]></b:skin> 之前把以下的 code copy and paste 进去:

body, a, a:hover {cursor: url(鼠标 URL), progress;}



3。鼠标 URL 去哪里找呢?介绍你们这两个网站:

http://www.totallyfreecursors.com/
http://www.123cursors.com

这里应该有上千个鼠标让你选择,应该会找到喜欢的吧?:) 找到喜欢的鼠标之后,就 right click,然后按 copy image URL,然后替代上面红色的 鼠标 URL 就好啦!

4。Preview 看看有没有。按 save,就可以了!:D




如何使用自己制作的鼠标?

1。其实和上面的方式是一样的,不同的是你需要上载鼠标。制作好你的鼠标后,把你的鼠标上载到 photobucket。(按 这里 查看如何自制鼠标)

2。然后,获取鼠标的 Direct Link。(按 这里 查看如何获取 Direct Link)

3。到 Design > Edit HTML > 按 Ctrl + F 寻找 ]]></b:skin>

4。在 ]]></b:skin> 之前把以下的 code copy and paste 进去:
body, a, a:hover {cursor: url(鼠标 URL), progress;}



5。Preview 看看 code 有没有出现问题。Preview 是看不到效果的咯。没有问题就保存!:)





哈哈!希望你们会喜欢 + 明白。我觉得这样更换鼠标最方便了!XD
喜欢就留言/按按广告看看吧 : )


如果你用不到自己制作的鼠标,你就换一个鼠标吧。原因我不清楚,但是换了鼠标之后问题应该就可以解决。


Click NUFFNANG Adds and COMMENT me :) ♥

更换鼠标的方法



<style>body{cursor: url("鼠标1"), url("鼠标1"), auto;}</style>


如果你要你更换的鼠标在指向 link 的时候出现,你可以选择在 <head> 之后 paste 这个 code:


<style>A:hover{cursor: url("鼠标2"), url("鼠标2"), auto;}</style>


红色的字体换成你找到的鼠标的 URL。注意:鼠标图必需是 gif, jpg 或 ani 类型。
你也可以把这两个 code combine 起来一起用,也就是说,你在 paste 了第一个 code 之后,把第二个 code 继续 paste 在第一个 code 的后面,例子:


<style>body{cursor: url("鼠标1"), url("鼠标1"), auto;}</style><style>A:hover{cursor: url("鼠标2"), url("鼠标2"), auto;}</style>


这样的话,你的部落格就会同时有2个鼠标,一个是平时看到的,另一个只有在把鼠标指向 link 的时候才会看到。


例子:



<style>body{cursor: url("http://i1099.photobucket.com/albums/g399/duleidulei/th_heartr.gif"), url("http://i1099.photobucket.com/albums/g399/duleidulei/th_heartr.gif"), auto;}</style>







Click NUFFNANG Adds and COMMENT me :) ♥

显示/隐藏 文章的按钮(有背景)




显示/隐藏 文章的按钮 的效果是一样的,只不过这个版本的有背景,比较漂亮哟!:)

1。它的 code 是:


<center><div id="spoiler">
<div>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Hide Spoiler!'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" style="-moz-border-radius: 5px; background-image: url(http://2.bp.blogspot.com/-K0arcECsAH0/TkasizphyZI/AAAAAAAAKXo/ZIQj9TIBNYc/s1600/h1.gif); border-radius: 5px; border-style: 2px solid #ff9fcc; font-size: 12px; margin: 13px; padding: 0px; width: 250px;" type="button" value="点我显示" />
<div id="show" style="background-color: transparent; background-repeat: repeat; border-width: 0px; display: none; margin: 0px; padding: 3px; width: 90%;">
欢迎大家来到我的部落格!</div>
</div>
</div></center>

2。红色字体可以随意更换哟。很失败的事情是,显示出来的内容都是链接性的,就是说不会分段。:( 谁会弄了告诉我啊!

3。可以添加在 Gadget 小工具:Design > Add a Gadget > HTML/Java Script
或者是在帖子里:New Post > Edit HTML

4。背景的话,大家可以自己去寻找素材哦!:)



Click NUFFNANG Adds and COMMENT me :) ♥

显示/隐藏 文章的按钮





很好玩是不是?哈哈哈!

1。Design > Add  a Gadget > HTML/JavaScript

2。把以下的 code copy and paste 进去:

<div id="spoiler" style="display: none;">
被隐藏的内容</div>
<button onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide content" type="button">显示 | 隐藏</button>

3。红色的字体都可以更改哦。:) 保存!

4。如果你要把这个效果添加在帖子里,你就把这个 code copy and paste 在 Edit HTML 的部分。


Click NUFFNANG Adds and COMMENT me :) ♥

增加部落格整体宽度



1。Design > Edit HTML > 按 Ctrl + F 寻找 <b:template-skin>

2。<b:template-skin> 后面有一个号码,(如图所示)你可以随便换去你喜欢的号码哈哈哈。



3。按 Preview 看看有没有。Save,完成!




Click NUFFNANG Adds and COMMENT me :) ♥

如何更换 Post Outer Border


之前教了如何更换 Main Outer Border,今天来教如何更换 Post Outer Border,也就是比较里面的那一层。:)

1。Design > Edit HTML > 按 Ctrl + F 寻找 .post-outer {

2。在 .post-outer { 之后 copy and paste 这个 code:

border:2px solid #F5A9A9;
border-radius: 20px 20px;



* 红色的号码可以随你喜欢更换。:D 自己随便换看有什么不同。:P
青色 Highlight 的是框框类型,以下有一些例子:


3。Preview 看看,可以了就保存咯!:D

Click NUFFNANG Adds and COMMENT me :) ♥
Related Posts Plugin for WordPress, Blogger...