显示标签为“how to”的博文。显示所有博文
显示标签为“how to”的博文。显示所有博文

2007-07-30

视频:怎样在一秒钟内捏扁易拉罐

足够强壮的朋友用手,不够强壮的朋友可以用用脑子=) 下面这个老大爷介绍的方法真的很有趣



via: link

2007-07-23

视频:怎样让硬币钻过一个小孔?

还记得啤酒杯的故事吗?下面的这段视频也能用在party上(不过好像有点火星)

2007-07-21

视频:怎样绑ipod耳机线

除了第一种以外,剩下两个都可以学习一下!





2007-06-17

怎样切换Blogger的CSS主题?

本来在写黑色环保省电节能版的博客的时候就应该把how to实现blogger的css主题切换的步骤写出来,一直偷懒拖到现在。既然Koole又把这个问题提出来,那就写一下具体的做法(这里只介绍怎样做,至于为什么要这么做请参看原作者的文章:Theme Switching With Blogger)

第0步:当然是备份自己的模板,没啥说的!

第1步:既然要在不同的CSS主题间切换,当然要准备至少2个不同的CSS主题。你可以将<b:skin></b:skin>(不包括<b:skin></b:skin>)间的CSS代码作为一个主题(复制到任何一个文本编辑器中,另存为1.css),然后在这个文件基础上做一些简单的修改,比如,更换一下背景颜色等等等,另存为2.css,以次类推。

tips: 第二个css文件中只须列出与前一个文件不同的部分。

第2步:将第1步中制作的2个(或者n个css文件)上传到你的网络空间上。然后在<b:skin></b:skin>前添加以下代码:
<link href=‘1.css的url地址' rel='stylesheet' type='text/css'/><link href='2.css的url地址' media='screen' rel='alternate stylesheet' title='light-css' type='text/css'/>

tips: 如上传到google pages上的话,当pages.google.com被封锁的时候,你的blogger网页呈现“裸体”状态(非常不雅观的说)。

第3步:下载styleswitch.js文件,上传到自己的网络空间,然后在第2步的代码后加入以下代码:
<script src='你的styleswitch.js文件url地址' type='text/javascript'>/************************************************ Style Sheet Switcher v1.1- &#169; Dynamic Drive DHTML code library (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more***********************************************/</script>

最后,将以下代码放到你认为合适的位置(比如侧边栏):
<a href="javascript:chooseStyle('none', 365)">1号主题</a>
<a href="javascript:chooseStyle('light-css', 365)">2号主题</a>


下面o开始回答大家的问题...

2007-05-12

怎样回到本帖开头

怎样回到本帖开头
和回到页首相比复杂一些,以下是具体步骤:

1. 找到下列代码,添加粗体字部分(如果没有的话)。

<b:includable id='post' var='post'>
<div class='post uncustomized-post-template' expr:id='"post-" + data:post.id' >


2. 找到帖子的底部(<p class="post-footer">)在其后添加下面的代码(可以根据自己需要修改粗体字部分)

<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Scroll to top of post'>Top of Post</a>

via: Blog Navigation: Top of Page and Top of Post

2007-05-01

怎样为你的Blogger添加相册?

怎样为你的Blogger添加相册?
虽然Google认为相册不是Blogger的必备功能(即使他们已经推出了google网络相册),不过还是有很多朋友(特别是从msn space上转过来的朋友)还是想在自已的Blogger上添加一个照相簿。托phydeaux3的福,你的这个愿望可以在三分钟后实现(该hack在新版blogger下测试有效,旧版的没试过):
1. 既然是新版blogger的用户,那么你一定已经有了一个google网络相册(并且相册里已经有些照片了)。

2. 以下就是你要粘贴到自己blogger上的代码,老规矩,你可以修改其中的粗体字部分(你也可以直接到 Picasa Web Albums Widget Creator for New Blogger上进行设置)。为了加快进度,就不一一解释了,不过千万记得修改最后一行中的"my pwa feed "(当然是用你自己的pwa feed代替)

