Boost 4 Blogger

How To Create A Blogger Archive Page

Tweaks4Blogger

This method is one of the easiest way to create a separate archive page in blogger. All you have to do is insert 2 lines of code in a Blogger Page and it will automatically generate a list of the entire collection of all your posts, with titles neatly linked and sorted or archived by dates.

It would display all your posts in a single page which would be easily accessible and navigable that provide better options not only to readers and search engines alike, but also as a reference to blog owners.

Step 1:

We will be creating a page first.

Go to Dashboard > Edit Posts > Select Edit Pages - click on the "New Page" button and type in the Page title, e.g Archives or Sitemap (Any name of your choice, keep it short).

Step 2:

Select the Edit HTML mode to prepare your post. Copy and paste the following code into the post box :

(Do not forget to replace Boost4Blogger.blogspot.com by your blog URL).

Now click "Publish Page", Done! Once it is published, "Archives" tab will appear under your blog's header.

> Note: You can increase/decrease the number of items to display by changing the value “max-results=500″ to a different count (optional).

> In Edit HTML mode, you can also add additional paragraph/contents above or below the script code (Optional).

[ Read More ]

Continue

How To Create Custom Blogger Recent Posts Widget For Blogspot Blog

0 comments

Tweaks4Blogger

With the use of “JSON” and your blogger blogspot blog feed, we will create a custom blogger recent post widget in just few easy steps. Accessing of blog feed is done by using a technology called JSON through a callback.

JSON stand for “JavaScript Object Notation” is a lightweight data-interchange format.

A feed is a data format used for providing users with frequently updated content. Content distributors syndicate a web feed, thereby allowing users to subscribe to it. It gives users a way to keep up with many sites on the web without having to visit each site individually to see if they have updated.

Now, we will process the JSON script and will display the Recent posts in the widget. Please follow the steps below.

1. Login to your Blogger account.

2. Click on Layout.

3. Click on Add a Gadget.

4. Select “HTML/JavaScript”

5. Add the following code in the gadget code section.

<style>

