Showing posts with label Blogger. Show all posts
Showing posts with label Blogger. Show all posts

Make Money Online with Blogsvertise

Posted by Prem Godara | 2/23/2009 08:04:00 PM | , , , | 1 comments »

Many people are looking towards Internet from where they can make good money, but there is also a negative side in it. Many people get trapped towards the scam sites which tells us that they will pay lot of money, but end up cheating.

People have to be very careful in choosing from where they can earn money on Internet so that they don't get cheated. There are many ways by which money can be earned on Internet, among them Paid to Blog is one of the ways by which you can earn good money if you are a Blogger.


Blogsvertise is a blog advertising site where both bloggers and advertisers can meet and benefit each other. Through this website, bloggers can earn money by writing reviews about various products and publish it on their blogs. Bloggers will be paid in the range of $4-$25 per review. Advertisers too benefit from this since vast number of people will come to know about their products.

Here are the rules which bloggers must remember while using Blogsvertise:
  • Bloggers will be assigned tasks by the administrator to write reviews in their blogs which must include at least 3 links to the website URL.
  • Minimum of 100 words or more are required for a blog entry to get approved.
  • All allocated tasks must be completed within 5 days after it is assigned to you.
  • All the reviews which are published on your blog must remain permanent on your blog.
How it works:

When bloggers are assigned a task, they will have to write review about the specific product or service and then submit it for review so that it can be approved. After approval, the review must be published on their blogs and the bloggers will be paid every month for the entries which were approved through PayPal.

Don't waste any more time, just register with Blogsvertise and start earning!


Read more...

Make Money Online Using PayingPost

Posted by Prem Godara | 2/15/2009 10:40:00 PM | , , | 1 comments »

Are you one of those users who is new to blogging and want to monetize their blog so that you can earn handful amount of money using Internet? Well, to help you people one such site has come up called as PayingPost.

Now, let me tell you little bit about PayingPost and how it works. PayingPost is a UK based blog advertising site which can be used by both bloggers and advertisers to benefit each other.


This site lets bloggers write reviews about various websites, products and companies which is relevant to their blog content and publish it on their blogs so that the visitors to your site will get to know about that particular service. This platform of advertising is very convenient for advertisers because it reaches vast amount of audience through out the internet and the result brings smile on both the bloggers and advertisers face.

In case, if you are a advertiser looking to promote your website, service or company, then PayingPost is the right choice because you need not have to keeping looking for adversting options, here through PayingPost you can find vast number of bloggers waiting to promote your service each one writing unique review for you at any desirable cost.

Many people might say that there are many other sites present like this who offer the same service but the unique thing about PayingPost is that even if your blog is very new, it will easily get approved. So, Happy news for even new bloggers.

I think the above is enough the make you feel comfortable to choose PayingPost as the right option for advertising or earning money. Now, lets see how to get started.

1) Just visit PayingPost and create an account.
2) Submit your Blog Name and its URL so that it can be reviewed for approval by PayingPost.
3) Wait till your blog gets approved and then install a piece of code on your blog so that you can get started.
4) Go to "Open Opportunities" Tab, to Reserve your opportunities so that you can write reviews and start earning money. :-)
5) After writing the review, publish it on your blog and submit the title and URL of the same so that it can be reviewed by PayingPost.
6) That's it, work done.

You will be paid to your Paypal account at the beginning of each month if you review gets approved.

This is not the end, there are more offers for you. There is one more way "PayingPost Direct" by which you can get reviews. In this method, the blogger has to place a badge on their blogs, so that they can directly get reviews from the advertisers.

If you still want more, then last but not the least, PayingPost also has an affiliate program through which you will get paid $15.00 if your referees first review is approved.

What are you waiting for? Just visit PayingPost and get started.


Read more...

As a result bringing a kind of solution for the content blocking ISPs, Google has introduced Measurement Lab. Measurement Lab (M-Lab) is an open platform for researchers to deploy Internet measurement tools. By enhancing Internet transparency, it aims to help sustain a healthy, innovative Internet. Now Google, the New America Foundation's Open Technology Institute, the PlanetLab Consortium, and academic researchers are taking the wraps off of Measurement Lab (M-Lab). The network diagnostic tool, meanwhile, can measure the speed of a user's internet connection.