<div id="pwFeed" style="text-align: center;"></div><script type="text/javascript"> var imgNum = 0; var pwaHeader = true;var albumDisplay = false ; var pwaLogo = true; var pwaSlideShow = true; var pwaSlideSpeed = 5000; var pwaImageSize = 160; var pwaImageFeed = 20; var pwaBorder = true; var pwaBorderSize = 2; var pwaBorderColor = ' #000'; function pwShow(root) { var feed = root.feed; var entries = feed.entry || []; var pwTitle = feed.title.$t; var album = feed.link[1].href; pwf= document.getElementById('pwFeed'); if(pwaHeader){ h2 = document.createElement('h2'); h2a = document.createElement('a'); h2a.href = album; h2t = document.createTextNode(pwTitle); h2a.appendChild(h2t); h2.appendChild(h2a); pwf.appendChild(h2);} ul = document.createElement ('ul'); ul.id = 'pwaUL'; ul.style.listStyleType = 'none'; if(feed.entry.length > pwaImageFeed){ pwaFetch = pwaImageFeed;} else {pwaFetch = feed.entry.length;} for (var i = 0; i < pwaFetch ; ++i) { var entry = feed.entry[i]; var title = entry.title.$t; var jsonImage = entry.media$group.media$content[0].url; if(albumDisplay){var link = entry.link[1].href;}else {var link = entry.link[1].href;} li = document.createElement('li'); li.style.backgroundImage = 'none'; li.style.border = '0px'; if(pwaSlideShow){li.style.display = 'none'; li.id = 'pwa' + imgNum;} a = document.createElement('a');a.href = link; a.title = title;img = document.createElement('img');img.src = jsonImage + '?imgmax=' + pwaImageSize + '&crop=1'; if(pwaBorder){img.style.padding = '2px';img.style.border = pwaBorderSize + 'px ' + pwaBorderColor + ' solid';} img.style.width = pwaImageSize + 'px'; img.style.height = pwaImageSize + 'px';a.appendChild(img);li.appendChild(a);ul.appendChild(li);imgNum++;} if(pwaLogo){ logoli = document.createElement('li');logoli.style.paddingTop = '3px';logo = document.createElement('img');logo.src = 'http://photos1.blogger.com/x/blogger2/4751/2497/320/550435/picasaweblogo-en_US.gif';logoli.appendChild(logo) ; ul.appendChild(logoli);} pwf.appendChild(ul);if(pwaSlideShow){ pwaPlay();}} var pwaCurrent = 0; function pwaPlay(){if(pwaCurrent >0){ pwPrev = pwaCurrent - 1; document.getElementById('pwa'+pwPrev).style.display = 'none';} else {pwPrev = imgNum -1;document.getElementById('pwa'+pwPrev).style.display = 'none';} document.getElementById('pwa'+pwaCurrent).style.display = 'block'; pwaCurrent++; if (pwaCurrent == imgNum){ pwaCurrent = 0;}setTimeout('pwaPlay()', pwaSlideSpeed)} </script><script type="text/javascript" src=" my pwa feed"></script>
3. 对上述代码进行修改后就可以直接放到侧边栏(或者其他你认为合适的位置)。

因为不是很新的hack,相信有很多朋友都已经用上了,如果有什么疑问,欢迎大家在评论中留言!

via: New Blogger Widget for Picasa Web Albums

更新1:pwa feed地址在哪里?

picasa web album feed


更新2:怎样实现“照片散落”效果:打开picasa(没有可以到下载的圈圈中下载)然后按图示操作

怎样实现“照片散落”效果

Blogger随机文章生成器

不算很实用的一个blogger hacks,不过用来玩玩还是挺有意思的。可以生成一个文字(或图片)链接(如右上角的:第一次来,随便给篇文章看看先!),点击该链接会随机显示你的blogger中的一篇文章(貌似Google的“手气不错”)。

你可以直接应用以下代码(黑体字部分可按照自己的需要修改):

<h2 class="sidebar-title">Feeling Lucky</h2>
<div id='myLuckyPost'></div>
<script type='text/javascript'>
var luckyAnchor = 'Are ya feeling lucky punk?';

function showLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
window.location = entry.link[0].href;
}

