HeartATech

You need to submit your sitemap to popular search engines to make your blog pages index by them. Sitemap page in a blog helps the visitors to track the contents of that blog. You have seen sitemap pages in many blogs. Have you thought of creating a sitemap page in blogger blog? Yeah it is possible.This tutorial will help you in creating a sitemap page in your blogger blog.


Steps To Create A Sitemap Page In Your Blogger Blog:-


1) Go to Edit HTML section of your blogger dashboard. Check Expand Template Widget.

2) Ctrl + F and search </head>
 
3) Paste the following codes above </head>

<script>
var numposts = 100;
var showpostdate = false;
var showpostsummary = false;
var numchars = 200;
</script>
<script>
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
posttitle = posttitle.link(posturl);
var readmorelink = "(more)";
readmorelink = readmorelink.link(posturl);
var postdate = entry.published.$t;
var cdyear = postdate.substring(0,4);
var cdmonth = postdate.substring(5,7);
var cdday = postdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
if ("content" in entry) {
var postcontent = entry.content.$t;
} else if ("summary" in entry) {
var postcontent = entry.summary.$t;
} else
var postcontent = "";
var re = /<S[^>]*>/g;
postcontent = postcontent.replace(re, "");
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>  


4) Save the template.

5) Now create a new page.

Give a title to the page (sitemap or anything)

Select HTML section and paste the following script.

<script src="http://www.BlogName.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>



Replace the red section with your domain.

Publish it.

Now you got the sitemap page in your blogger blog.

You are tired of seeing same text i.e "View My Complete Profile" in profile widget of every blogger blog. Its time for you to change the text of your profile widget in your own blogger blog. If you want to know how to change "View My Complete Profile" text in your profile widget in blogger blog, then you are in the right place. Today I will explain you how to change "View My Complete Profile" text in blogger blog. By using this trick you can show up your own text in place of the blogger's default text. 

Steps:-

1) Go to the Edit HTML section of your template. Check in Expand Widget Template.
 

2) Now search the following codes in your template's widget section.

<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>

3) Replace  <data:viewProfileMsg/>  with text you want to display instead of blogger's default text i.e "View My Complete Profile".

Example:
<a class='profile-link' expr:href='data:userUrl'>To know more about me click here</a>

4) Save the template and check your profile widget by visiting your homepage of your blog.

In Blogger when any labels link is open we notice a message "Showing Posts with labels XXXXXXX" above the posts. Its looks very irritating and most of you dont want it to appear in your blogger blog. It just looks like the picture given below.



I am sharing a easy trick to completely remove this message from your blog.



Steps To Follow To Remove "Showing post with label XXXXXXX" From Blogger:-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Click Expand Widgets

4--> Search for codes gven below


<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>



5--> Now replace above codes with below :-

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Its all done :)

If you notice carefully there is a link 'Subscribe to: Posts (Atom)' on every pages of blogger below your posts.


If you dont want it to show up in your blog then follow the following steps given below.


Steps To Remove 'Subscribe to: Posts (Atom)' Link From Blogger


1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.


4--> Ctrl + F and search for the following line of code and remove it.

                    <b:include name='feedLinks'/>


5--> Finally Save Your template. This is it.


There is another method to do so by using CSS




Steps To Remove 'Subscribe to: Posts (Atom)' Link From Blogger By Using CSS


1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Check Expand Template.


4--> Ctrl + F and search ]]></b:skin>

5--> You just copy the below code and paste it before ]]></b:skin> tag

                 .blog-feeds{display:none !important;}


6--> Save Your template

Being blogger it hurts a lot when your work i.e your blog posts are copied by some other fellows and they post it in their blogs same to same without altering any of the words. What will you do to stop others from doing this? Today I am going to tell you how to disable copy and paste from your blog.

Instructions To Follow To Stop Your Blog Posts From Being Copied :-

1--> Login to your Blogger Account.

2--> Go to Blogger Admin Page > Template > Click on Edit HTML.

3--> Ctrl + F and search <head>.

4--> Just below <head> copy and paste the codes

<!--Disable Copy And Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function (&quot;return false&quot;)
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Its done :)