The open platform is still in its infancy, Google says. But it is providing 36 servers to researchers in 12 locations in Europe in the United States, with the hope that they can come up with new applications to improve internet transparency. An application that allows users to monitor if they are being obstructed online isn't new, but Google says M-lab stands for more than just a throttle test - it provides the infrastructure for developing other tools to measure connectivity.

"M-Lab is intended to be a truly community-based effort, and we welcome the support of other companies, institutions, researchers, and users that want to provide servers, tools, or other resources that can help the platform flourish," Google vice-president Vint Cerf and principal engineer Stephen Stuart said on a Google blog.

For more details visit Google Official Blog.


Read more...

How to Add Embedded Comment Form in Blogger

Posted by Prem Godara | 1/24/2009 06:48:00 PM | , , | 3 comments »

Many Blogger users face the problem of not having a embedded comment form below their blog post unlike wordpress. But there is a trick by which you can include the embedded comment form after adding few lines of HTML code below your blog post.

Follow the below steps to achieve it:

1) First login to draft.blogger.com or blogger.com with your Google account.

2) Navigate to Settings -> Comments and select the "Embedded below Post" option as shown below.


If you are using uncustomized blogger template, then the above step is enough. For users who are using customized blogger template continue the below steps.

3) Navigate to Layout -> Edit HTML and first take a backup copy of your template. Then check expand widgets and search the following code

<p class='comment-footer'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </p>

3) Now, replace the above code with the following code.

<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p>

4) Now, save your template and see your blog post having embedded comment form below.


Let me know by writing a comment on this post, how much you liked this post.


Read more...

Mozilla Announces the Test Pilot

Posted by Prem Godara | 1/22/2009 01:11:00 AM | , , | 2 comments »

Mozilla Labs has introduced a new project called Test Pilot. The main aim of this project is to provide Mozilla developers with information they can use to test ideas and further build Firefox. This is to make the developers learn from your feedback to make things better. 

Initially Test Pilot will be available as a Firefox add-on which will collect anonymous user data. One feature of Test Pilot is that it won't actually be gathering data all the time, just when a Mozilla researcher has a specific question that needs answering, like how many browser tabs the typical user has open at any given time.It will gather only the data needed so it won’t slow down the browser nor your network.

This sounds like a great project, and Mozilla is moving forward with this. All participants will receive a “flight badge” displayed in their Test Pilot profile and available to embed on blogs, social networks, etc.


Read more...

A sitemap is a visual or textually organized model of a Web site's content that allows the users to navigate through the site to find the information they are looking for, just as a traditional geographical map helps people find places they are looking for in the real world.

A sitemap is a kind of interactive table of contents, in which each listed item links directly to its counterpart sections of the Web site. Sitemap helps a search engine to index the website content more faster.

Having a sitemap is an optional thing but it is always advisable for a website to have an updated sitemap whenever the website content is changed. Generating sitemap for small website is easy but for website with thousands of web pages, it becomes a difficult task to generate an updated sitemap regularly.

To help webmasters solve this problem, Google webmaster has developed and launched its official Google Sitemap Generator (Beta) Tool. This free tool can be installed on your server and it will create sitemap for your website. This tool is different in lot of features when compared to the existing third party sitemap generator tools.


The features of Google Sitemap Generator are as follows
  • Ping to Google Blog Search for new or modified URLs.
  • Generates Mobile Sitemaps for mobile-friendly websites.
  • Generates Code Search Sitemap.
  • Generates XML Sitemap.
  • Find new and modified URLs based on web server’s traffic.
In case, if you are a Blogger user, read this article on How to Create Sitemap for Blogger.


Read more...

How to Add Read More Function in Blogger

Posted by Prem Godara | 1/13/2009 12:01:00 AM | , , | 3 comments »

Many Blogger users have one question in common. My articles are too long, which makes the index page and archive page very lengthy and have to scroll down long way to reach a particular post, so is there any way by which only the summary of the post can be displayed in the index and archive page and after clicking "Read More" link the rest of the page will be loaded?

