Wednesday, 27 February 2008

How to Show Recent Post on the Sidebar

To show your recent post on the sidebar is very easy, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :

1. Login to Blogger then Chose "Layout"
2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3. Copy the code below and put it in the "content" box.

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


4. Change YOURBLOGNAME with your blogname.
5. The number "10" it’s amount of recent post that will be shown, You can change it.
6. Click Save.

Get Try it .......

How to Show Recent Post on the Sidebar

To show your recent post on the sidebar is very easy, you just follow the instruction below then you will see your recent post on your blog sidebar. here’s the steps :

1. Login to Blogger then Chose "Layout"
2. Click on "Add page element" (chose where you want to put it) then chose "HTML/Javascript"
3. Copy the code below and put it in the "content" box.

<script src="http://www.geocities.com/uddin_81/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://YOURBLOGNAME.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>


4. Change YOURBLOGNAME with your blogname.
5. The number "10" it’s amount of recent post that will be shown, You can change it.
6. Click Save.

Get Try it .......

Thursday, 21 February 2008

Widget to Put Comment Box Under Posting

Sometimes ago I have posted an articel about "How to Create Commnet Box Under Posting" it use haloscan comment box. It working well for some bloger and bad for some bloger too. If you failed or dislike using haloscan comment box, may be this will be alternatifvfor you. This comment box is created by intensedebate.com, this comment box can be use as a widget, and to apply this widget is very simple, and to remove this is more simple it just like when you remove Page Element from your blog. Ok, if you interest to try this widget I’ll show you how to put it.


1. Login to Blogger.com the chose "Layout --> Edit HTML", click on the link "Download Full Template" to backup your template first


2. Then go to intensedebate.com site sgn up, the login and go to "dashboard"


3. On the up right you will see "add blog" button, click the button


4. Then you will see a box to insert your blog url, fill it then press the button .


5. Then you will see a page like this:


intense


6. For easy, chose"Widget (Recomended)".


7. There are some choice on the "Replace Comment System". Chose "On post without comments" if you want the comment box show under no comment articel (your previouse comment still exist). If you want the comment box exist on every posting chose "On all blog post" (You will lose your previouse comments, but it can be restored).


8. The click "Complete Installation" button.


9. You will see the page like this :


addwidget


10. Chose your blog then click "ADD WIDGET" button.


Finish...

Widget to Put Comment Box Under Posting

Sometimes ago I have posted an articel about "How to Create Commnet Box Under Posting" it use haloscan comment box. It working well for some bloger and bad for some bloger too. If you failed or dislike using haloscan comment box, may be this will be alternatifvfor you. This comment box is created by intensedebate.com, this comment box can be use as a widget, and to apply this widget is very simple, and to remove this is more simple it just like when you remove Page Element from your blog. Ok, if you interest to try this widget I’ll show you how to put it.


1. Login to Blogger.com the chose "Layout --> Edit HTML", click on the link "Download Full Template" to backup your template first


2. Then go to intensedebate.com site sgn up, the login and go to "dashboard"


3. On the up right you will see "add blog" button, click the button


4. Then you will see a box to insert your blog url, fill it then press the button .


5. Then you will see a page like this:


intense


6. For easy, chose"Widget (Recomended)".


7. There are some choice on the "Replace Comment System". Chose "On post without comments" if you want the comment box show under no comment articel (your previouse comment still exist). If you want the comment box exist on every posting chose "On all blog post" (You will lose your previouse comments, but it can be restored).


8. The click "Complete Installation" button.


9. You will see the page like this :


addwidget


10. Chose your blog then click "ADD WIDGET" button.


Finish...

Wednesday, 20 February 2008

Cool Awn Applets to adorn your Ubuntu Linux Desktop

In the previous article, I explained how to install Avant Window Navigator in Ubuntu Linux (Gutsy Gibbon). By default, it doesn't install any applets. But a dock without any applets is as boring as a desktop without a dock right ?

So here are a couple of AWN applets which I found really interesting. But first the installation ...

