Jan 18, 2010 / Labels:

SEO - Adding Google Sitemap

You can now add Google sitemap to your blogger.com account and increase your chances of being indexed in Google search engine result. You can add a Sitemap to your account to give Google more information about the pages in your site to help Google crawl them more effectively, which means your pages get searched easily by engines.  
Step # 1: Login to sitemap account
At the top of screen you will see option to add site. Just paste URL of your blog (for example http://anandsbloglab.blogspot.com/)

(Click to enlarge image)
Click on Ok button. Next you will get confirmation message. Your site has been added to your account.
Step # 2: Now you need to verify your ownership of blog to view detailed statistics. Click on verify link. Google offers two methods of verification. You can either upload an HTML file with a name we specify (which is not possible with Google Blogger account), or you can add a META tag to your site’s index file. Adding META tag via template code is possible so just select Add a META tag from drop down menu:

(Click to enlarge image)
It will generate code for you, copy the meta tag and paste it into your blogger.com template section).
Step # 3: Go to your blogger.com and login to your account. Goto your blog dashboard > click Layout > Edit HTML >
then find press ctrl+F and type  

<head>

... it will be highlighted..
Paste the META tag code after this section:

(Click to enlarge image)
Click on Save Template changes button
Click on View Blog button > Wait for few seconds so that your blog being published successfully.
Step # 4: Now goto sitemap account and click the box that read as follows:
I’ve added the META tag in the home page of http://anandsbloglab.blogspot.com/. Click on Verify button.

(Click to enlarge image)
Step # 5: Now your site is added to sitemap account and verification is done. Next you need to add actual sitemap url. Since blogger.com account dont allow you to create a text file or anything else you need to add your site feed (ATOM xml) file as a site map. Click on add a sitemap link:

(Click to enlarge image)
Step # 6: You can add a Sitemap to your account to provide Google additional information about about your blog. Google will process your Sitemap and provide information on any errors in the Sitemaps tab as well your sitemap will be downloaded everyday to index your blog fast.
Select type as : Add General Web sitemap
Now you need to add Atom 0.3 feeds. Generally, you would use this format only if your site already has a syndication feed

with beta you need to use following

Paste url of your  feed: For example http://yourblogname.blogspot.com/feeds/posts/full as a feed url. and click ADD or ( atom.xml in case you areusing Atom .3 feed )


(Click to enlarge image)
You will get confirmation:
You have added a Sitemap to http://anandsbloglab.blogspot.com/. Reports may take several hours to update. Thank you for your patience!
And you are done and your blog will be now index very fast ( but it also depends upon your posting and content too :).




comments (0) / Read More

Sep 15, 2009 / Labels:

Adding Image Links to Blog

One of the most easiest way to make your blog look attractive is to add images that work as links to your target pages. If you always wanted to add this trick to enhance your blog look but are not well versed with HTML then you are reading right page... 
Firstly you upload the image you want to use as a link to your album. I use Photobucket. Once you are done copy the direct link code into a text file on your desktop. You will need it later. On the same text file copy and paste the following code..
<a
href="Your Target Link Here"><img
src="Your Image Link Here"/></a>
Now type
(or simply copy paste) your target link in the region Your Target Link Here and  the image link from
your Photobucket instead of Your image
Link Here
This is how the code should look like in your text file
(ofcourse the link and image source will be different)
<a
href="http://bloggerlaboratory.blogspot.com/"><img
src="http://i671.photobucket.com/albums/vv77/biotechbuster/24exqxdblank.gif"/></a>



Now simply start using it., If you wish to add this to your sidebar then go to Layout and Add a page element to Sidebar and choose Add HTML/JavaScript.. Give a title if you wish. If the image is not of the sidebar size then it will be aligned to left. To get your Image Link in the center, enclose your entire code in center tags like below




<center><a
href="http://bloggerlaboratory.blogspot.com/"><img
src="http://i671.photobucket.com/albums/vv77/biotechbuster/24exqxdblank.gif"/></a></center>

Start Using :)




