Other Song

English Song
Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

Your own Favicon

Google Chrome
Internet Explorer
Firefox
Ever notice that although my blog is not my own site, but the icon shown is a pyramid instead of a blogspot icon?

Let see how I do it.

1. Dashboard ---> Design ---> Edit HTML

Right before the "<b:skin><![CDATA[/*", paste the html code below.


<link href='http://image.ico' rel='shortcut icon' type='image/gif'/>
<link href='http://image.ico' rel='icon' type='image/gif'/>


The BLUE color part, replace it with the link of the image you want. If possible, try make your image into ico file type. If not, it won't be shown in the address bar or tab or the Internet Explorer.


Internet Explorer's address bar

秋天落叶效果-autumn leaves falling effect (javascript)



1. Copy the code below.

<html>
<body>
<embed src=" http://mailimg-fs.hanmail.net/fl/effect/19/e-fall2.swf"";; width="1200" height="900" quality="high"wmode="transparent" align="right" style="position: absolute; left:10; top:-100">
 </body>
 </html>

2. Go Dashboard---->Design---->Add a gadget---->HTML/JavaScript. Put your code at here! ^^

Easy?! yea~

To see the effect, you may visit : http://songliricpinyin.blogspot.com/

Dewplayer

Wondering what music player am I using? Actually my music player is some sort like flash player, which is called dewplayer. There are many code i still don't understand about dewplayer, especially the playlist.

To make this kind of playlist in your blog or any website :

  1. Download Dewplayer.rar.
  2. Extract it, you will see many file in swf type, this is the skin of the music player, choose anyone that you like and upload it to Google Site( Just a suggestion)
  3. Sign up google site at SIGN UP.
  4. Then create your own site by putting any name you like. 
  5. Then you can start to upload any skin you like to the site at the attachment there.
  6. Then upload a few songs you wanna put in that music player to your website too!(Remember, the song's title need to be in alphabet and the file type must be mp3.)
  7. Next is the code :
<object type="application/x-shockwave-flash" data="dewplayer.swf" width="200" height="20" id="dewplayer" name="dewplayer">
<param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf" />
<param name="flashvars" value="mp3=test.mp3&amp;autostart=1&amp;autoreplay=1&amp;showtime=1&amp;randomplay=1&amp;nopointer=1" /> </object>

8. Put in your skin's download link at the blue color area, while your song's download link at green color area.
Many songs can be put in the music player, all you have to do is by putting "|" to separate the address of those songs.

For example : https://sites.google.com/site/song5149/home/song/zhangyunjing-heiqunzi.mp3|https://sites.google.com/site/song5149/home/song/huangxiaohu-shunqiziran.mp3

9. The size of the player are as below
mini : 160*20
mutli : 240*20
MultiRect : 240*20
Bubble : 250*65
Vinyl 303*113

You can edit the size of the player by changing the value of width and height.

To see the skin : may visit http://www.alsacreations.fr/dewplayer.html

PS : where to put in the code? Go Dashboard---->Design---->Add a gadget---->HTML/JavaScript. Put your code at here! ^^

Caution : Everytime you put your link, delete the rest of it after the "swf" or "mp3"...I just found out that, this may cause the player doesn't work..

Sorry for didn't mention it at the above.

Hex Colors Code Generator

The most important to edit your color in whatever stuff(exp: blogspot), you need the hex color code, and the generator below can help you to do it.










Choose color scheme! The color wheel below can help you generatea matching color scheme for your website.

This is a great tool to use if you're trying to come up with cohesive colors for your navigation, background, hyperlinks, etc.

鼠标效果(mouse effect)


美吧?想学怎么做吗?很简单,也是拷贝和黏贴代码罢了。

首先,去layout--->edit html
First, go to layout ---> edit html

在<head>和</head>之间贴入以下的代码
Paste the code below under <head>

<script type="text/javascript">
// <![CDATA[
var colour="#666666";
var sparkles=40;

var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Arrayundefined);
var star=new Arrayundefined);
var starv=new Arrayundefined);
var starx=new Arrayundefined);
var stary=new Arrayundefined);
var tinyx=new Arrayundefined);
var tinyy=new Arrayundefined);
var tinyv=new Arrayundefined);
window.onload=functionundefined) { if undefineddocument.getElementById) {
var i, rats, rlef, rdow;
for undefinedvar i=0; i<sparkles; i++) {
var rats=createDivundefined3, 3);
rats.style.visibility="hidden";
document.body.appendChildundefinedtiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDivundefined5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDivundefined1, 5);
var rdow=createDivundefined5, 1);
rats.appendChildundefinedrlef);
rats.appendChildundefinedrdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChildundefinedstar[i]=rats);
}
set_widthundefined);
sparkleundefined);
}}
function sparkleundefined) {
var c;
if undefinedx!=ox || y!=oy) {
ox=x;
oy=y;
for undefinedc=0; c<sparkles; c++) if undefined!starv[c]) {
star[c].style.left=undefinedstarx[c]=x)+"px";
star[c].style.top=undefinedstary[c]=y)+"px";
star[c].style.clip="rectundefined0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for undefinedc=0; c<sparkles; c++) {
if undefinedstarv[c]) update_starundefinedc);
if undefinedtinyv[c]) update_tinyundefinedc);
}
setTimeoutundefined"sparkleundefined)", 40);
}
function update_starundefinedi) {
if undefined--starv[i]==25) star[i].style.clip="rectundefined1px, 4px, 4px, 1px)";
if undefinedstarv[i]) {
stary[i]+=1+Math.randomundefined)*3;
if undefinedstary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=undefinedi%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=undefinedtinyy[i]=stary[i])+"px";
tiny[i].style.left=undefinedtinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tinyundefinedi) {
if undefined--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if undefinedtinyv[i]) {
tinyy[i]+=1+Math.randomundefined)*3;
if undefinedtinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=undefinedi%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouseundefinede) {
set_scrollundefined);
y=undefinede)?e.pageY:event.y+sdown;
x=undefinede)?e.pageX:event.x+sleft;
}
function set_scrollundefined) {
if undefinedtypeofundefinedself.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if undefineddocument.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if undefineddocument.documentElement && undefineddocument.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_widthundefined) {
if undefinedtypeofundefinedself.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if undefineddocument.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if undefineddocument.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDivundefinedheight, width) {
var div=document.createElementundefined"div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return undefineddiv);
}
// ]]>
</script>