Installation of Awn applets
To install these applets you have to enable an additional repository from reacocard. For that open the /etc/apt/sources.list file in your favorite editor and append the following line to it.
#FILE: /etc/apt/sources.list
deb http://ppa.launchpad.net/reacocard-awn/ubuntu gutsy main
Now update the repository and install the following package. NOTE: It is assumed that you have already installed the Avant Window Navigator.
$ sudo apt-get update
$ sudo apt-get install awn-core-applets-bzr
That is it. Now you can find all the applets in the awn manager which is accessed from GNOME Menu System>Preferences>Awn manager .

Fig: Awn manager GNOME menu

To run an applet, open the "Awn manager" dialog box and in its left pane, click the "Applets" icon. In the right pane, you will find all the applets installed on your system. Select an applet and click the "Activate button". The applet starts running on your Awn dock.

Fig: Awn manager GUI

A few cool AWN applets
Here are a couple of very nice applets which caught my fancy.

Dilbert Cartoon Applet - This applet displays comic strips of popular cartoon characters. At present you have a choice of 5 different strips namely - Dilbert, Peanuts, The born loser, Wizard of ID and Xkcd.com.
Fig: Dilbert applet displaying a comic strip

Main menu applet - This applet provides an alternate menu containing all the applications you will find in the menus on the GNOME panel.

Fig: Main menu applet - I find it more functional

Stack applet - I like this applet very much. It has three layouts namely "Default dialog", "Curved GUI" and "Trasher GUI". The "Trasher GUI" is the same as the "Default dialog" with the exception that in the former, there is a delete button embedded. The "Curved GUI" is what has picked my fancy and makes me think of the dock found in Mac OSX Leopard.

Fig: Click on the stack applet to open a stack of objects.

Terminal applet - What better way to use the dock than embedding a terminal into an applet ? The terminal supports transparency which makes it ultra cool. And you can even choose the terminal you want to embed such as gnome-terminal, konsole, xfce terminal, xterm and so on.

Fig: gnome-terminal embedded in the terminal applet

Weather applet - Would you like to know the weather forecasts for today ? Even better how about the predictions for the next 4 days? Well, you have got your wish in the Weather applet. This applet pulls relevant data from the weather.com website and displays it in a nice pictorial view on your desktop. I was really surprised to find my city covered. Also the weather predictions seem pretty accurate.

Fig: I am always interested in the weather :-)

Fig: The weather map of India

Tuesday, 19 February 2008

Tutorial to Create DTree Menu

DTree is a menu that be arranged like a tree. It will be like menu when you open "windows Explorer". It's very usefull if you have many posting (articel) in your blog. It can contain many link in small space. It will be like the below image :



Here's the step by step tutorial to create "DTree Menu" in blogger:

1. Login to Blogger, go to "Layout --> Edit HTML"
2. Put the code below over <head>

<link rel="StyleSheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="http://blogoholic.info/files/dtree/dtree.js"></script>


3. Save your editting.

4. Now edit end copy the below code then put on your sidebar.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>


