How to Show Related Articles to your Post?

How to Show Related Articles to your Post?#

Before you proceed to follow this code, first you must save your original
template. Unless you confident and familiar with CSS coding in blog.

This code i get it from Hoctro. Thanks to him i can easily show the related
article as per post and categories.

Please go to your blog HTML code and click the Expand Widget Templates so that you can paste this code.

Usually i will put this code at the bottom of the Body Post. Please look for this widget "Blog1".

The open code will look like below:

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

Scroll down and look up the ending code of the upper widget as below:

<b:include name='quickedit'/> </b:includable> </b:widget>

Now add this code at the bottom of above widget.

<b:widget id='Blog2' locked='false' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> </b:includable> <b:includable id='backlinks' var='post'> </b:includable> <b:includable id='post' var='post'> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> </b:includable> <b:includable id='status-message'> </b:includable> <b:includable id='feedLinks'> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/> <data:post.iframeColorizer/> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='postQuickEdit' var='post'> </b:includable> <b:includable id='comments' var='post'> </b:includable> <b:includable id='main'> <!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** --> <!-- *****************Related Articles by Labels - Take Two****************** --> <!--<b:if cond='data:blog.pageType == "item"'>--> <div class='widget-content'> <h2>Related Articles by Labels:</h2> <div id='data2007'/><br/><br/> <div id='hoctro'>Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a> </u></div> <script type='text/javascript'> var homeUrl3 = &quot;YourBlogURL.blogspot.com&quot;; var maxNumberOfPostsPerLabel = 100; var maxNumberOfLabels = 100; <b:if cond='data:blog.pageType == &quot;item&quot;'> maxNumberOfPostsPerLabel = 100; </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> maxNumberOfLabels = 100; </b:if> function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = decodeURIComponent(raw.substr(homeUrl3.length+21)); var txt = document.createTextNode(label); var h = document.createElement(&#39;h4&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;data2007&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, &#39;http://&#39; + query + &#39;/feeds/posts/default/-/&#39; + encodeURIComponent(label) + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <!--</b:if>--> </b:includable> </b:widget>

Then last step is to replace this code :

var homeUrl3 = "YourBlogURL.blogspot.com";

to your own blog address.

The rest let it remain such as Hoctro.blogspot.com. Give credit to original coder ok.

Change Post Title for Blogger SEO

Change Post Title for Blogger SEO#

This trick will indeed drive more traffic to your blog. Follow this simple steps. You may need to go to blogger HTML code.

Find this code:

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

Replace it with below code:

<!-- http://web-designs-blog.blogspot.com: Title Post SEO-->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>
<!-- http://web-designs-blog.blogspot.com: Title Post SEO-->

Save your template and that's it your done.

My Checklist to design Fresh Blog in Blogspot

My Checklist to design Fresh Blog in Blogspot#

Hi again, its been a while i have not posted anything in this blog. As at today i would like to share with you my experience when i creating my fresh blog. It happen to me this couple of days when i start to create another new blog using my existing template. Seems that my previous template does not work at all.

Tried many times to upload the template and when system prompt me a message to delete few of module, another error message come out and it did not resolve anything.

So i have to start of again with a new fresh template using minima and customize my self using few varies code in the internet. Before i go into detail, below is my check list to start designing my blog.

1. Color blend - This website will assist me to select what color that suit to my new blog.

2. Tweak my blog to have Three Column Blog - I always use this website 'Old Wisdom New Lesson' whenever i have problem to set three column, put up recent post and recent comments.

3. Change Post title for Blogger SEO - i will explain to you in detail on this part since i tweak many times using the old codes and it did not work. Luckily i find another new code so simple and short. Thanks to uncle google.. hehehe

4. Readmore codes - to hide the full post in main webpage and will show the full blog post when visitor click in the post title.

5. Show related article to your post - will explain to you in detail.

6. Visitor Info - Such as from feedjit.com, mybloglog.com, a counter from statcounter.com and other blog directories. This probably the last option after blog fully optimize.

7. Setting up Feeds - I usually select feedburner.com to link my rss feed from blogspot. Feedburner has this option to allow visitor subscribe to our post via email and it is very simple to setup in blogspot.

8. Publish to blogger directories - when i make few post such as 3 or 5 post in new blog then i will publish my blog to blogger directories.

9. Index to search engine for SEO - for a start i focus only to three Giant SEO that is Google, Yahoo and MSN. Will explain to you further in my next post.

10. Make money with Ads - usually i will wait for about a week to put up ads in my blog. I will check my visitor via statcounter and see what keywords that usually visitor coming from. From the niche then i will put up more required keywords in my new blog.

11. Optional - Shoutbox for visitor, a smiley icon in post comment, customize smiley in my shoutbox, and a very minimize picture size to put up as a header or background for my blog.

Thats it. 11 checklist so far that i can share with you here.

A Website Checklist

A Website Checklist#

By Jane McLain

If you've just finished building your new website (or revamping your old one), how can you be sure it's "ready for prime time"? Or maybe your site's been around for awhile and you think it may be due for a makeover. Because Web technologies, techniques and standards change so rapidly, even a website that seems "cutting edge" when it's built can look obsolete a year later. Or maybe you started out with a barebones website and finally have the time and/or money to take it to the next level.

If you'd to give your website the once over, here are 11 aspects you should consider:

1. Compatibility: Will your website display correctly for most people regardless of their computer hardware, operating system, browser and monitor resolution? Make sure your site renders properly for as many users as possible. If any features of your website require certain browser plug-ins, provide a download link. Remember that not everyone will have Javascript enabled and that graphics can be turned off by the user; make sure your site will still work without them.

2. Completeness: None of your website should be "Under Construction". Websites tend to evolve over time and are never truly "finished", but that's no reason for your website look like a construction zone. If you must include pages that aren't completed, at least put some informative content on the page to motivate people to check back later. Otherwise leave out the section altogether until it's ready for prime time.

3. Content: Do you need to update the text on your site? Have you added services, expanded your product line, targeted new markets, or changed your business strategy? Is your website's description of your company current and accurate, including your contact information? Could the content be written more clearly, convincingly, or succinctly? Could your website be more informative, helpful, interesting or relevant? Would customer testimonials or an FAQ section strengthen your sales message? Check all of your site content for incorrect grammar, spelling errors and typos.

4. Graphics: Do your graphics contribute to or detract from your website? A website with no graphics would be uninteresting, but a site with too many graphics, animations, and different fonts is overwhelming and distracts from your sales message. The trick is to find the right balance. Use animations sparingly, especially those that "loop" (play over and over). They can easily become annoying and distract from your sales message. Remember that banner ads count as graphics, too, and one or two per page is plenty.

5. Interactivity: You might consider making your site interactive by adding a mailing list, message board, poll, ezine or guest book. A contest or trivia quiz can attract visitors and bring them back more often. Rotating content like a joke, quote, or tip of the day keeps your website interesting. Don't feel obliged to add all the latest bells and whistles just because you can, but ask yourself whether some advanced features might give your website the edge. If you don't want to provide the content yourself, check into content available from syndicators (just keep it relevant to your target market and your other site content).

6. Links: Are all the links on your website working? First make sure any links between pages on your site are directing site visitors to the correct page. Check all of your links to other websites, too; the webmaster may have renamed the page or removed it altogether, and those dead links will make your site look unprofessional and frustrate your site visitors. If you've removed some of the pages from your own site, set up a custom 404 page that redirects your visitors to your home page (or a search page) when they try to access a page that no longer exists.

7. Speed: Does your site load quickly enough in the viewer's browser? The "Eight Second Rule" is a good rule of thumb, meaning no site visitor should have to wait longer than eight seconds to view the opening page of your website. After eight seconds have elapsed, chances are good the viewer will give up and go elsewhere. If you have graphics or animations that take awhile to download, provide some engaging content to hold their interest while they wait. Adding graphic elements always comes at a cost in terms of slower loading times, so only include graphics if they really contribute to visual impact of your website and strengthen your sales message.

8. Navigation: Is it easy to find information on your site? The opening page should tell visitors, at a glance, who you are, what you do, and how to find what they're looking for. From there your visitors should be able to follow a logical path to learn more about various aspects of your business. If you list products or services on your site, organize them in a logical way. If you decide to use graphic icons instead of text, make sure their meaning is obvious. Make it easy for your site visitors to find what they came for.

9. Search engine optimization: Is your website optimized to rank for important keywords in the most popular search engines? Double check your page titles and meta tag keywords and descriptions to make sure they are accurate and descriptive. Did you work your keywords into the actual page content as well (including variations)? Is your website focused on a specific theme, and do you have plenty of informative content related to that theme? Is your website spider-friendly (meaning search engine spiders can access every page and read the most important content from the source code)?

10. Style: Is your website's style consistent with your business goals? Ask yourself what you want your business image to be, and make sure your website enhances that image. Is your company's style polished? Friendly? Trendy? High tech? The look and feel of your site should reflect that style. Does your website still compare favorably with those of your competitors? Your website should reflect favorably on your business and help you to build your corporate image. If yours doesn't, maybe it's due for a makeover.

11. Usability: Usability refers to how easily site visitors can use your site. The best measure of usability is feedback from users -the people who visit and try to navigate the site. If you have received complaints, comments, questions, or suggestions from site visitors, change your site accordingly. Of course, dissatisfied customers won't always let you know. That's why you should also analyze your Web logs to see whether visitors quickly abandon certain pages or don't visit some of your pages at all. Think in terms of building pathways through your site that visitors can follow. A well-designed website leads visitors deeper into the site without frustrating or confusing them and doesn't lose them along the way.

About Author:
Jane McLain is a Web developer and SEO specialist and the webmaster of EClaunchsite.com, an online resource center for netrepreneurs with tools and information to help you plan, build, launch and grow your e-business.