Well, the answer is Yes. Blogger doesn't support this feature by default but you can make some changes in your template code to make this feature work after enabling the post pages.

Follow the below steps:

1) Login to your Blogger account and go to Layout > Edit HTML.

2) Click on “Download Full Template” to backup your template, in case anything goes wrong.

3) Click on Expand Widget Templates and search for the text "<div class=’post-header-line-1′/>". (This is the default code that Blogger includes but some custom templates might not have this code. If you can’t locate this text then try searching for "<data:post.body/>" instead.)

4) Add the below code after the "<div class=’post-header-line-1′/>" and "<div class=’post-header-line’>" tags if you’ve got both. In case, if you have "<data:post.body/>", add the below code above it.

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

5) Now add the below code after "<data:post.body/>" to actually create the “Read More” link in your post.(You can replace the "Read More" text with any text you like).

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>Read More...</a>
</b:if>
</b:if>

6) The code should look as shown below.


7) Now, Save the template and navigate to Settings -> Formatting in your Blogger account and scroll all the way down to the last option called “Post Template”. Paste the below code in it.

<span class="fullpost">

</span>

8) The code should look as shown below.


9) Now, when you go to Create New Post > Edit HTML, the above code will come in the editor as shown below.


Anything written above the <span class="fullpost"> will come as summary of your post and anything written between <span class="fullpost"> and </span> will come as main body of your post.

Now publish your post to see the “Read More” hack working on your blog. Feel free to comment and in case if anything is not working, post your questions in comments section.


Read more...

The Google webmaster team has prepared a very good 22 minute video presentation, which gives tips on how to improve your site’s presence on Google search and how to deal with issues like image search, fluctuating PageRank, duplicate content etc.

Screenshot of Google Webmaster Video

The presentation slides used in this video can be downloaded from Google Docs.


Read more...

URL Shortening Service with Tracking Ability

Posted by Prem Godara | 12/14/2008 10:31:00 PM | , , , | 0 comments »

Whenever you post tweets on some micro-blogging platform(like Twitter), sometimes you add a short URL as a link to an article in your blog. The most popular URL shortener out there is TinyUrl but many people turn away from TinyUrl because they don't provide analytics which may be valuable to bloggers.

BudUrl does provides tracking features but only limits up to 250 short URLs for a free account.

Cligs is another URL shortener which not only lets you create short URLs but also provides analytics to track the number of hits, referral statistics and recent mention of the clig itself on Twitter.

The most interesting feature is that this powerful and useful tool allows you to create and track unlimited number of cligs pointing to the same URL at no cost.

The downside of Cligs is that it doesn't allows you to create custom cligs unlike TinyUrl. Cligs requires registration to track the short URLs.


Read more...

How to Backup Your Blogger Blog

Posted by Prem Godara | 12/12/2008 11:37:00 PM | , | 0 comments »

Unlike Wordpress, one of the feature which was missing in Blogger till today was Import and Export feature. But, finally that feature has also been made available in Blogger from today.

The Import & Export feature in Blogger can be accessed from the Settings tab of your Blogger dashboard.

Blogger Import and Export Feature
Using Export Blog feature, you can easily create a complete backup of your Blogger blog on your hard drive and this can be pretty useful in case you accidentally delete some blog posts or Google blocks your blog for some reasons so that you can host the backed up content on a new blog.

This feature can also be useful if you want to merge two blogs into one blog or just want to move individual posts between different blogs just by exporting content from one blog and importing the same content in the other blog.

Currently, Import feature is provided only for Blogger blogs so for those who want to move from WordPress, Typepad, LiveJournal or any other blogging platforms have to wait till Blogger supports those platforms too.


Read more...

Google Friend Connect now Available

Posted by Prem Godara | 12/06/2008 03:32:00 PM | , , , | 0 comments »

Google has launched the much awaited service Google Friend Connect to public which allows you to grow your social network by allowing your visitors to connect to your blogs and increase your network. This service can be added to your site even if you are not technically strong by simply copying and pasting a few snippets of code.

