显示标签为“把部落格扮美美”的博文。显示所有博文
显示标签为“把部落格扮美美”的博文。显示所有博文

11/13/2012

如何放FB LIKE BOX在部落格

银大,米歇尔画图给你看这样比较容易明白

首先去这儿http://developers.facebook.com/docs/plugins/

选LIKE BOX

把你FB的主页地址拷贝去Facebook Page URL

然后可以调位尺寸

可以选Stream 和 Hide 

最后按GET CODE,把这个CODE拷贝起来


回去部落格的布局里

开一个配置 HTML/JavaScript(选你想放的位置)

把CODE放进去就行了!

记得保存哦!

5/14/2012

第十 如何把标题滚动

这儿如何做呢?

第一,先去到布局
第二,然后在贴加小工具里选(HTML/JavaScript)
第三,把以下的代码拷贝去 (HTML/JavaScript)
第四,要改你的标题哦!


代码在这儿,记得要改自己的标题哦!

<script language="javascript">
<!--
var tx = new Array (
"米歇尔投资里的点滴");

var txcount=1;//

var i=1;
var wo=0;
var ud=1;
function animatetitle()
{
window.document.title=tx[wo].substr(0, i)+"_";
if (ud==0) i--;
if (ud==1) i++;
if (i==-1) {ud=1;i=0;wo++;wo=wo%txcount;}
if (i==tx[wo].length+10) {ud=0;i=tx[wo].length;}
// if (window.document.title.length < 20 ) window.document.title=window.document.title+"-";
// if (window.document.title.length == 20 ) window.document.title=window.document.title+"]";
// if (window.document.title.length == 21 ) setTimeout("window.document.title='Animierte Seitentitel '; ",1000);

parent.window.document.title=tx[wo].substr(0, i)+"_";
setTimeout("animatetitle()",200);
}

animatetitle();

// -->

</script>

4/30/2012

给新博主,如果更改模板


先选择模板
选择自定义,
自定义是Blogger 已经做好的模板,
而修改HTML是要用代码(电脑语言),
米歇尔建议也把移动版启动,因为方便读者在电话浏览





Blogger 模板设计器选择你想要的模板和更改你要的格式

米歇尔没有用Blogger 的模板,
如何你想要更多模板可以浏览一下的


然后再看



4/14/2012

米歇尔做了一张FB电子名片





如果你也想做一张,

方法很简单,去以下的链接,

选择 Facebook 电子名片

然后把 code 拷贝去你的部落格就可以啦!

http://www.facebook.com/badges/




4/07/2012

第九 拉动缩小博客列表

就是这个啦!有时加了很多朋友,变得长长的,如果你也想做个拉动器,
就先找这个 
    <div class='widget-content'>
把红色的放在上面,
记得再拉下来 后面也要加个 </div>

记得先浏览才保存,加之前也要备份你原来的模板哦!


<div style='overflow:auto; width:ancho; height:250px;'>
    <div class='widget-content'>
      <div class='blog-list-container' expr:id='data:widget.instanceId + &quot;_container&quot;'>
        <ul expr:id='data:widget.instanceId + &quot;_blogs&quot;'>
          <b:loop values='data:items' var='item'>
            <li expr:style='data:item.displayStyle'>
              <div class='blog-icon'>
                <b:if cond='data:showIcon == &quot;true&quot;'>
                  <input expr:value='data:item.blogIconUrl' type='hidden'/>
                </b:if>
              </div>
              <div class='blog-content'>
                <div class='blog-title'>
                  <a expr:href='data:item.blogUrl' target='_blank'>
                    <data:item.blogTitle/></a>
                </div>
                <div class='item-content'>
                  <b:if cond='data:showItemThumbnail == &quot;true&quot;'>
                    <b:if cond='data:item.itemThumbnail'>
                      <div class='item-thumbnail'>
                        <a expr:href='data:item.blogUrl' target='_blank'>
                          <img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
                        </a>
                      </div>
                    </b:if>
                  </b:if>
                  <b:if cond='data:showItemTitle == &quot;true&quot;'>
                    <span class='item-title'>
                      <b:if cond='data:item.itemUrl != &quot;&quot;'>
                        <a expr:href='data:item.itemUrl' target='_blank'>
                          <data:item.itemTitle/></a>
                      <b:else/>
                        <data:item.itemTitle/>
                      </b:if>
                    </span>
                  </b:if>
                  <b:if cond='data:showItemSnippet == &quot;true&quot;'>
                    <b:if cond='data:showItemTitle == &quot;true&quot;'>
                      -
                    </b:if>
                    <span class='item-snippet'>
                      <data:item.itemSnippet/>
                    </span>
                  </b:if>
                  <b:if cond='data:showTimePeriodSinceLastUpdate == &quot;true&quot;'>
                    <div class='item-time'>
                      <data:item.timePeriodSinceLastUpdate/>
                    </div>
                  </b:if>
                </div>
              </div>
              <div style='clear: both;'/>
            </li>
          </b:loop>
        </ul></div>