function fetchLuck(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function feelingLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var luckyNumber = Math.floor(Math.random()*total);
luckyNumber++;
a = document.createElement('a');
a.href = '#random';
a.rel = luckyNumber;
a.onclick = function(){fetchLuck(this.rel);};
a.innerHTML = luckyAnchor;
document.getElementById('myLuckyPost').appendChild(a);
}
</script>
<script src='/feeds/posts/summary?max-results=1&alt=json-in-script&amp;callback=feelingLucky'></script>


或访问作者的Blogger Feeling Lucky Widget生成页面。

via: Blogger Feeling Lucky Widget

2007-04-25

把Google笔记本放入Firefox侧边栏

Google笔记本应该算是一款比较实用的Google产品,它可以帮你记录你在浏览网页时发现的一些有趣内容或者写下自己的心得,关键是可以利用Google强大的搜索功能搜索自己平时记录的东东。但是很多人不愿意用它的主要原因大概就是太不顺手了,即使安装了Google笔记本的Firefox扩展。不知道把它放到Firefox的侧边栏中是否会让你觉得更容易上手一些?

把Google笔记本放入Firefox侧边栏
和把GTalk放进Firefox侧边栏中介绍过的一样:

1. 将这个地址http://www.google.com/notebook/ig?hl=__MSG_locale__收藏到你的Firefox书签中,顺手起个名字,比如:google笔记本;

2. 在Firefox书签中找到google笔记本(或者其他你给出的名称),右键属性,选中“在侧栏载入此书签”(如图)

把Google笔记本放入Firefox侧边栏
3. 感觉ok的话,可以删除google笔记本的firefox插件了;

搞定!下次想打开Google笔记本时只要选中Firefox中的google笔记本书签就ok了。感觉非常适合宽屏的电脑(那么多显示空间闲着也是闲着)。

Open Google Notebook in the Firefox sidebar

2007-04-09

怎样在酒吧赢到免费的啤酒(或者任何东西)?

记住一条,这不是魔术,而是几何学知识。因此任何人不需要任何练习就可以掌握。看完视频后,记得去最近的酒吧,赢取你的奖品!

如果视频无法打开,请直接访问:
http://www.youtube.com/watch?v=Bzh5hjAyFRA

2007-03-23

把GTalk放进Firefox侧边栏

把GTalk放进Firefox侧边栏
怎样发挥宽屏显示器的最大功效?试试把GTalk放进Firefox侧边栏。简单原理:Firefox允许在侧边栏中打开书签页;Google新推出将Gtalk潜嵌入到网页的功能( Talk Talk Talk);试着把这两个功能结合起来吧。

首先,将这个链接 talkgadget.google.com/talkgadget/client收入Firefox书签(收藏夹)中;改名为Gtalk

然后,打开书签菜单;找到上述书签;右键;属性;选中在侧栏载入Gtalk书签;

最后,打开查看菜单;在 侧栏中选择书签;再在侧栏中点击Gtalk书签;登陆;聊天、浏览两不误。

--
由 8O 于 3/23/2007 09:32:00 上午 在 Google | Blogger [八卦新闻] 上发表

2006-12-20

怎样在文章末尾添加美味书签链接和回到页首�


Hou Jay前几天来信问:如何在blogger文章末尾加个“收藏到美味书签”的连接?不好意思Jay,现在才答复你的邮件。

1. Blogger 3.0(Beta Blogger,新版Blogger):

1-1. 定位代码

<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>


1-2. 在其后添加代码

<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' target='_blank' title='美味书签'>del.icio.us</a>

2. Blogger 2.0(Blogger Classic,旧版Blogger):

2-1. 定位代码

<p class="post-footer">

2-2. 在其后添加代码

<em><$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>
| <a title="收藏到del.icio.us" href="http://del.icio.us/post?url=<$BlogItemPermalinkURL$>&title=<$BlogItemTitle$>" target="_blank">del.icio.us</a>
</em>


搞定(没搞定的留言)。

另外在奉送一个小技巧:怎样为每篇文章添加一个返回页首的链接(TOP,如图)?只要添加下面的代码就搞定:

<a href='javascript:scroll(0,0)' title='回到页首'>TOP</a>

就这么多了,希望对大家有帮助!


via:(Google | Blogger [八卦新闻])

HOW TO: 怎样生成自己的标签云

搜索此博客