Using Friend Connect, you can become a member of any friend connected site and also interact with other members who have similar interests as yours. You can log in Friend Connect using your existing accounts of Google, Yahoo, AOL or OpenID. You can also invite friends from orkut, Gtalk and other social networks to join the community.

Visit the homepage of Friend Connect, click on ‘Set up a new site‘ link to get started.


You will be asked to enter your Site name and blog's Home URL. Next, you will be asked to download 2 files to your computer and then upload to your blog’s root folder. One is for gadget functionality(canvas.html) and the other for security features(rpc_relay.html). If you are using Blogger, these files are not required.

Once you upload the files to your root folder, you need to click on ‘Test & Finalize Setup’ to complete the whole process. Now, feel free to add different gadgets to your site by customizing the size and color of the gadgets as per your needs.

For further details, visit Friend Connect support site.


Read more...

Inform Search Engines After Updating Website

Posted by Prem Godara | 11/22/2008 09:03:00 PM | , , | 0 comments »

You update your blog daily but wonder when your new post will be indexed and looking for a solution by which you can inform different search engines that you have updated your blog.

Here's one such online service, named Ping-O-Matic which will do your job.. Ping-O-Matic is a service which updates different search engines that your blog has been updated.

PingOMatic
By entering your blog name and URL of the blog, you can select various services, which you want to ping and then click "Send Pings" button.

Give a try and see whether your pages are indexed faster at regular intervals.


Read more...

Does Your Website Loads Slowly!! Here's a Solution

Posted by Prem Godara | 11/22/2008 08:32:00 PM | , , , | 2 comments »

Are you one of those users whose website takes lot of time to load but don't know what is the problem and which component of the website is taking too much time to load.

Generally, several components of a web page (like Iframes, Flash, Javascript, Images, CSS,) can increase the page loading time but it is very hard to pinpoint the exact culprit that decreases the speed of the site. A normal HTML web page may have advertising scripts, YouTube videos, images and so on.

I came across two online services which can help you by pinpointing as which component of your website is taking too much of time to load.

One such service is Site24x7. Site24x7 is a hosted website monitoring service that helps webmasters ensure their websites are up and running at peak performance. The Site24x7 servers sends out HTTP or HTTPS request to your website at regular intervals of time and alerts you if it is down.
This service is available both as free and premium version. In premium version, you get some advanced features such as monitoring DNS/email servers, online web applications and so on.

24x7
Another such service is OctaGate SiteTimer. SiteTimer allows you to monitor how long it takes for a user to download one or more pages of your web site.

SiteTimer
Both the services mentioned above, will prepare a complete report about every component found on the webpage including details like the amount of time it took for downloading a particular component, the size of that component and the existence of the same.

Hope, this will help you out there to catch the culprits slowing down your website's loading time.


Read more...

Page Navigation Widget for Blogger

Posted by Prem Godara | 11/22/2008 06:41:00 PM | , , | 0 comments »

I noticed that my Blogger blog have pretty limited navigation features that only display “Older Posts” or “Newer Posts” link to let readers navigate and browse to other pages on homepage (index), archive and label pages whether hosted on blogspot.com or custom domain.But, if you see WordPress blog, it supports plugin to customize the page navigation link to numbered pages listing to make it more user friendly.

However, I found that it’s still possible to change the classic “Older Posts” and “Newer Posts” navigation link on Blogger blog to numbered pages navigation.

Below are the steps by which Page Navigation can be added to the Blogger blog:

1. Navigate to "Layout" > "Edit HTML" in your Blogger Dashboard.
2. Search for the following line:]]></b:skin>
3. Copy the following CSS code and paste or append the code above the line:

<style>
.showpageArea {
padding: 0 2px;margin-bottom:10px;margin-top:10px;
}

.showpageArea a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

.showpageArea a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a {
border: 1px solid #505050;
color: #000000;font-weight:normal;
padding: 3px 6px !important;
padding: 1px 4px ;margin:0px 4px;
text-decoration: none;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpagePoint {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #333;
color: #fff;
background-color: #000000;
}

.showpage a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}