The code that i have shown above will display following image and will redirect you to this blogs Homepage.. Click it for a demo


comments (0) / Read More

Sep 5, 2009 / Labels:

Build your own Quiz

Did you know that you can create a quiz on you blog?

With this modification to your template code you can add a custom Quiz / MCQ's to your posts..

All you need is go to Layouts- Edit HTML- press cntrl+F for windows or Cmnd + F if u own a Mac and type in this ]]></b:skin>

Something will be highlighted ..



just after </b:skin> you need to copy paste the following code:


<SCRIPT language="JavaScript"

type="text/javascript">

<!--

//

// Documentation:

// http://chami.com/tips/javascript/

//

function checkAnswer(quizForm,

theAnswer,

urlRight,

urlWrong)

{

var s = "?";


// go through the "current choices"

// to find the selected choice.

// radio boxes pointing to choices

// must be named "cc"

// change if necessary

//

var i = 0;

for(;i<quizForm.elements.length;i++)

{

if(("cc" ==

quizForm.elements[i].name) &&

(quizForm.elements[i].checked))

{

s = quizForm.elements[i].value;

}

}


// no choice was selected

//

if("?" == s)

{

alert("Please make a selection.");

return false;

}


// check if we have the correct

// choice selected

//

if(s == theAnswer)

{

alert("'"+s+"' is correct!");

if(urlRight)

{

document.location.href = urlRight;

}

}

else

{

alert("'"+s+"' is incorrect.");

if( urlWrong )

{

document.location.href = urlWrong;

}

}


// return "false" to indicate not to

// submit the form.

// change this to "true" if the form

// "action" is valid,

// i.e. points to a valid CGI script

//

return false;

}

//-->

</SCRIPT>



Now save the template! If everything is fine you have added script to allow you to host a quiz for your visitors! Congratulations.. :)

Now the real part.. to create question answers in HTML. This is has to be free of errors! Phew!

take a look at the following code; you have to use this (i mean copy paste!) to create your posts.



What is Sudarshan Kriya?


<form method="post" onsubmit="return checkAnswer(this,'B');"><input value="A" name="cc" type="radio">

A. Lord Vishnu's Weapon.


<input value="B" name="cc" type="radio">

B. Most powerful meditation technique.


<input value="C" name="cc" type="radio">

C. A Computer programming language.


<input value="Submit Answer" type="submit">


</form>


You need to maintain this! you can change your questions and answers. But remember to assign value to your correct answer in this case it is 'B'. i would suggest you to first prepare your entire quiz in Rich text editor and then copy paste into your wysiwyg i.e where you create your posts


So wish you all the best... do post if you have any querry. I ll be honest to clarify. I am myself taking HTML tutorials.

Here is one questions for you..


Which is European Football Club is my favourite?

A. Real Madrid


B. Manchester United


C. Chelsea (Divided)


C. Juventus FC



The script that I used for this question was disabled. So you ll have to find your own script. Just Google out. And you can host it At Dropbox

comments (0) / Read More

/ Labels:

Placing Inline Comments Form Beneath the Posts

To add inline comment form to your Blogger, you need to sign in to your Dashboard through Blogger in Draft Then go to Layout > Edit HTML and click on Expand Widgets Template box.


Then press ctrl+f and find the following line:

&ltp class='comment-footer'> &ltb:if cond='data:post.allowComments'> &lta expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&ltdata:postCommentMsg/>


and replace this entire section with following code:

&ltp class='comment-footer'> &ltb:if cond='data:post.embedCommentForm'> &ltb:include data='post' name='comment-form'/> &ltb:else/> &ltb:if cond='data:post.allowComments'> &lta expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&ltdata:postCommentMsg/>


then find this line:

&ltb:include data='post' name='comments'/>


and just below this line paste the following:

&ltb:include data='post' name='comment-form'/>


Then save yor template. and Go to the Settings>Comments and scroll down to 'Comment Form Placement'. check 'Embedded below Post' and save your settings.
You are done. Blogger has done a great job by providing this cool feature.

comments (0) / Read More

Subscribe to: Posts (Atom)