Wednesday, November 2, 2011

教你如何back to top

F.A.Q Pictures, Images and Photos

首先 到信息中心 →  设计 →  修改HTML

Ctrl+F查找

</body>

 前面复制以下代码

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

如图:


图片url随你意改哦

保存即可

这里有些图然你参考




图片url :

http://i1231.photobucket.com/albums/ee510/loveyen25/back-to-top-icon.png

图片url :

http://i1231.photobucket.com/albums/ee510/loveyen25/icon_top.gif



图片url :

http://i1231.photobucket.com/albums/ee510/loveyen25/back_to_top_icon.jpg





posted by

Jacquelyn


Tuesday, November 1, 2011

弹出的小窗口

F.A.Q Pictures, Images and Photos

锵锵   就是这个


首先 到信息中心 → 设计 →  页面元素添加小工具HTML/Java script 

把以下代码复制在内
<script type="text/javascript"> alert('欢迎观临') </script><noscript>Enable javascript in your browser to view an important message.</noscript>


欢迎观临可随你意改哦

最后  保存即可

简单吧 ??



posted by

Jacquelyn

移动的部落格标题

F.A.Q Pictures, Images and Photos

首先  到click me :D

Add title bar message 写上你要的标题文字

接着 按Add 


Choose an effect 里选择你所要的效果

ps : 可以按Preview预览下效果哦

然后呢 按OK,Generate Code

copy代码

最后 到信心中心设计页面元素 添加小工具HTML/JavaScript



复制代码 保存 就大功告成啦

简单吧 ??

:D 




posted by

Jacquelyn 


漂浮的follow & dashboard按钮小工具

F.A.Q Pictures, Images and Photos


就是这啦

首先 到信息中心 → 设计 →  页面元素添加小工具HTML/Java script 

 ps : 不是修改HTML哦  别搞错丫

把以下代码复制在内


<div class="widget-content"><div style="display:scroll; position:fixed; top:5px; right:90px;"><a class="linkopacity" href=http://www.blogger.com/follow-blog.g?blogID=1442758974662522891 target="_blank" rel="nofollow" title="follow me :D" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" /></a></div></div></div>

红色字体记得改成你的blog ID哦

知道你的blogID在哪吗 ??

你到设计看看上面的网址  有blog ID=什么的 后面的号码就是啦

paste在代码里即可

大功告成

简单吧 ??

:D



posted by

Jacquelyn

移动的帖子标题

F.A.Q Pictures, Images and Photos

首先 到信息中心设计修该HTML   ps : 记得在扩展小窗口部件打勾

接着  CTRL+F 查找  <h3 class='post-title entry-title'>

 后面添加 <marquee direction='left'>



之后 再按CTRL+F 查找</h3>

       
前面添加</marquee>

如图 :


按保存就大功告成啦

若想更改帖子标题的移动方向 就把红色字体删除  改成你所要的方

left = 左边移动
right = 右边移动


简单吧   right ??

:D



posted by

Jacquelyn

添加reaction

F.A.Q Pictures, Images and Photos


就是这个 :



首先  到设计







接着  到页面元素   博客帖子的修改














按下去

就会出现这个















反应那里打个勾就行了

按保存就大功告成啦

简单吧 ??

:D



posted by

Jacquelyn