.showpageNum a:link,.showpage a:link {
font-size:11px;
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}

.showpageNum a:hover {
font-size:11px;
border: 1px solid #333;
color: #000000;
background-color: #FFFFFF;
}
</style>

4. Next, search for the below code by unchecking "Expand Widget Templates" checkbox.
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>

5. Add the following JavaScript code right after the </b:section> line:
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>

6. Now, Click on Save Template and see the changes yourself.

Below are the few customizations, which the Blogger users can make according to their liking.

1. var pageCount =5; determines the number of posts to be shown on each page.
2. var displayPageNum = 3; defines the number of page links in the navigation bar to be displayed (e.g. 1 - 2 - 3).

For those who use their self-hosted domain name, make the below modifications.

1. For user who is not using blogspot.com domain (using self-hosted domain name), modify the .blogspot.com and 14 (13 characters of domain name + 1) in the line of var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/"; accordingly.


Read more...

Related Posts Widget for Blogger

Posted by Prem Godara | 11/22/2008 04:37:00 PM | , , | 0 comments »

Everyone knows that Related Posts Widget for Wordpress is there but not for Blogger. I have been looking for the past few days on how to add "Related Posts" widget for my blogger blog.

By searching in various blogs, I came across Mohamed Rias's post in which I have done some modifications to use the same for my blog.

Below are the steps, I have used to add the widget to my blog:

1) Navigate to "Layout" > "Edit HTML" in your Blogger Dashboard.

2) Add the below code above </head>

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 18px Arial;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #1b1b19;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #333333;
font-size : 13px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
</style>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

3) Search for <p><data:post.body/></p> and add the below code after it.
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<h2>Related Articles<b:loop values='data:post.labels' var='label'><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

You can customize as to how many links you want to display by changing the "max-results" value to any number you like.


Read more...

Google Offers Some Blogging Advice

Posted by Prem Godara | 11/22/2008 02:07:00 PM | , , , | 0 comments »

If you are new to blogging and require advice on how to blog, then instead of searching elsewhere Google themselves have come to your rescue.

Last week, Google released the Offical Google SEO Guide that discusses the best practices to be followed which will help you for improving the rankings of your websites in Google and other search engines.

Now, Google Webmaster Central team has come up with a new document inside the Google Webmaster Help Archive that offers tips on how bloggers can improve their blogs.

Google has divided the document into 3 parts - Creating great content, Make sure readers and crawlers can find your content, Your blog and Webmaster Tools.

Here's a short summary of all the tips provided:

Creating great content

  • A frequently updated site encourages people to return - as long as your content remains relevant and engaging. A useful post once a week is better than low-quality content published daily.
  • Always follow the Webmasters Guideline for creating rich, relevant, and useful content.
  • Labels and tags are a great way to organize your content, and encourage users to browse your blog.
  • Host your blog in your own domain and link it from your Home page so that the users & search crawlers can easily find your blog.
  • Stop the spam comment by following guidelines.
Make sure readers and crawlers can find your content
  • Always specify unique and descriptive title for your blog by thinking of words that people may use to search for that particular post.
  • Visit community blogs, comment on posts, and participate in the discussion.
  • Publish a FULL feed of your content rather than a partial Feed. Rich, full-content feeds make users happy because they can view your content with minimal effort. They may result in a short-term decline in visits to your actual blog, but the long-term gains of increased readership and mindshare are typically worth it.
Your blog and Webmaster Tools
  • Add your blog to your Webmaster Tools account.
  • Verify the ownership of your blog in the Google Webmaster Tools to get access to all the advanced features.
  • Submit a Sitemap of your website because Sitemaps are a good way to let Google know which page needs to be indexed. If you are using blogger, then How to Create and Submit Sitemap of your blog can be found here.


Read more...

Improving SEO for Your Blog by Customizing Title Tag

Posted by Prem Godara | 11/10/2008 11:44:00 PM | , | 0 comments »

If your blog is new, you might get frustrated that not many people are visiting your blog even after you submitted your sitemap to Google.

Follow the below steps to increase SEO (Search Engine Optimization) for your blog.

1. Navigate to your Blogger's Dashboard.

