Posts

Showing posts from May, 2011

Tutorial Favicon

Image
Okay for today I will show you how to add custom favicon to your blog. As you can see mine, it's an icon with purple colour, right? Okay, that is mine custom favicon and if you don't put it, you'll see the blogger original icon. That is  . Something like this lah. Okay lemme show you!

For Design Template
1) Go to your HTML editor's part. Done, search (ctrl+f) the code
<title><data:blog.pageTitle/></title>

For Classic Template
1) Just go to your HTML editor's part and find the code </title>

2) And then, paste this code right after the code that we've just found.
<link href='imageurl' rel='shortcut icon' type='image/x-icon'/>

3) imageurl - You have to put an image link here. I'll give you some.
http://i293.photobucket.com/albums/mm62/happyy-stop/smilefavi-happyy-stop.gif http://i293.photobucket.com/albums/mm62/happyy-stop/penfavi2-happyy-stop.gif http://i293.photobucket.com/albums/mm62/happyy-stop/yeahfavi-ha…

Tutorial Snow effect

Hello emmm. I tried to find my old code for the snow effect but I failed. But I have something more special than that. That is... I found a new effect for snowing. How it'll look like? I don't know lol. Okay I'm trying.

1) Choose either one and copy the code.

Version One
<script type="text/javascript" src="http://qsstory.googlecode.com/files/version1.js"></script> Version Two
<script type="text/javascript" src="http://qsstory.googlecode.com/files/version2.js"></script> 2) And now paste the code between <head> and </head> code. If you don't find it, then paste it right after <body> code.
3) To see the demonstration, go to http://htmledit.squarefree.com/ and paste this code into it;

Demo One
<script src="http://qsstory.googlecode.com/files/version1.js"></script> <style>body{background:black}</style> Demo Two
<script src="http://qsstory.googlecode.com/f…

Tutorial Follow and Dashboard Button

Hello! This is a tutorial showing you how to put a follow and a dashboard button into your blog. If you wonder how's the button look like, you can go to my Tumblr to see it. Because it's really look-a-like Tumblr's button. Actually, it is really it. Okay lemme show you how can we put it like that.

1) Copy this code;
<div style="position:fixed; top:5px; right:5px;"> <a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>" target="_blank" rel="nofollow"><img src="http://assets.tumblr.com/images/iframe_follow_alpha.png?6" border="0"/></a> <a href="http://blogger.com/home" target="_blank" rel="nofollow"><img src="http://assets.tumblr.com/images/iframe_dashboard_alpha.png?6" border="0"/></a></div>
2) And now you can paste it to your blog HTML code's part. Between <body> and </body> code.