3/30/2012

第八 博客归档缩小拉动器

就是这个啦!很好用!


找这个 <div id='ArchiveList'>

Paste 以下这个在上面
<div style='overflow:auto; width:ancho; height:100px;'>
后面加 </div> 

例如:
<div style=’overflow:auto; width:ancho; height:100px;’>
<div id=’ArchiveList’>
<div expr:id=’data:widget.instanceId + &quot;_ArchiveList&quot;’>
<b:if cond=’data:style == &quot;HIERARCHY&quot;’>
<b:include data=’data’ name=’interval’/>
</b:if>
<b:if cond=’data:style == &quot;FLAT&quot;’>
<b:include data=’data’ name=’flat’/>
</b:if>
<b:if cond=’data:style == &quot;MENU&quot;’>
<b:include data=’data’ name=’menu’/>
</b:if>
</div>
</div> </div>
<b:include name=’quickedit’/>

3/21/2012

第七 加个播放音乐盒在你的部落格

这两个网站都是免费的

http://muzicons.com/























http://www.mixpod.com/

3/19/2012

第六 加个’您或许对这些文章有兴趣‘

你可以选择 http://www.linkwithin.com/learn

不过要在选择放多少个 stories 时要想清楚,3 个或 4 个,因为过后是不能改了的。

另外,你也可以选择要图画或不要图画。

3/15/2012

第五 换Favicon (好像logo似的)

首先

你准备好的图片

去这儿网站上传 http://tools.dynamicdrive.com/favicon/ 


然后有了图就SAVE 去电脑

如果用photobucket我们要copy direct link

从模板找

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
 
如果image/jpg 那边的jpg是跟着图片格式写的。

例如:
<link href='http://yes-apple.jpg' rel='shrtcut icon' type='image/jpg'/> 









3/13/2012

第三 安装分享按钮(share button)


这个很简单,原本功能已经有


步骤-布局-博客帖子-修改-显示共享按钮打钩

但如果打钩了还是看不到,米歇尔还有个方法
去这个网站http://www.addthis.com/ 或 http://sharethis.com/ 选你想要的按钮拷贝后

再回去修改HMTL里搜索 
显示下面<div class='post-footer-line post-footer-line-2'> or <data:post.body/>
显示上面<div class='post-header-line-1'/>

PASTE 去下面就行了!


记得先浏览再保存哦!

3/12/2012

第一换模板

米歇尔记性不好。。。哈哈!所以把这东西放在这儿,可以分享又可以自己看回。

首先你要做的是两件事
1.到http://btemplates.com/选模板下载
2.备份你原来的模板,以免有故障可以还原

米歇尔为你准备了一些图,如果看不完整可以尝试Dynamic View
























3/11/2012

第四留言板


去这儿注册一个账号,拷贝它的CODE
http://cbox.ws/?r=5-670938

在布局里添加一个小工具,选个HTML/JavaScript HTML/JavaScript 添加
paste 去里面,搞定!



这个?



















这个已经本身有的,去布局里添加小工具里找 Recent Comments 添加

第二 Menu Bar


每一次要修改就到到这儿,如果你看不到完整的图可以去我的MENU BAR 里按DYNAMIC VIEW,
每一次修改后先浏览,满意了再保存


Home是不要改的

按Ctrl+F 搜索第二个DYNAMIC VIEW (米歇尔的是DYNAMIC VIEW,可能你的模板是别的名称,那就要搜索你那个名称了。

你会看到<li><a href="网址">网站名字</a></li> (这个是单一的)


要几个,例如我的新闻与资讯就要加<ul class='children'>在的下面


<li><a href='#'>新闻与资讯</a>
<ul class='children'>
<li><a href='http://www.nanyang.com/taxonomy/term/808'>南洋商报</a></li>
<li><a href='http://biz.sinchew-i.com/taxonomy/term/5'>星洲财经</a></li>




要在再分类又分类,加<ul class='children'>到你你要的分类
<li><a href='#'>友情链接</a>
<ul class='childred'>
<li><a href='#'>股市投资部落格</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 3</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>