Change "link.html" with your own link.
The first number must be unique (d.add(1,0,'Node 1','link.html');
The second number is child of the number (look at the color).

You can add the below code to add a new node with your own image

d.add(10,0,'Profile','link.html','','','http://blogoholic.info/files/dtree/trash.gif');

change "http://blogoholic.info/files/dtree/trash.gif" with your own image.
it will be like this :


Tutorial to Create DTree Menu

DTree is a menu that be arranged like a tree. It will be like menu when you open "windows Explorer". It's very usefull if you have many posting (articel) in your blog. It can contain many link in small space. It will be like the below image :



Here's the step by step tutorial to create "DTree Menu" in blogger:

1. Login to Blogger, go to "Layout --> Edit HTML"
2. Put the code below over <head>

<link rel="StyleSheet" href="http://blogoholic.info/files/dtree/dtree.css" type="text/css" />
<script type="text/javascript" src="http://blogoholic.info/files/dtree/dtree.js"></script>


3. Save your editting.

4. Now edit end copy the below code then put on your sidebar.

<div class="dtree">
<script type="text/javascript">
<!--
d = new dTree('d');
d.add(0,-1,'My example tree');
d.add(1,0,'Node 1','link.html');
d.add(2,1,'Node 1.1','link.html');
d.add(3,2,'Node 1.1.1','link.html');
d.add(4,3,'Node 1.1.1.1','link.html');
d.add(5,0,'Node 2','link.html');
d.add(6,5,'Node 2.1','link.html');
d.add(7,5,'Node 2.2','link.html');
d.add(8,0,'Node 3','link.html');
d.add(9,0,'Node 5','link.html');
document.write(d);
//-->
</script>
</div>


Change "link.html" with your own link.
The first number must be unique (d.add(1,0,'Node 1','link.html');
The second number is child of the number (look at the color).

You can add the below code to add a new node with your own image

d.add(10,0,'Profile','link.html','','','http://blogoholic.info/files/dtree/trash.gif');

change "http://blogoholic.info/files/dtree/trash.gif" with your own image.
it will be like this :


Sunday, 17 February 2008

Interview with Linus Torvalds

Linus Torvalds the self confessed benevolent dictator and father of Linux recently gave a frank interview to the Linux Foundation. In it he holds a conversation with Jim Zemlin and talks about the future of Linux, patents, internal and external competition,Microsoft and so on.

The interview is in the form of a podcast and is split into two parts [ Part I and Part II ]. Linux Foundation has also made available transcripts of the interview which you can read if you have a low bandwidth link. Transcripts of part I and part II .

Install Avant Window Navigator (AWN) in Ubuntu Linux

AWN - short for Avant Window Navigator is a dock like bar which sits at the bottom of the screen. It provides similar effects as the Dock in Mac OSX Leopard. The AWN project consists of three main parts namely
  1. The Dock
  2. AWN window navigator and
  3. The shared library 'libawn' which is used to develop applets which enhance the functionality of AWN. The applets can be coded in either 'C' or 'Python' language.
Pre-requisites for installing AWN
To install AWN on your Linux machine, it has to meet certain conditions. Them being -
  • Xgl or AIGLX installed - in short your computer should be capable of compositing support. This mostly means if you have an Nvidia or ATI video card, you should download and install the proprietary drivers.
  • A compositing manager installed. A few examples of compositing managers are Beryl/Compiz/Compiz Fusion, Cairo, Xfce, Metacity, xcompmgr and so on.
    In Ubuntu you can enable compositing manager by clicking System>Preferences> Appearance and then enabling Visual effects from the 'Visual Effects' tab in the Appearance dialog.

Ubuntu Appearance dialogFig: Enable Visual effects

Installation
In Ubuntu Gutsy Gibbon, the installation of AWN is a two step process. First you have to enable the backports repository which contain the necessary binaries of avant window navigator and related files.

This is done by clicking System>Administration>Software sources on the GNOME panel.

Fig: Click on the Software Sources Menu

It opens the "Software sources" dialog box.

In that click the 'Updates' tab and enable the gutsy-backports option as shown in the figure below :

Fig: Enable gutsy-backports in the Updates tab

Next fire up a terminal and update and install the AWN packages as follows :
$ sudo apt-get update
$ sudo apt-get install avant-window-navigator awn-manager
awn-manager is a GUI tool which allows you to make changes to the look and feel of the AWN dock as well as install and manage applets and themes.

Fig: Avant Window Navigator close-up view

Now that you have installed Avant Window Manager, it is time to take it for a test drive. To start AWN, click GNOME menu Applications>Accessories>Avant Window Navigator.

Fig: Avant Window Manager menu

Fig: Ubuntu Gutsy Gibbon desktop running AWN
A few AWN tips
  • To add applications to the AWN dock, just drag and drop icons from the Applications menu or from Nautilus (/usr/share/applications).
  • You can right click on the AWN dock and select properties to open the 'Avant Window Manager' dialog where you can change the look and feel of the dock and add additional applets.
Conclusion
Finally we Linux users have our very own dock similar to the dock seen in Mac OSX Leopard. While the AWN project is still a work in progress, there are a lot of applets available from the ubiquitous clock to the GMail checker which brings visual joy to the user's desktop. To know about these applets, read the following article.

Thursday, 14 February 2008

The art of disk partitioning explained

Now a days, most computers include hard drives with 100s of gigabytes of space. In such a scenario, it is inevitable that you partition the hard drive to optimize the use of space. Dividing your hard drive into individual partitions for your operating system, programs, data files, music, and images provides better organization and, most important, much better data safety in the event of a drive crash.

This article explains why it is prudent to partition your hard drive to more manageable chunks.

On the other hand, if you already have a well partitioned hard disk and you wish to combine two or more chunks of disk partitions to save your data, instead of deleting a partition, you can always use logical volumes which form a layer above the physical partitions and which can span multiple partitions. Read more about how you can create logical volumes and resize them in Linux. The article - how to manage disk space with LVM also makes an interesting read.

Tuesday, 12 February 2008

Sun Microsystems acquires Innotek - the makers of Virtualbox

Innotek are the makers of the popular open source virtualization software called Virtualbox which is an excellent alternative to the closed source Vmware product. Virtualbox is a general-purpose full virtualizer for x86 hardware. Sun has revealed that it has acquired Innotek. It was only a few weeks ago that Sun anounced its acquisition of MySQL for a cool billion dollars.

Sun asserts that Virtualbox will remain open source and will compliment Sun's xVM Server products which addresses both desktop and server virtualization. xVM integrates both virtualization software and data center automation tools thus providing the technologies to operate data centers at radically reduced costs.

Virtualbox has seen over 4 million downloads from January 2007 till date.

Fig: Virtualbox user interface

I have personally found Virtualbox to use less memory resources than Vmware server. It comes with an intuitive GUI And with some point and clicking you can set up any operating system to run as a client OS on your machine.

Read the official press release to know more.

Tutorial to Create Blogger Template

This tutorial is to create simple blogger template, with simple methods. The easiest way to create blogger template is by edit a template. But don't worry, althought this is a simple methods but it can produce a beautifull template, it depend on how you design it. This tutorial is not to create blogger template from beginning but this is to create template by editing a template. Ok lets begin.
Before we begin I suggest you to create a new blog,weI don't wont to destroy your blog.
To follow this tutorial you have to download this template first. downlad template.


We will create a template that contain four main elements, (Bakground, Header, Main and Footer) Like the image :



So you have to create the four elements, You can use Image editor software like Adobe Photoshop, Corel Draw, Paint, etc.
Here's the detail to design it:
1. Create a design like above image.
2. On the backgroun part it should be a Pattern/Tile.
3. Cut for every part (Background, Header, Main and Footer)
it should be like this :

background
header
main
footer

4. Upload your part image on the webhosting like geocities or on the image hosting like photobucket.

Alll right, now we will arrange these part to the HTML.
1. Go to blogger then go to "EDIT HTML" menu.
2. Click on the "Brows" button to upload above template or this template
3. Find this code

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://blogoholic.info/files/bg.jpg') repeat-x top left; }

4. Change the bold text with your image location
5. Then find this code, and change the blod text with your image location :

#center {background: #ffffff url('http://blogoholic.info/files/body.jpg') repeat-y top center;}

6. Find the code below and change the bold text with your image location:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://blogoholic.info/files/head.jpg') no-repeat top center; }

7. Find the code below and change the bold text with your image location:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://blogoholic.info/files/foot.jpg') repeat-y top center; }


8. Now find the code below

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

this code width: 898px it's the widht of your blog, change it according to your image.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

This code width: 445px; is size/widht of main, you can change it.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


This code width: 153px; is widht of your right sidebar. and this code width: 195px; is widht your left sidebar. And this code padding-right: 50px; is gap of text on the right sidebar with right line. And this code padding-left: 10px; is gap of text on the left sidebar with left line.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://blogoholic.info/files/head.jpg') no-repeat top center; }

This code height:196px; width:898; is height and widht of your header, Change it according to your Header Image.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://blogoholic.info/files/foot.jpg') no-repeat top center; }

This code width: 898px; height:80px; is widht and height of your footer.

9. Try to modify and preview it until looks good.
10. If it looks good you can save it.

GOOOD LUCK!!!!!!

Tutorial to Create Blogger Template

This tutorial is to create simple blogger template, with simple methods. The easiest way to create blogger template is by edit a template. But don't worry, althought this is a simple methods but it can produce a beautifull template, it depend on how you design it. This tutorial is not to create blogger template from beginning but this is to create template by editing a template. Ok lets begin.
Before we begin I suggest you to create a new blog,weI don't wont to destroy your blog.
To follow this tutorial you have to download this template first. downlad template.


We will create a template that contain four main elements, (Bakground, Header, Main and Footer) Like the image :



So you have to create the four elements, You can use Image editor software like Adobe Photoshop, Corel Draw, Paint, etc.
Here's the detail to design it:
1. Create a design like above image.
2. On the backgroun part it should be a Pattern/Tile.
3. Cut for every part (Background, Header, Main and Footer)
it should be like this :

background
header
main
footer

4. Upload your part image on the webhosting like geocities or on the image hosting like photobucket.

Alll right, now we will arrange these part to the HTML.
1. Go to blogger then go to "EDIT HTML" menu.
2. Click on the "Brows" button to upload above template or this template
3. Find this code

body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #323232 url('http://blogoholic.info/files/bg.jpg') repeat-x top left; }

4. Change the bold text with your image location
5. Then find this code, and change the blod text with your image location :

#center {background: #ffffff url('http://blogoholic.info/files/body.jpg') repeat-y top center;}

6. Find the code below and change the bold text with your image location:

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://blogoholic.info/files/head.jpg') no-repeat top center; }

7. Find the code below and change the bold text with your image location:

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://blogoholic.info/files/foot.jpg') repeat-y top center; }


8. Now find the code below

#outer-wrapper { width: 898px; margin: 0px auto 0; text-align: justify; }

this code width: 898px it's the widht of your blog, change it according to your image.

#main { float: left; width: 445px; margin: 5px; padding: 0px 0px 0px 10px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; }

This code width: 445px; is size/widht of main, you can change it.

#sidebar { float: right; width: 153px; padding-right: 50px; font-size: 83%; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; }
#ads-wrapper {float: left; width: 195px; padding-left: 10px; word-wrap: break-word; overflow: hidden; }


This code width: 153px; is widht of your right sidebar. and this code width: 195px; is widht your left sidebar. And this code padding-right: 50px; is gap of text on the right sidebar with right line. And this code padding-left: 10px; is gap of text on the left sidebar with left line.

#header { margin: 0; height:196px; width:898; color: $pagetitlecolor; background: url('http://blogoholic.info/files/head.jpg') no-repeat top center; }

This code height:196px; width:898; is height and widht of your header, Change it according to your Header Image.

#footer { margin: 0; width: 898px; height:80px; padding: 0px; background: url('http://blogoholic.info/files/foot.jpg') no-repeat top center; }

This code width: 898px; height:80px; is widht and height of your footer.

9. Try to modify and preview it until looks good.
10. If it looks good you can save it.

GOOOD LUCK!!!!!!

Monday, 11 February 2008

Python scripts vs Bash scripts in Linux

Almost all Linux users who are at least familiar with bash shell commands will be at home in writing simple bash scripts to automate tasks. For those who do not know how to write a bash script, here is how you do it.

Open a new file in your favorite text editor and save it in any name of your choice but with the extension .sh. For example, let us name it 'myfirstscript.sh' . The 'sh' file extension is not mandatory but is a nice way for us to later remember that this file is a script.

Now in this file (myfirstscript.sh), enter the following line.
#!/usr/bin/bash
This line should always be entered the first thing in any bash script you create. It lets the shell know where to find the bash program. In some Linux distributions the bash command is located at /bin/bash. When in doubt, use the 'which' command to find the location as follows :
$ which bash
/usr/bin/bash
# Continuation of the above script ...
# Now lets enter a few commands in this script ...
ls -l
sleep 2
who
sleep 2
w
Nothing spectacular here. Note that 'sleep' is used to pause the execution process for certain time in seconds. Next fire up a console (xterm, gnome-terminal ...) and set the executable bit for the script myfirstscript.sh as follows :
$ chmod u+x myfirstscript.sh
This lets you execute the script by its name as follows :
$ ./myfirstscript.sh
All this may seem easy. But you can get added benefits if you substitute 'bash' with Python language to write your scripts. Noah Gift provides compelling reasons to pick up Python programming language skills and start writing your scripts in this language. If you do not know Python language and is looking for some direction then you should look at the two books Core Python programming and Python phrasebook which will give you a head start in mastering this powerful but easy to learn language.

Saturday, 9 February 2008

How to Hide Your Post Date, Time and/or Author

There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack.

1. Login to blogger the go to "Layout --> Edit HTML"
2. Click on the "Download Full Template" to back up your template first.
3. Check on the "Expand Widget Templates" check box.

Hide Post Date
find this code and delete it.
<data:post.dateHeader/>.

Hide Post Time
find this code and delete it.
 <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
.

Hide Post Author
find this code and delete it.
 <span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
.

5. Save your editting

Good Luck ............

Related Post :
Change Post Date Become Calender Icon


How to Hide Your Post Date, Time and/or Author

There are some reason for bloger to hide Post date, time and author. May be they want to see their blog looks clear or everything. Now I will show you the trick to "hide your post date, time and or author". the mothods is very simple, just find the code that I pointed to you and delete it. You can chose which part want to delete, date only, time only, author only or it all. Ok, if you decided to do it lets begin the hack.

1. Login to blogger the go to "Layout --> Edit HTML"
2. Click on the "Download Full Template" to back up your template first.
3. Check on the "Expand Widget Templates" check box.

Hide Post Date
find this code and delete it.
<data:post.dateHeader/>.

Hide Post Time
find this code and delete it.
 <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
.

Hide Post Author
find this code and delete it.
 <span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
.

5. Save your editting

Good Luck ............

Related Post :
Change Post Date Become Calender Icon


Wednesday, 6 February 2008

Fedora 9 (Sulphur) Alpha released

The first alpha release of Fedora 9 (codenamed Sulphur) has been announced. An alpha release is similar to what Debian calls testing. An alpha release represents a sanitized snapshot of Fedora's development branch, which sees rapid changes and will become the next major release. Having said that, alpha releases should boot normally on most systems. By trying out an alpha release, the Linux users provide developers the much needed feedback on the changes and any bugs they encounter.

Fedora 9 Alpha release provides a peek into what to expect in the next major release of Fedora which is tentatively scheduled for late April. Some of the features and improvements in Fedora 9 are as follows :
  • GNOME 2.21
  • KDE 4.0 as the default KDE desktop
  • Firefox 3 Beta 2
  • Anaconda installer improvements - Now you can resize the Ext2, Ext3 and NTFS partitions among other things.
  • PackageKit - This is to Fedora what Synaptic is to Debian based Linux distribution. PackageKit acts as a front end to Yum.
  • Decrease the startup time of X window system.
  • Linux kernel 2.6.24
  • Ext4 filesystem support - Ext4 is more scalable and better performing than Ext3.
You can download the alpha 1 release from the Fedora web site. For more details, see the Fedora release notes, planned schedule and feature list.

Tuesday, 5 February 2008

Show or Hide Your Full Post in Blogger

This is the way to show or hide your full post on the main page of your blog. This is different from my old "Read More " methods. If in old "Read More" Methods it will show "Read More" link, then if you click the link you will load and go to another page that will show your full post/articel. But with my next methode below, if you click the link you will see your full post/articel in the same page and it no needs time to load, it only expand your full post. Do you want to try it? here is the trick:

1. Login to Blogger, Chose "Layout --> Template --> Edit HTML
2. Click "Download Full Templates" link to back up your template.
3. Check on the "Expand Template Wdiget" Check Box.
4. Copy the code below and paste above this code </head>

<script src='http://kendhin.890m.com/Readmore.js' type='text/javascript'/>


5. Then find this code <div class='post-header-line-1'/> .
6. If You found it you will see a code like this:

<div class='post-body entry-content'>

or

<div class='post body'>


7. The next step is change or replace the code (Only Number 6 code) to be like this:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


8. Under it you will see a code like this <p><data:post.body/></p>
9. Put the code below under it.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-]Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


10. So, the full code will like this :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


11. Save Your Editing.
12. Go to menu "Setting --> Formatting"
13. On the bottom page you will see a box beside text "Post Template". Copy the code below and paste in to the box

<span id="fullpost">


</span>


14. Save your setting.
15 If you want to post an articel place your part articel above this code <span id="fullpost">. Then the remain or full post put between this code <span id="fullpost"> and this </span>

GOOD LUCK>>>>>

Show or Hide Your Full Post in Blogger

This is the way to show or hide your full post on the main page of your blog. This is different from my old "Read More " methods. If in old "Read More" Methods it will show "Read More" link, then if you click the link you will load and go to another page that will show your full post/articel. But with my next methode below, if you click the link you will see your full post/articel in the same page and it no needs time to load, it only expand your full post. Do you want to try it? here is the trick:

1. Login to Blogger, Chose "Layout --> Template --> Edit HTML
2. Click "Download Full Templates" link to back up your template.
3. Check on the "Expand Template Wdiget" Check Box.
4. Copy the code below and paste above this code </head>

<script src='http://kendhin.890m.com/Readmore.js' type='text/javascript'/>


5. Then find this code <div class='post-header-line-1'/> .
6. If You found it you will see a code like this:

<div class='post-body entry-content'>

or

<div class='post body'>


7. The next step is change or replace the code (Only Number 6 code) to be like this:

<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>


8. Under it you will see a code like this <p><data:post.body/></p>
9. Put the code below under it.

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-]Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


