::郑妈妈の花花世界::: 郑妈妈の部落格tips

Showing posts with label 郑妈妈の部落格tips. Show all posts

11.9.12 navbar现身！！

最近在该部落格的cover时都发现，
之前的隐藏navbar，不是万试万灵。
就从网友哪里，
找到了另一个解决的code。。

首先，

Edit HTML--> Proceed
Ctrl+F, 找出 body{
把以下的code，paste在body{ 之前

#navbar-iframe {
display:inline !important;
}

就大功告成了～～

14.1.11 什么反应

这是blogger里所谓的Reaction Label。
就是能够让看的人选择他读后感。。。
俗称。。。反应问卷。。。哈哈。。

如果你是‘改装’的template，你可能不能直接用blogger所提供的reaction label。
必须自己加上一些code。。。就好象我遇到的问题。。。

首先，
1）去Design-->Edit HTML -->在Expand Widget Templates打勾
2)按ctrl+F, 找以下（或类似）的code，

<p class='post-footer-line post-footer-line-1'>

3）将以下的code，放在step2 的code之后

<span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' width='100%'><tr> <td valign='center'><span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>

4）PREVIEW，确定了之后，才按SAVE。

好了，大功告成！！

谢谢blogger buster

为你家换新衣

之前在为【家】换衣的时候，有好几个网友也蠢蠢欲动想换，
可是又不知如何下手，
担心下手后找不回之前的东东。。。

这里，跟大家分享一下怎样为你的【家】，
换上自己爱的‘新衣裳’。。

1）首先，找到了你心水的template，download下来。（template可在Btemplate寻找）

温馨提醒：Download下来的template，format是 .xml 的。

2）去Design-->Edit HTML,你会看到 Backup/Restore Template。

温馨提醒：你也会看到DOWNLOAD FULL TEMPLATE。请先把原本的template储存起来。

3）接着，BROWSE你要upload的新template。（就是在（1）download的file）

4）可以按UPLOAD了。

5） PREVIEW，确定了之后，才按SAVE。

6）有些时候在upload了新template后，system会问你要不要保留之前的一些widget，如果你要的话，就按KEEP　WIDGETS。如果不要的话，就DELETE　WIDGETS。
建议大家先保留，检查了过后，真的不要才delete。

好了，大功告成～！！

不给你抄就不给你抄

很多人都会讨厌别人把自己的‘名句’抄进自己的家吧。。。
这里给你一点贴士，让路人无法在你家乱抄一番。。
不过，其实稍微熟悉电脑的朋友，应该知道这个功能也是有破绽的。。
不懂的人，嗯。。就继续不懂吧。。嘻嘻～～

Choice A
1）首先，去Design--> Add gadget --> Add HTML/Javascript
2) 把以下的code，放进去。

<script language="JavaScript">

</script>

3） ‘Save’就可以了。

还有，如果你想完完全全的禁止路人copy&right click你家内容的话，就这样做。。。

Choice B
1）去Design-->　Add Gadget --> Add HTML/Javascript
2) 把以下的code，放进去。

<script language="javascript" type="text/javascript" src="http://audi.tw/Blog/webDesign/images/46/46-01.js"></script>

3） ‘Save’就可以了。

温馨提醒一下：我试过这个功能。不过，用了之后，很多功能都不能用了。所以，决定用的kaki blog-s，三思哦~~

谢谢kenchy & kenchy

隐藏navbar

之前大家都很疯狂的在‘装修’自个儿的【家】时，
有网友就碰到了因为页面没有navbar，所以没办法login到blogger里头。。。
我‘研究’的了很久。。。都没给我找到答案。。。

这一次换新衣，这个问题就给我碰到了。。。
我的页面navbar被hide了起来。。。。造成了我也无法login到blogger。。。
经过之前改了一大堆东西，现在稍微有了点‘经验’。。
终于让我找到了解决这个问题的方法。。

这个隐藏navbar功能，是你在把cursor移到页面的顶端，才会出现的哦。。。所以，在你没需要到它的时候，它就不会出现‘妨碍’你的视线了。。很好吧~~

**记得先把Template backup好。

首先，
1）去Design-->Edit HTML
2) 按Ctrl F，找 body{
3）接着，在body{ 之前，paste上以下的code

#navbar-iframe{
opacity:0.0;
filter:alpha(Opacity=0);
}

#navbar-iframe:hover{
opacity:1.0;
filter:alpha(Opacity=100, FinishedOpacity=100);
}

4）如果Preview看不到的话，就直接Save了再看。

好了，大功告成~~!!

