This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. see example. You can put an image, widget, clock etc on the corner.
Step by step to create Float image.
1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"
4. The next step is put the code below before tag</body>
<div id="float_corner">
<a href="http://trik-tips.blogspot.com"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
"http://trick-blog.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.
5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.
Monday, 31 March 2008
How to Create Float Image
This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. see example. You can put an image, widget, clock etc on the corner.
Step by step to create Float image.
1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"
4. The next step is put the code below before tag</body>
<div id="float_corner">
<a href="http://trik-tips.blogspot.com"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
"http://trick-blog.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.
5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.
Step by step to create Float image.
1. Login ke blogger then click "Layout -->> Edit HTML
2. Find this code ]]></b:skin>, then put the code below above it.
#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}
3. The bold text is it’e position. you can change it with "top", "bottom", "left", "right"
4. The next step is put the code below before tag</body>
<div id="float_corner">
<a href="http://trik-tips.blogspot.com"> <img src="
http://blogoholic.info/files/soniclari.gif" border="0" /></a>
</div>
"http://trick-blog.blogspot.com" is a link.
"http://blogoholic.info/files/soniclari.gif" is image URL, Change it with your own image.
5. If you wanna fill it with a widget, change the red code with your widget code.
6. Save and preview your blog.
Saturday, 29 March 2008
FreeBSD and Linux commands at your finger tips
Would you like to have all the important Linux and FreeBSD commands with suitable examples fit in a couple of pages ? If you do, then you have got your wish.
Colin Barschel has put together what he calls the Unix Toolbox. This is a fabulous piece of compilation which contain all the frequently useful commands in Linux and their equivalents in FreeBSD. This document covers a wide range of topics divided into 22 sections such as system, processes, file systems, network related, VPN, cryptography, installing and managing software and so on.
What I really like about Unix toolbox is that it is well structured, each section has a Linux subsection immediately followed by a FreeBSD subsection which explains equivalent commands in FreeBSD. Secondly, the document is made available in multiple formats namely PDF, HTML page, booklet version fit to be printed and made into a small booklet and so on.
A very good resource for any Linux/FreeBSD enthusiast. There is also an additional bonus. Visit the homepage of this site and you get a FreeBSD console right within your web browser. As of now there are 30 commands which can be used. Colin has used the termlib library to create the virtual terminal.
Monday, 24 March 2008
Two repositories of Linux and Unix commands and example dot files
Does your job involve writing complex bash commands ? Or perhaps you are interested in learning tips and tricks on writing versatile dotfiles. Well, here are two sites which are dedicated to collecting useful tips so as to help Linux users better.
Shell-fu - Is a great site with a growing collection of command line goodies. What makes it interesting is that there are multiple combinations of commands which achieve different tasks. And users can submit and vote for their favorite commands.
Dot files - If you precede a file with a dot, it is considered as a hidden file in Linux. There are numerous hidden files in Linux. The standard ones being .bashrc, .profile, .Xdefaults, .xinitrc and so on. But it doesn't limit to these files. Many applications create hidden files too.
Enter the following command in your terminal to see the hidden files in your home directory.
$ ls -a
This site is a repository of collections of dot files. The files are contributed by its visitors and are divided into different sections namely .vimrc, .screenrc, .bashrc, .zshrc, .Xdefaults, .conkyrc, .irbrc, .bash_profile, .xinitrc and .emacs.
Friday, 21 March 2008
How to Create Email Form Subscription
The function of Email Form Subscription is to let your loyal visitors to subscribe your new article/posting in to their email. So if your post a new article your subscriber will receive your article automatically. It’s very usefull, your subscriber will know if there is a new article, so they will come to visit your blog immediatly.
Here the trick to create Email Form Subscription
1. visit this site : http://www.feedburner.com
2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default
3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.
4. After that, you must to fill a form, fill it with your information then click on the "Activate Feed"
5. If you’re succeed, you will see "Congrats your....." notificaton.
6. On the buttom you will see a "Next" Button and a link "Skip directly to feed management", choose this link.
7. You will see some menus on top. Choose "Email Subscription" menu.
8. On the left you will see some menu again, now click on the "Email Subscriptions"
9. Then click on the "Activate" button.
10. You will some code on the boxes. Choose code in the "Subsciption Form Code" box, and copy it. then click "Save" Button.
11. To plug it on your blog, go to "Layout-->>Add Page element-->HTML/Javascript" paste your code on the box.
See your blog, Now you have an "Email Form Subscription"
Congrats....
Here the trick to create Email Form Subscription
1. visit this site : http://www.feedburner.com
2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default
3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.
4. After that, you must to fill a form, fill it with your information then click on the "Activate Feed"
5. If you’re succeed, you will see "Congrats your....." notificaton.
6. On the buttom you will see a "Next" Button and a link "Skip directly to feed management", choose this link.
7. You will see some menus on top. Choose "Email Subscription" menu.
8. On the left you will see some menu again, now click on the "Email Subscriptions"
9. Then click on the "Activate" button.
10. You will some code on the boxes. Choose code in the "Subsciption Form Code" box, and copy it. then click "Save" Button.
11. To plug it on your blog, go to "Layout-->>Add Page element-->HTML/Javascript" paste your code on the box.
See your blog, Now you have an "Email Form Subscription"
Congrats....
How to Create Email Form Subscription
The function of Email Form Subscription is to let your loyal visitors to subscribe your new article/posting in to their email. So if your post a new article your subscriber will receive your article automatically. It’s very usefull, your subscriber will know if there is a new article, so they will come to visit your blog immediatly.
Here the trick to create Email Form Subscription
1. visit this site : http://www.feedburner.com
2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default
3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.
4. After that, you must to fill a form, fill it with your information then click on the "Activate Feed"
5. If you’re succeed, you will see "Congrats your....." notificaton.
6. On the buttom you will see a "Next" Button and a link "Skip directly to feed management", choose this link.
7. You will see some menus on top. Choose "Email Subscription" menu.
8. On the left you will see some menu again, now click on the "Email Subscriptions"
9. Then click on the "Activate" button.
10. You will some code on the boxes. Choose code in the "Subsciption Form Code" box, and copy it. then click "Save" Button.
11. To plug it on your blog, go to "Layout-->>Add Page element-->HTML/Javascript" paste your code on the box.
See your blog, Now you have an "Email Form Subscription"
Congrats....
Here the trick to create Email Form Subscription
1. visit this site : http://www.feedburner.com
2. You will see a box to enter your blog feeds. enter your blog feeds in to the box. Usually your blog feeds is like this : http://YOURBLOGNAME.blogspot.com/feeds/posts/default
3. If you have video file in your blog content, check on the "I am a podcaster"box, If not, it’s unnecessary. Then click "Next" Button.
4. After that, you must to fill a form, fill it with your information then click on the "Activate Feed"
5. If you’re succeed, you will see "Congrats your....." notificaton.
6. On the buttom you will see a "Next" Button and a link "Skip directly to feed management", choose this link.
7. You will see some menus on top. Choose "Email Subscription" menu.
8. On the left you will see some menu again, now click on the "Email Subscriptions"
9. Then click on the "Activate" button.
10. You will some code on the boxes. Choose code in the "Subsciption Form Code" box, and copy it. then click "Save" Button.
11. To plug it on your blog, go to "Layout-->>Add Page element-->HTML/Javascript" paste your code on the box.
See your blog, Now you have an "Email Form Subscription"
Congrats....
Thursday, 13 March 2008
Introducing Ubuntu Live stats
If you are a hard core Ubuntu geek, you must have wondered at some point of time how to keep track of all the news related to Ubuntu such as security fixes, launchpad bugs, forum topics and of course latest news related to Ubuntu.
Now you can by visiting the Ubuntu live stats website which is an ajaxified site which gets constantly updated bringing you everything related to Ubuntu. It scours numerous official sites of Ubuntu to bring the latest tidbits related to Ubuntu.
A must visit site if you are an avid Ubuntu user.
[Via tectonic]
A must visit site if you are an avid Ubuntu user.
[Via tectonic]
Monday, 10 March 2008
How to Create Blogroll (Link List Box)
As a bloger, we usually added our Friends link on our blog. Day by day and month by month it's number will increased. But if your friends link over than hundredsor or even thousands, it will be a problem, your blog space will full of your friends link list.
Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.
Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").
Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 dst" with your friends link list.
Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.
Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>
Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 dst" with your friends link list.
How to Create Blogroll (Link List Box)
As a bloger, we usually added our Friends link on our blog. Day by day and month by month it's number will increased. But if your friends link over than hundredsor or even thousands, it will be a problem, your blog space will full of your friends link list.
Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.
Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").
Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 dst" with your friends link list.
Now I will show you how to create a blogroll, a box to place your friends link list. You can fill it with as many as links, and it's size will not get bigger. So it will save space on your blog or sidebar. The box will be like mine.
Here's the code that you should to copy and place on your blog or sidebar ("Add Page Element --> HTML/Java Script").
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>
Note:
- Text width: 200px; and height: 300px; is size of the box, you can change it according to your place or sidebar size .
- Change the text "#link1,#link2, #link3 dst" with your friends link list.
Sunday, 9 March 2008
Voice your Opinion and suggestions on Ubuntu Linux
If you are an Ubuntu user, you might have come across situations where you wish a particular functionality was present in Ubuntu. Well, look no further because the official Ubuntu site is conducting a brainstorming session in which anybody can participate.
First create an account at Ubuntu Brainstorm website and then submit your wish. Other visitors to the site will read what you submit and vote on it. If your wish receives sufficient number of votes to deem it popular, then it will have a very good chance of getting integrated in the next release of Ubuntu.
Some of most popular ideas that were submitted are as follows :
- Fix suspend and hibernate.
- Provide a simple graphical interface to manage _any_ type of network connection
- Better power management
- Clean up Preferences and Administration Menu
- Start taking advantage of Upstart to speed up the booting of Ubuntu to a full desktop
- Easy mounting of Images like ISO and CUE
- Create a better hardware database
Wednesday, 5 March 2008
Display Yahoo Messenger Status on Blog
The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.
If you’re oflfline, it will display image like this:
And if you’re online, it will display icon like this:
It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.
Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.
You must try it !!!!
If you’re oflfline, it will display image like this:
And if you’re online, it will display icon like this:
It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.
<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&m=g&t=2&l=us"/>
</a>
Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.
You must try it !!!!
Display Yahoo Messenger Status on Blog
The advantage of showing Yahoo Messenger status on your blog is your visittors can talk or ask something to you directly via YM, it will make your relationship with your visitor to be more tighly. Ok lets begin.
If you’re oflfline, it will display image like this:
And if you’re online, it will display icon like this:
It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.
Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.
You must try it !!!!
If you’re oflfline, it will display image like this:
And if you’re online, it will display icon like this:
It’s very simple to create it. You just copy the code below and put it on your "Page Element" or sidebar.
<a href="ymsgr:sendIM?kendhin_x"> <img src="http://opi.yahoo.com/online?u=kendhin_x&m=g&t=2&l=us"/>
</a>
Change the red text (kendhin_x) with your YM id.
Look at the green number "2", you can change it. What the result of doing this? you will different image/icon as your YM status.
You must try it !!!!
Saturday, 1 March 2008
A collection of usability guides for GUI designers
These are a collection of documents which provide guidelines to usability specialists, user interface designers and visual designers. If you are designing a user interface or a software for a particular platform, it will do you good to read the relevant document from this collection.
- Apple Human interface guidelines - Apple has developed one of the most popular user interface in Aqua. These guidelines are designed to assist you in developing products that provide Mac OS X users with a consistent visual and behavioral experience across applications and the operating system.
- GNOME Human Interface guidelines 2.0 - This document tells you how to create applications that look right, behave properly, and fit into the GNOME user interface as a whole. It is written for interface designers, graphic artists and software developers who will be creating software for the GNOME environment. Both specific advice on making effective use of interface elements, and the philosophy and general design principles behind the GNOME interface are covered.
- KDE 4.0 Human Interface guidelines - These are a part of an important set of documents which describe how KDE applications behave and look. The guidelines document knowledge gathered by KDE developers as well as experts in the various fields that these guidelines touch.
- Sun Web applications guidelines 4.0 - This document was created by a set of user interface designers, usability specialists, and visual designers at Sun Microsystems to outline a usable web application look and feel that can be followed consistently throughout a product line.
- How to develop an effective GUI standard [PDF] - This is an online book which provides visual tips on how to do standardization while designing a GUI.
Subscribe to:
Posts (Atom)