10. So, the full code will like this :

<div class='post-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>

<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Show Full Post...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>[+/-] Hide Full Post...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if>


11. Save Your Editing.
12. Go to menu "Setting --> Formatting"
13. On the bottom page you will see a box beside text "Post Template". Copy the code below and paste in to the box

<span id="fullpost">


</span>


14. Save your setting.
15 If you want to post an articel place your part articel above this code <span id="fullpost">. Then the remain or full post put between this code <span id="fullpost"> and this </span>

GOOD LUCK>>>>>

Red Hat 11th fastest growing company in America

Forbes magazine recently compiled a list of the top 25 fastest growing companies in America. And guess what, Red Hat is placed 11th in the list (See Fig. below). The criteria for Forbes’ list mainly focused on sales growth , profitability (at least $25 million in sales over the past four quarters), growth outlook and the lack of legal, accounting or corporate governance issues. Google which generated nearly $15 billion in revenues in the last 12 months topped the list.

Fig: Red Hat placed 11th in the list of top 25 fast growing companies in USA

Way to go Red Hat....

Saturday, 2 February 2008

Advertise on This Blog

You can advertise on this blog with low cost. Just for $15/Month you can put your banner (15px x 15px) here.

If you interest to advertise on this blog, send email to kendhin_x@yahoo.com.

Thanks.

Advertise on This Blog

You can advertise on this blog with low cost. Just for $15/Month you can put your banner (15px x 15px) here.

If you interest to advertise on this blog, send email to kendhin_x@yahoo.com.

Thanks.