Add New Columns to Your Blog

How to create or add new column to our blog?

Lets we try it..

i will to show you how we can add new column on our blog.

1. First, we must choose which size that can be reduce for our new colomn width, for example we choose our sidebar width = 250px. so we can divide it became two column with size 250/2= 125px.

2. Next, Goto Edit HTML Template then find this code below:

#sidebar-wrapper {
width: 250px; /* change it to 125px */
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

3.copy the code above then paste at the bottom of code, modify the code to make two code difference. so the code it's look like this :


#sidebar-wrapper {
width: 125px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper2 {
width:125px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


4. Next, Find this code and copy to clipboard :

<div id="sidebar-wrapper"> <b:section class="sidebar" id="sidebar" preferred="yes"> <b:widget id="HTML5" locked="false" title="URL" type="HTML"> </b:widget> </b:section></div>

5. Paste the code at the bottom code,and modify the code to make its difference it's look like this :

<div id="sidebar-wrapper"> <b:section class="sidebar" id="sidebar" preferred="yes"> <b:widget id="HTML5" locked="false" title="URL" type="HTML"></b:widget></b:section></div> <div id="sidebar-wrapper2"> <b:section class="sidebar" id="sidebar2" preferred="yes"><b:widget id="HTML52" locked="false" title="URL" type="HTML"></b:widget> </b:section></div>

6. Save our template.
7. Now we have new column on our blog like this :

Read More.....

Modify Size of Blog Template

The first time before you start to modify yor blog size, you must know what is Header,Posting Area,Sidebar and Footer.

1. Header = Your Blog header, contains image header,blog title, and blog description.
2. Posting area= area that used to show post or comment
3. Sidebar = bar at left or right of Posting area that contains various widget like calendar, clock, recents post, links, shoutbox, etc.
4. Footer = your footer of blog contains Copyright, etc.


To Risize your tamplate, use this formula :

#header-wrapper = #outer-wrapper = #footer = #main-wrapper + space between post area and sidebar + #sidebar-wrapper

for example we want to risize our blog with template width = 750px sidebar = 250 px and width of posting area = 470px, we can set the size like this:

#header-wrapper = 750px
#outer-wrapper = 750px
#footer = 750px

750px = #main-wrapper + space + #sidebar-wrapper
750px = 470px + 30 + 250


with this rules lets try to modify your blog size, goto Edit HTML, then follow this step :

1. don't forget to Backup your template first
2. resize your header width, outer width and footer width with the same size

header width:

#header-wrapper {
width:660px; /*change to 750px*/
margin:0 auto 10px;
border:1px solid $bordercolor;
}


post area width :

#outer-wrapper {
width: 660px; /*change to 750px*/
margin:0 auto;
padding:10px;
text-align:$startSide;
font: $bodyfont;
}

footer width :

#footer {
width:660px; /*change to 750px*/
clear:both;
margin:0 auto;
padding-top:15px;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
text-align: center;
}


2. divide Template Width for posting area and sidebar

Posting area width :

#main-wrapper {
width: 410px; /*change with 470px*/
float: $startSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}


Sidebar width :

#sidebar-wrapper {
width: 220px; /*change with 250px*/
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

3. Save your tamplate
4. You have finished modify your Blog Size.

Read More.....

Post HTML/CSS/JavaScript Code in TextArea

We can see many blogger post their tutorials or tips & tricks about Blogger and using textarea to post HTML, CSS or Javascript code.

for example :

#navbar-iframe { height:0px; visibility:hidden; display:none; }

How...?

it's simply way how to make a textarea with HTML, CSS, or JavaScript code, Not required edit on your HTML Template.

1. Login to your blog with your id and password
2. Go to Post -> Create to create new post
3. Klick Edit Html then in your post area type this code to make textarea:

<form><textarea rows="5" cols="20">Paste what you want to appear in the textarea Here/textarea></form>

You can change rows value to define your number of line and cols value to define number of coloums

4. Publish your post

Read More.....

How To Change Your Blogger Favicon

By default, our favicon on blogger is a Blogger's logo. But... we can change it with my own favicon.

How to change it, follow this step:

1. create your favicon with size 64 x 64 Pixels and filetype: .PNG
2. sign in to your account
3. upload your favicon to internet like Photobucket or another one ( my favicon is same with my photo on my profile. so i can upload my favicon on my profile and copy the image location.
4. Goto Layout menu,klik Edit HTML
5. On your HTML Template Code after:

<title><data:blog.pageTitle/></title>

Paste this Code:

<link href='http://your_image_location/your_image_name.PNG' rel='icon' type='image/png'/> <br />

6. Save your template.

Read More.....

How To Remove Blogger Navbar

How i can remove Navigation Bar on my blog

i just paste this code to my HTML Template Code

#navbar-iframe { height:0px; visibility:hidden; display:none; }

Step :

1. Login to your account
2. Goto Edit HTML Template Code
3. Pate the code to your HTML Template code after

...../* ---( layout structure )---*/

or before

#outer-wrapper {......

Read More.....

How To Create Read More

For new Blogger, it's the simple way how to create Reade More on your blog for new blogger template (XML)

To create Read More follow this step:


Step 1: Set Post Template
-Sign in to your blogger account with your id and password.
-Klik Settings
-Klik Formatting
-Type this code to text area for Post Template

<div class="fullpost"></div>

- Save Settings

Step 2: Edit HTML
-Klik Layout Menu
-KLik Edit HTML
-Before you edit your HTML code please backup your template first. to backup your template click "Download Full Template"
- Check the Checkbox "Expand Widget Templates"
- Then find this code on your Template Code

<data:post.body>

- Delete code that same with code above then replace with this code below :

<b:if cond="'data:blog.pageType"> <style>.fullpost{display:inline;}</style> <p><data:post.body/></p> <b:else/> <style>.fullpost{display:none;}</style> <p><data:post.body/></p> <a href="'data:post.url'"><b>Read More.....</b></a> </b:if>

-Save Template

Step 3 : How to Post?
-Klik Posting
-Klik Edit HTML
- This code will automaticaly appeare on your post area

<div class="fullpost"></div>

- Save Settings
- Posting articles with this format :

Place your post(before read more) here <div class="fullpost">Place your post(after read more) here </div>

- Save Settings
-Publish your Post

Read More.....

What You Should Know About VoIP Services

There are a lot of different ways that you can go about getting the long distance that you need. Most people just count on their cell phones to be their main phone. However, what about the people who want a home phone? What about the people who do not want to pay the harsh fees that come along with long distance calling on cell phone plans? This is where companies like VoIP come into play. This is a company that actually offers you a home phone by way of the internet. We always knew that you could transfer all kinds of data through cable lines, but now we found out that they can work just like a phone line. However, is VoIP long distance really worth it? Is it going to be worth the twenty dollars a month to have their great long distance plan? Well, keep reading and find out!

The first overall best thing about VoIP long distance calling is that you get it free to other places than just the United States. In fact, you can get VoIP long distance calling to anyone in the United States, Canada, and Puerto Rico. Free long distance is always a great feature to have, but when you can get free long distance to other countries, that is a great thing. This is actually the favorite feature of most VoIP customers, besides the fact that you are getting a lot more for a lot less. The truth of the matter is, VoIP is a company that is keeping people in touch no matter where they live. Not only that, but you get a lot of other good features besides just the great calling plans. You get to keep your same number, and you also get to take advantage of caller ID.

With the good there is always some bad. Although the VoIP long distance calling plans are great, there are a few things that people dislike about VoIP. These are things that normally do not bother people, but they do bother a few people. First of all, if there is no power, then you have no phone. Current land line phones get enough current in the actual phone line to keep calling people, even when the power is out. With VoIP, you can not do that, because it is hooked up to your cable box that needs power to run. Some people also say that there are some reliability problems with the VoIP long distance. Sometimes it can be hard to make out what people are saying, because it kind of sounds like the voice quality is distorted.

In the end, VoIP long distance is a great system that you should give a try. This is a great way to save money, as well as a great way to solve all of your long distance problems. Be sure to read some other reviews on VoIP to see if it is right for you. If you are just looking for a great price on good long distance service, then VoIP is for you!

Kelly Hunter owns and operates http://www.voip-long-distance.net and writes about Voip Long Distance.

Article Source: http://EzineArticles.com/?expert=Kelly_Hunter

Read More.....