在红色var color 那边,贴入你要的"星星“颜色的代码。
You may change the color of the "star", by replacing the code in red color by the hex color code that you want.

在部落格增加雪花效果-snow effect

将以下的code加到你的部落格就可以了

1)去Layout--->edit html,在<head>&lt和;/head>贴入以下的代码 ↓


<script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript"><br /></script>

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


简单吧……

Editing blogger top menu Links

有些部落格的template一开始就附加了目录,而目录就有类似Home,RSS Comment,Contact等等的东西,其实这些并非没用的,只要你懂得如何修改它的HTML code就行了。

1)去回你的部落格首页,看看目录上出现什么字,然后去Layout >> Edit HTML,去找你目录上的字(比如说RSS Comments,Home因为在HTML code;里常出现所以比较难找),然后加以修改它的代码。
例如我的部落格(原本):

<ul>
<li class='page_item page-item-2'><a href='#' title='Home'>Home</a></li>
<li class='page_item page-item-145'><a href='#' title='RSS Comments'>RSS Comments</a></li>
<li class='page_item page-item-143'><a href='#' title='Contact'>Contact</a></li>
</ul>


* #号只是个类似LINK的替身,但无法发挥效用的。


我把它修改成:

<ul>
<li class='page_item page-item-2'><a href='http://khengsiang.blogspot.com' title='我的旧部落格'>我的旧部落格</a></li>
<li class='page_item page-item-145'><a href='http://btemplates.com/' title='Blogger Template'>Blogger Template</a></li>
</ul>

红色的地方是放你的LINK,而绿色的地方是放当你把鼠标指向它时要它出现的字,而淀色的地方则放你所想要出现在你部落格目录的字。

How to Create Dropdown Menu

有没有发现在我的部落格旁边有一个的东西?

想要做一个吗?很简单……
只要拷贝一下的代码,再自己修改一下就行了。

<select onChange="document.location.href=this.options[this.selectedIndex].value;">
<option value="0" selected>Blog Archive</option>
<option value="Links 1">Text 1</option>
<option value="Links 2">Text 2</option>
</select>

例子:

<select onchange="document.location.href=this.options[this.selectedIndex].value;">
<option value="#" />Blogger
<option value="http://www.blogger.com/" />Sign in
<option value="http://www.blogger.com/home" />Dashboard
<option value="http://www.blogger.com/logout.g" />Sign out
</select>

将出现:


如果要加更多的目录,你可以自己再加

<option value="Links 3">Text 3</option>

可是要在 </select> 之前

若你希望此链接能在新的窗口打开,请把一下的代码

<select onChange="document.location.href=this.options[this.selectedIndex].value;">

修改成

<select onchange="javascript:window.openundefinedthis.options[this.selectedIndex].value);">

它就会变成


了解吗?

Adding FaceBook Share button for blogger posts

1)领取你的facebook代码

点击
这里来领取吧……

2)把代码加入你的部落格
前往 Layout >> Edit Html.
切记在
Expand Widget Templates 的小方格里打勾勾

然后找寻一下代码

<data:post.body/>

在此代码之前贴上你在第一拿到的代码。



Disable right click on blogger blogspot

在我的部落格用了这个script用了有好一段时间了,不知道有没有人发现,在我的部落格是不能点击你滑鼠的右键的?

其实这很简单只要去Layout >> Add a GadGet >> html/javascript
拷贝以下的代码,贴进去就行了!^^

Press "Ctrl + A" to Select and "Ctrl + C" to Copy

Related Posts Plugin for WordPress, Blogger...
Daisypath Anniversary tickers