2. Click "Layout" > "Edit HTML".

3. Search for the below content

<title><data:blog.pageTitle/></title>
4. Replace the above entire code to the below and save your Template.
<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/> : Your Blog Title Goes Here</title>
<meta content='Add Your Description' name='Description'/>
<meta content='Add Your Keywords' name='Keywords'/><b:else/>
<b:if cond='data:blog.pageType == "archive"'><title><data:blog.title/> : Your Blog Title Goes Here</title>
<meta content='Add Your Description' name='Description'/>
<meta content='Add Your Keywords' name='Keywords'/><b:else/>
<b:if cond='data:blog.pageType == "item"'><title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageTitle' name='Keywords'/></b:if></b:if></b:if>
5. Now, Save the template and check the title of your blog.


Read more...

Hiding Navigation Bar in Blogger

Posted by Prem Godara | 11/10/2008 11:15:00 PM | , | 0 comments »

All Blogger users might know that above the header, there is navigation bar . Most of want to hide the navigation bar in blogger , but we don't know how to do that. Lets not worry, a simple trick will hide the navigation bar in blogger.


1. Go to Blogger Dashboard.

2. Click "Layout" > "Edit HTML".

3. Search for the text "body{" and paste the below CSS code above it.

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

4. After pasting, the code will look as follows

That's it. Navigation bar will not be displayed in your blog anymore.


Read more...

Search Box Script Error in Ads Theme Template

Posted by Prem Godara | 11/10/2008 09:36:00 PM | , | 0 comments »

Recently, i downloaded Ads Theme Template for my website from eBlog Templates. But after uploading it into Blogger, I noticed a JavaScript error. I traced the error in the Search Box of the Template.

The error occured because the 'apostrophe' was not getting escaped in the <input> tag of the HTML. This happened because the interpreter reads the first quote it encounters as the beginning of the string, and reads the very next quote it encounters as the end of the string, we need a way to signify that a quote is part of a string and not the end of it.

There are two ways to accomplish this goal: nesting opposite quotes and using a special character called the escape character.

I solved this error by nesting opposite quotes.

Below is the code before fix:

<input class='s' id='s' name='q' onblur='if (this.value == \'\') {this.value = \'To search, type and hit enter\';}' onfocus='if (this.value == \'To search, type and hit enter\') {this.value = \'\';}' type='text' value='To search, type and hit enter'/>
After the fix, the code will look like this:
<input class='s' id='s' name='q' onblur='if (this.value == "") {this.value = "To search, type and hit enter";}' onfocus='if (this.value == "To search, type and hit enter") {this.value = "";}' type='text' value='To search, type and hit enter'/>
Save the template and reload the page, script error won't occur again.


Read more...

How to Create Sitemap for Blogger

Posted by Prem Godara | 11/08/2008 10:35:00 PM | , | 0 comments »

Google's free webmaster provides ways by which a website can be made more Google-friendly. As part of it, submitting a blogger sitemap to Google is an essential part as it gives an idea for the crawler about all inner pages and archives of your site. As there is no plugins available for blogger for creating sitemap, we can use the default atom feed or rss feed for submitting a blogger sitemap to Google webmaster tools account.

Login to your Google webmaster account here

Navigate to dashboard and enter your site URL as shown below.


Click on "Add Site" and in the next screen, you will be required to verifying your blogger blog.


You will be provided with two ways by which the site verification can be done. One is "Upload HTML file" and second one is "Add a meta tag".

Below is the process, by which the site verification can be done by selecting the "Add a meta tag" option.


Copy the meta tag and and open your blogger account.
Navigate to "Layout" > "Edit HTML" and paste the meta tag under the <head> tag as shown below.


Save your Template. This meta tag is pasted so that it can be verified that you are the site owner.
Now, click on the "Verify" button in the Google webmaster's screen.

Now, click on "Sitemaps" tab on the left , select add site map and choose "Add general web sitemap" as shown below.
 

Now add blogger sitemap as your atom feed (atom.xml) or rss feed(rss.xml) and complete the entire sitemap submission procedure.


Read more...

Your Ad Here