_____________________________________________________________________
Showing posts with label tips. Show all posts
Showing posts with label tips. Show all posts

How To Backup Your Blogger Template

Posted by sksee82 | 9:41 PM | , | Comments

Before you jump into any conclusions, allow me to have the opportunity to explain the reason why I created this simple "How To Guide".

Firstly, just like any nagging mother, I've repeatedly reminded bloggers to backup their template before making any changes to their template's HTML. Instead of writing the same steps on how to backup one's blogger template for each of my posts, I thought it might be easier just to create a single "How To Backup Your Blogger Template" post and link all future references here. Ingenious? I doubt it. Trouble saving? A definite Yes!.

The best part is yet to come. Instead of just writing a standard guide consisting of printscreen pictures and text, I decided instead to create a picture slideshow with caption. (If you dislike the song from Enrique that I've embedded into this slideshow, please turn off your volume...pronto)

Now that you've heard my explanation (or should I say my lame excuse for being lazy), I present to you a simple slide show guide on "How To Backup Your Blogger Template":




I hope you've enjoyed the song as well as the slideshow. If you wish to use this slideshow for your blog, feel free to do so. Just copy the code shown below and add it to your post or blog.


Like this simple "How To Guide"? Subscribe to Bloggerfocus.com for more upcoming articles.

Special thanks to :
1. RockYou.com for providing the platform to create this slideshow (FREE of course)
2. Badongo.com for providing the image hosting (FREE as well)

Replacing Your Blogspot Static Header With A Dynamic Header

Posted by sksee82 | 8:56 PM | , , , , , , | 9 comments »

As promised from my previous article, I will be sharing a simple guide on how to replace your blogspot static header with a dynamic header. The steps require you to add a few lines of codes to your template's HTML. Once the codes added, it will automatically switch the arrangement of your blog's heading as shown in the picture below.

My page with Static Header(Click To Enlarge)

My page with Dynamic Header(Click To Enlarge)

By having your blog post title appear first instead of your blog main title, you prevent Google crawler from treating all your post as duplicates. If you were to maintain the static header, Google crawler tend to omit results because the crawler sees each post as having the same header, in this case your blog's main title header. That explains the reason why you occasionally see this message appearing at the bottom of your searches (especially when you try searching for your own blog):


"If you like, you can repeat the search with the omitted results included."


Now that you are convinced with the benefit of having a dynamic header, lets move on to adding the dynamic header to your blogspot.

Step One
As usual, backup your blog's template before making any changes to your template HTML.

Step Two
Start by locating the following HTML codes (located somewhere near the top):

<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*

Delete this line from your code:

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

Copy the dynamic header codes from here:

<!-- newtitle -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> | <data:blog.title/></title></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/> - BloggerResource</title>
</b:if>
<!-- end newtitle -->


Paste the copied code directly above the CDATA code. It should look something like this:

<head>
<b:include data='blog' name='all-head-content'/>
<!-- newtitle -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> | <data:blog.title/></title></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/> - BloggerResource</title>
</b:if>
<!-- end newtitle -->
<b:skin><![CDATA[/*

Your last step is to move the <head> between the dynamic header code and the CDATA code. The final arrangement of your codes should look something like this:

<b:include data='blog' name='all-head-content'/>
<!-- newtitle -->
<b:if cond='data:blog.pageType == "item"'>
<b:section id='titleTag'>
<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'/>
<b:includable id='backlinks' var='post'/>
<b:includable id='post' var='post'><data:post.title/></b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='status-message'/>
<b:includable id='feedLinks'/>
<b:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='comments' var='post'/>
<b:includable id='main' var='top'><title><b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> | <data:blog.title/></title></b:includable>
</b:widget>
</b:section>
<b:else/>
<title><data:blog.pageTitle/> - BloggerResource</title>
</b:if>
<!-- end newtitle -->
<head>
<b:skin><![CDATA[/*


Click on the Save Template button.
Congratulations, you have succesfully changed your blog's static header to a dynamic header. Try it out.

Like my review? Subscribe to me now.
Got something to say? Drop me a comment or email me at sksee82@yahoo.com

Why You Should Have A Recent Comment Widget In Your Blog

Posted by sksee82 | 3:55 PM | | 2 comments »

Here's 5 reasons why you should have one:

1. Having a Recent Comment Widget allows you to display recents comments from your readers. You can save the trouble of browsing through each post to look for new comments as well as saving some mail box space by disabling email notification for new comments.

2. Show some appreciation for the comments made by your readers by displaying the comments at the main page of your blog/site. That would encourage readers to post more comments.

3. If you own a blog hosted by Blogger.com, I doubt you'll want to lose out to Wordpress users who have the Recent Comments widget already built in. (I'm not encouraging you to migrate to Wordpress. In fact Blogger.com is still much more user friendly then Wordpress)

4. Recent Comment in some ways will affect the interest of your readers. If a reader has post a comment, he or she would be eager to come back to see if there are responses to their comments. (Ensuring continuity, where readers come back to your blog/site is a must if you intend to build up your blog traffic)

5. What the heck, having a Recent Comment fills up your blog/site space. If you've got nothing to place in your blog, why not have a Recent Comment widget placed in your blog?


Interested to have your own Recent Comment Widget? You might want to read:

Widget Review - Recent Comment Widget

Like my review? Subscribe to me now.

Like to add on to the list? Drop me a comment or email me at sksee82@yahoo.com

Subscribe to: Posts (Atom)