.recentposts{ padding: 1px; border: 1px solid #000; border-width: 0px;width:380px; display: block; }

.recentposts a { border: 1px solid #fff;display: block; text-decoration: none; padding: 5px 2px 5px 5px; color: ##0000CC; font-size: 14px; background: #FFDECE;width:380px; }

.recentposts ul {width:380px;list-style-type:square;float: left;}

.recentposts li{list-style: square;margin: 0;font-size:12px;padding: 0px 1px 0px 3px;}

</style>

<h3>Most Recent Posts</h3>

function listEvents(root) {

var feed = root.feed;

var entries = feed.entry || [];

var html = ['<ul>'];

for (var i = 0; i < entries.length; ++i) {

var entry = entries[i];

var posturl;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

posturl = entry.link[k].href;

break;

}

var title = entry.title.$t;

title = "<a href="+posturl+">"+title+"</a>"

var start = (entry['gd$when']) ? entry['gd$when'][0].startTime : "";

html.push('<li>', start, ' ', title, '</li>');

}

html.push('</ul>');

document.getElementById("latestposts").innerHTML = html.join("");

}

</script>

</script>

<ul>

6. In the above code, don’t forget to change “example.blogspot.com” with your blogspot blog name.

> You can increase/decrease the number of items to display by changing the value “max-results=10″ to a different count (optional).

> You can change the CSS style to your own by changing the code at the beginning and between the tags (optional).

7. Save and View it.

(If you have any question, please refer "Help" tab).

[ Read More ]

Continue

How To Change New Template Backgrounds

0 comments

Tweaks4Blogger

Figure: Blogger Template Designer

New blogger templates are slightly different from the older templates. In the older templates, you would change the background in the Edit HTML section of your template, under the body {

However, with the new templates, you can change it from the template designer. To change to your own custom background, follow these steps below.

Design > Template Designer > Advanced > Add CSS

Once you are in “Add CSS”, you would place a code like this below.

body-fauxcolumn-outer {
background: url(http://www.example.com/image.png)PV RV;
background-attachment: AV;
}
.body-fauxcolumn-outer div {
background: none;
}

RED: This is the image URL.

BLUE: This is the positioning variable.

ORANGE: This is the repeat variable.

GREEN: This is the attachment variable.

Below is the explanation of the variables and their purpose.

Positioning Variables (PV):

This is the image position in relation to the center of the element (In this case it is your whole screen). You can use any one of these variables below.

* top left

* top center

* top right

* center left

* center center

* center right

* bottom left

* bottom center

* bottom right

Repeat Variables (RV):

This is how the image repeats itself.

*repeat (Repeats Y and X also known as tiled)

*repeat-x (Repeats Horizontal)

*repeat-y (Repeats Vertical)

*no-repeat (No repeat)

Attachment Variables (AV):

This will control if the image moves with the screen when your scroll or stays in place.

*fixed (Stays in place)

*scroll (Scrolls with screen)

After you are done with the code, it may look like this below.

.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png)top center repeat-x;
background-attachment: fixed;
}
.body-fauxcolumn-outer div {
background: none;
}

(Please note that some newer blogger templates may have conflicting elements that may cause the background not working as you wanted).

Here are a few below that I noticed you need to differ from the instructions. If you are using one of these templates you may have to place the codes below.

Watermark 3 Template: (Grassy background image)

.main-cap-top .cap-left {
background: none;
}
.main-outer {
background: none;
}
body {
background: none;
}
.main-cap-top .cap-right{
background: none;
}
.body-fauxcolumn-outer {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: AV;

Simple Template and Watermark Template:

body {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: fixed;
}
.body-fauxcolumn-outer .cap-top {
background: url(http://www.example.com/image.png) PV RV;
background-attachment: fixed;
}

The positioning variables and Repeat variables must be the same for both. The attachment must be set to fixed. You can also use two different images for a custom design. However, to get a single image to display correctly, you must follow the steps accordingly.

(If you have any question, refer to "Help" tab).

[ Read More ]

Continue

How To Remove/Hide Post Atom/Home/Older Post

0 comments

Tweaks4Blogger

You can Remove/Hide Post Atom/Home/Older Post with just a few lines of coding. You can also choose which links you would like to remove with the “codes” below.

Follow these steps:

Go to Design > Template Designer > Advanced > Add CSS > Input The Codes Below.

To Remove Post Atom:

.feed-links, .blog-feeds {

display: none;

}

To Remove Home Link:

.home-link {

display: none;

}

To Remove Older Post Link:

.blog-pager-older-link {

display: none;

}

To Remove Home & Older Post Link:

.blog-pager {

display: none;

}

After you paste one of these codes into the Add CSS box, with the cursor still in the box hit the space bar for it to take effect.

(If you have any question, refer to "Help" tab).

[ Read More ]

Continue

How To Set Your Blog Settings

0 comments

Tweaks4Blogger

Follow this steps to set the Settings.

To customize your Settings click on the second 'Settings' tab at the top after having logged into the Dashboard and clicked on your blog name or click on Settings under Manage as shown in the image alongside.

This will open the Settings page on the default 'Basic' subtab. Here you can set the settings for Blog Title and Blog Description. These are most important for your blog to get indexed by the search engines. Enter a title for your blog.

Do not use a 'Welcome to' title as advised earlier. This is what will be displayed on the top bar of your Internet browser. Enter your Blog description. Use your primary keywords here. They will be displayed just below the title in the header of your blog. The header is the first part of your web page and hence the first seen by the search engines.

Next is to select whether to add your blog to your Blogger profile. If you select yes this blog will be listed under your profile and will be visible to anyone who accesses your Profile. (how to set your profile private)

If you wish to make quickedit changes in your blog enable Quickediting which is the next setting. This gives you one click access to your posts and anything else you wish to edit in your blog.

Show Email Post links is the next setting and you can enable it to allow your readers to quickly email any post they have just read to their friends. It helps in blog publicity.

Under Global Settings enable Compose mode for all your blogs. This allows you to edit your posts in a WYSIWYG interface. After having set all the Basic Settings click on 'Save Settings'.

(WYSIWYG is an acronym for What You See Is What You Get - 1.Denoting the representation of text on screen in a form exactly corresponding to its appearance)

Lastly there is a button to Delete your blog. Don't worry if you press it accidently because there is a confirmation dialogue which asks you to confirm before deleting.

(If you have any question, click the HELP tab)

[ Read More ]

Continue

How To Change Post Order

0 comments

Tweaks4Blogger

Change the order of your “Posts” in Beta Blogger

Posts are ordered according to latest posted first on page. Hence the newest posts are first with earlier posts lower down in the order.

Your blog consist of a Main Page and Post Pages. The Main Page contains the number of posts you have set in Settings > Formatting > Show Posts on Main Page. The rest of the posts are shown as links in the Blog Archive widget in the sidebar. The posts on the Main Page also have their links in the Blog Archive widget. Each Post Page contains only one post.

To change this order login to Dashboard. Click on Posts link after 'Manage' under the name of your blog. You will see a list of all your posts with links to Edit, View or Delete them. Click on Edit link of the post you want to change the date.

The Posts Editor opens with its two modes: Edit HTML and Compose. The second mode is present only if you have enabled it in Settings as described in Set Settings. The bottom frame of the Posts Editor contains a link 'Post Options'. Click on it to expand the frame as shown in the image. In the expanded frame you can change the Posts Date and time.

STICKY POST AT THE TOP

If you want this post to be the first post always in your blog then set the date to any time as far in the future as it will allow it to be set. This is because once that day arrives and you post more posts this post will start migrating downwards like the rest. Till then it will remain a "sticky" post at the top of your blog.

This is frequently used by bloggers who wish to post a book with chapters and all in their blog and want the first post to be a "Table of Contents". To see an example see here. Also you should have Post Pages enabled by going to Settings > Archiving.

HIDE POSTS

If you have made a post like a 'Privacy Policy' post which you do not want to show on the Main Page backdate it. Then it will appear as a link in the Blog Archive widget.

(If you have any question, click the HELP tab)

[ Read More ]

Continue

Add Custom Search Google Web Element

0 comments

Tweaks4Blogger

Google Web Elements makes it easy to add Custom Search to your site/blog. Custom Search engine is used to only search your site or those sites you specify. With Google Web Elements you can add it in a post or in a HTML gadget in your blog:

Follow this steps:

1. Login at Google Custom Search.

2. Create your Custom Search Engine.

3. Click the 'Look and Feel' link in sidebar.

4. Click the link in "New! Use the new Custom Search Element to embed results in your webpage, providing a dynamic and inline experience to your users." at the top.

5. Copy and paste this snippet of code given into Edit Html tab of post editor or in a HTML gadget in sidebar.

[ Read More ]

Continue

How to Remove/hide the Blogger Navbar

0 comments

Tweaks4Blogger

To hide the Blogger Navbar :

1. Log in to blogger

2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog's HTML.

3. Paste the CSS definition in the top of the template code:

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}

/* Variable definitions
====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...

Remove the code to show it again.

Step by step in video:

[ Read More ]

Continue

How to Remove Attribution Gadget (Powered By Blogger)

0 comments

Tweaks4Blogger

The Attribution gadget is the gadget in the footer that says "Powered By Blogger". If you have tried to remove this then you may of noticed this gadget is locked into you blog.

A lot of people ask are they allowed to remove this from their template. In short yes you are allowed! Although it was meant to give credit to the designers of the template, you can remove it and not get in trouble.

They do go out of their way to make sure you don't remove it, but their is no agreement or message stating your can not remove it. If you have every used a template or background from a 3rd party site, then you would understand what I am talking about. Their is always some message stating user agreements and part of the message is not to modify the code provided.

With Blogger or the Attribution gadget their is not any user agreement on modifying of removing something from your template coding. So by law without it being clearly stated, they can not prosecute you in anyway for removing this.

Another way to look at this is that this is your blog and sometimes your custom domain bought to provide the content on your site. You have the right to choose what sites you want to give backlinks to. Which with the Attribution gadget you are giving a backlink to the designer of the templates blog or site.

1. Go to Design--> Edit HTML.

2. Expand your Widget Template.

3. Click Ctrl+F for the browser Find bar to pop up.

4. In the Find bar enter Attribution1

(This will Locate the gadget ID in your template.)

You should see something like this below with the Attribution1 highlighted.

<b:section class='foot' id='footer-3' showaddelement='no'>

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

<b:includable id='main'>

<b:if cond='data:attribution != ""'>

<data:attribution/>

</b:if>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

5. Remove everything you see in red, this includes the blue Attribution1. Do not remove the line that is black!

6. Provided you did it correctly when you save your template you will not get any errors.

[ Read More ]

Continue

How to change Newer Post, Older Post, Home Links

0 comments

Tweaks4Blogger

To change the word - "Newer Post, Older Post, and Home" links at the bottom of your post, you can either change the text of these or you can use a image in their place.

1. Go to Design-->Edit HTML--> Expand Widget Templates

2. Click Ctrl+F to open the browser Find bar

3. In the find bar enter Blog1

You should see something like this below.

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

</div>

</b:includable>

Replace the color with text or image you want to use.

Red is your Newer Post link

Orange is your Older Post link

Blue is your Home link

If you want to use a image in their place then you should upload 3 different images to a file share and place the image embedded code in the place of the colored text instead.

The correct image code should look something like this.

We could even take this to a farther level and have a different image to display when no more pages are left to go any farther. Basically meaning if I am on the Homepage then "My Newer Link Image When No Pages Can Be Turned" would display. Then it works the same for the last page but only with "My Older Link Image When No Pages Can Be Turned" would display instead.

This is what the code would look like.

<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

<b:else/>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

<b:else/>

</span>

</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:else/>

<b:if cond='data:newerPageUrl'>

</b:if>

Just Fill in the Red with what the text ask for.

[ Read More ]

Continue

How to Back Up Your Blogger Blog

0 comments

Tweaks4Blogger

Do you know how to back up your Blogger blog? There can be nothing worse than to login to Blogger one day and find you blogger blog gone, corrupted or deleted forever due to any unforseen error. Back up is very important. Here are a few simple ways to keep your Blogger blog safe and backed up.

Back up Blogger Posts:

Backup Your Posts – Bloggers Blogsend allows each of my blog posts to be automatically sent to my email address. So I have a back up of all my posts as individual emails. You can further create folders in your email account (as in Yahoo Mail) or apply labels (in Gmail), and create filters such that such emails can be collected in one place.

Back up your entire blogger blog – Bloggers provides detailed instructions to create a single file with all your posts which you may publish and then copy to your own computer for use as desired. Remember to save a copy of your existing template in a file on your computer as you will need to have it at hand after this process is completed. This is good for a one time backup, but is cumbersome to do if you back up very frequently. Also you might mess up some setting and disbale your blog is not done right.

Try third party back up tools – like the HTTrack Web site copier for Windows users and Webgrabber for Mac users. Each of these applications will create a fully working, interlinked local copy of your blog for browsing offline and easily allow you to back up. Remember it will take considerable time and internet bandwidth if you have a huge blog.

Back up Blog Template:

Back up the template whenever you change it. Just copy and paste the entire template code into any simple text editor like Notepad or Wordpad and save file with name like ‘myblog-date.txt’. After a while you will have a series of such files organized by date. If for some reason your blog goes away, just copy and paste the teplate back into Blogger and republish.

If you have lost your template partly or fully – learn how to restore your blog template code and then back it up.

Back Up Blog Comments:

Blogger has an option to send you an email when someone leaves a comment on your blog. This is located in Setting > Comments option in Blogger. This enables you to collect all your comments as individual emails, much like the blogsend posts emails mentioned above. Then you can file them all together as labels or in a email folder.

If you moderate comments, you can get all your comments as emails pending your approval. This email address can again be entered in Setting > Comments. If you do not want to save rejected comments as emails and recieve only published comments – then you can keep the comment moderation email address blank, while filling up the Comment Notification Address.

If you use Haloscan Comments instead, then anyway your Blogger comments are off and Haloscan is keeping track of backing up your comments. I am using Blogger comments featured now with comment moderation, word verification captchas to combat comment spam.

Make blog back ups a habit and you will remember this post when it saves your blog on a bad day!

[ Read More ]

Continue

Successful Blogging For Beginners

0 comments

Tweaks4Blogger

A blog is basically a live website that you use as an online journal. You can post articles, stories, thoughts, ideas, opinions and practically anything that you want people to read. You can also add images, video and audio as well. Blogs come in different shapes, sizes, styles and formats. It is completely up to the user as to which blog setting they wish to use.

Blogging is especially easy and useful for first time users or those who are not the best on the computer. You can simply choose from any number of templates and fill in the sections as you wish. The design and arrangement of the page is done for you. Anyone wanting to start a blog can do so by simply signing up as a member of the blogging site of their choice. By far the most popular ones are WordPress and Blogger, both of which are free to use.

A standard Blog will contain these features:

•Header or Title - Allows you to label and personalise your blog pages and posts

•Body- The main area where you post the content on your blog

•Trackbacks or backlinks - Where you can link other sites to your blog

•Permanent link- Every single page and post you write will have its own unique URL Comments- Allows your readers to post comments and feedback on your blog.

There are no rules when it comes to blogging. Bloggers have the freedom to express themselves how ever way they want. Blogging is not just limited to personal usage. There are a lot of blogs that follow a theme such as: sports, politics, philosophy, social commentary, etc. These blogs focus heavily on their specific theme which allows blogging to become a great way to share knowledge and opinions about a variety of themes and topics.

Some bloggers even use their blogs as a means to advertise their business or product. This is a great advertising method as it is not only free but if you have a good business or product you will get comments and positive feedback on your blog which will translate into more customers for you! Other bloggers often use a blogs to discuss or present their point of view on currents issues, events, news and catastrophes.

Thousands of entrepreneurs have profited from blogging by promoting their businesses on their blogs. With over one third of the world now using the internet, there are literally billions of people online at any point in time; therefore blogging is an effective way to get your business in front of people! Some bloggers promote their products or business online, some promote other peoples' products as an affiliate and others simply profit through advertisement.

By far, still the most popular blog type is the one that takes the form of a personal journal or diary. This is the kind that is usually used by first time bloggers. Often people want to document the daily struggle of their everyday lives, or to share stories of how they have overcome difficult times and adversity to provide hope to others.

Bloggers usually communicate and follow other bloggers. Networking and meeting like minded people in a safe environment is one of the major appeals of blogging.

If you are a first time user and want to get an idea of what blogging is all about, simply google the topic you are interested in plus the word blog ie. "topic + blog"

Blogging is really for everyone. It is fun, simple and easy.

[ Read More ]

Continue

Top Menu

Banner 468

How To Create A Blogger Archive Page

How To Create Custom Blogger Recent Posts Widget For Blogspot Blog

How To Change New Template Backgrounds

How To Remove/Hide Post Atom/Home/Older Post

How To Set Your Blog Settings

How To Change Post Order

Add Custom Search Google Web Element

How to Remove/hide the Blogger Navbar

How to Remove Attribution Gadget (Powered By Blogger)

How to change Newer Post, Older Post, Home Links

How to Back Up Your Blogger Blog

Successful Blogging For Beginners

Most Popular Posts

Blog Archive

Followers

wibiya widget