ps:如果还看不到的话，你就需要把之前template里把navbar hide起来的code 删除，才把以上的code paste在body{ 之前。

谢谢kenchy

看到我刚加入的【read more】吗？
其实这个功能在官方blogger里也有的，

1)去Setting-->select post editor -->在Updated editor里打勾
2)当你回到new post 的时候，你就会看到不一样的compose了。
3)Compose里有个icon是‘jump break’，
当你选定了你要缩短的内容，就把jump break insert到那行字。。。
就可以了。。。
4）当你去view blog的时候，就会看到你的文章已经缩短了，
【read more】出现了~~

温馨提醒：当你换了‘updated editor’后，有些icon（尤其是comment icon）可能会crashed到，就只有一好，没有二好了～

如果你真的这么‘不幸’，以上的方法真的crash到了你的icon，你可以试试以下的方法。

这个方法，不需要去setting换editor。

你只要在打完你的post时，click Compose隔壁的Edit Html，
在你想Read more开始出现的句子前，将以下的code打入

然后，就可以publish了。。。

好了，大功告成～～！！

如果以上的方法也不行，就请参考这位达人的方法。。。

谢谢kenchy

Favicon （address bar の icon ）

看到我address bar闪亮亮的心吗？
你也可以弄哦~~

1）找到你要的图片网址
2) 去Design-->Edit HTML
3) 按ctrl+F,找</head>
4)把以下的code，放在</head> 之前

<link href='图片网址' rel='shortcut icon'/>

**记得把图片网址换成step 1找到的code

温馨提醒：：我试过不是每个图片都成功哦。。我是try n error的"

好了，大功告成~!!!

谢谢kenchy

添加【回复此评论】

这个功能，我弄了好多天。。。
宅妈给的，我一直applied不进我的blog。。。

刚刚终于给我弄到了～～
这个code，是我拿了别人的code，加上一点宅妈的code弄成的～～

1）去Design-->Edit HTML-->在Expand Widget Templates打勾
2)按ctrl+F, 找以下的code，

<data:commentPostedByMsg/>

3）将以下的code，放在step2 的code之后

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=BLOG-ID&postID=" + data:post.id + "&isPopup=true&postBody= %40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400, height=450"); return false;'><img alt='Reply to comment' src='图片code' style='float:right;padding-right:100px' title='Reply to comment'/></a></span>

4）BLOG-ID = 你的部落格ID ，可以在你Design Page的address bar -->( http://www.blogger.com/html?blogID=之后都是数目 )找到。。
接着，更换‘图片code’

ps：如果按『Preview』没看到更改，就直接按『Save Template』

好了，大功告成～！！

谢谢kenchy & 宅妈

在comments里增添表情

想要让你的kaki blog-s留言时不太过于单调吗？
以下可以让你的comments看起来活泼一点。。。

**温馨提醒：：记得先把现有的template backup起来～～

1）去Design-->Edit HTML-->Expand Widget Templates打勾
2）按Ctrl+F，找以下的code

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/><b:else/><b:if cond='data:post.allowComments'><h3><a expr:href='data:post.addCommentUrl'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3></b:if></b:if></p></b:if>

3）找到了之后，就把以下的code替代（replace）step【2】找到的code

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

4）再次按Ctrl+F，找</body>
5)把以下的code，放在之前</body>

<script src='http://bandofgirls.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://techknowl.com" target="_blank">Blogger Widgets</a></noscript>

好了，大功告成～！！
ps：这时候，按『Preview』如果看不到任何变化的话，就直接『Save Template』

谢谢

Back to Top

有时候觉得自己的blog页面很长吗？
想要scroll up回去很懒惰？？
给你“Back to Top” 的做法，
大家（你的kaki blog-s)就可以一click回顶了。

**首先，去Design--> Edit HTML
**按Ctrl+F 找</body>
**把以下的code抄在</body>之前

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

**记得把“回顶图片”换成你要用的图片image link。

好了，大功告成~~!!

‘签’大名

想要再写完文章时放上你的大名吗？
这里给你参考参考~~

-先去MyLiveSignature create你的签名。
-create好了就right click，copy image location
回到你的blogger，
-去Design--> Edit HTML -->在 Expand Widget Temptes打勾
-按Ctrl+F，找

<div class='post-footer-line post-footer-line-1'>
OR
<p class='post-footer-line post-footer-line-1'>

-找到后，就把以下的 code放在它们之前

<img src='signature的link' style='border:0px;'/>

-然后把图片网址更新为你signature的link（也就是之前copy image location的link）
-按“Preview”，确定了更改后的网页没有问题，才按 “Save”。
-ps：如果找不到之前的code，就找以下的：

<data:post.body/>

不过，这一次要把签名的code，放在这个code之后

好了，大功告成~~!!