Showing posts with label blogger tips. Show all posts
Showing posts with label blogger tips. Show all posts
How to Submit Blogger Sitemap to Google via Webmaster Tools or Custom Robots.txt
The XML Sitemap file is like a directory of all web pages that exist on your website or blog. Search engines like Google and Bing can use these sitemap files to discover pages on your site that the search bots may have otherwise missed during regular crawling. The default XML sitemap file of any Blogger blog will have only the 26 most recent blog posts.
That’s a limitation because some of your older blog pages, that are missing in the default XML sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.
1: If you haven't done this already, sign-in to your Google Webmasters account and add your blog
2: Once your blog is added to Google, go to Webmaster Dashboard and click on your site address
3: On the left panel choose Site Optimization >> Sitemaps - then click on Add/Test Sitemap
4: Now add the following code and click Submit Sitemap
If your blog have lots of pages (more than 500) then add the sitemaps like the following pattern:
1: Go to your Blogger dashboard and select Settings from drop down menu
2: Click Search Preferences, the enable Custom robots.txt option (available in the Crawling and Indexing section).
3: Now copy one of the following code (according to your need) and paste here (in custom robots.txt section) and save your changes
For those who have more than 500/1000 blog posts
4: Now replace www.YOUR-BLOG-ADDRESS.com with the URL of your blog and you're done. Search engines will automatically discover your XML sitemap files via the robots.txt file and you don’t have to ping them manually.
That’s a limitation because some of your older blog pages, that are missing in the default XML sitemap file, may never get indexed in search engines. There’s however a simple solution to fix this problem.
Method 1: Submit Blogger Sitemap to Google via Webmaster Tools
1: If you haven't done this already, sign-in to your Google Webmasters account and add your blog
2: Once your blog is added to Google, go to Webmaster Dashboard and click on your site address
3: On the left panel choose Site Optimization >> Sitemaps - then click on Add/Test Sitemap
4: Now add the following code and click Submit Sitemap
atom.xml?redirect=false&start-index=1&max-results=500
If your blog have lots of pages (more than 500) then add the sitemaps like the following pattern:
atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
atom.xml?redirect=false&start-index=1501&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500
atom.xml?redirect=false&start-index=1501&max-results=500
Method 2: Submit Blogger Sitemap to Google via Custom Robots.txt
1: Go to your Blogger dashboard and select Settings from drop down menu
2: Click Search Preferences, the enable Custom robots.txt option (available in the Crawling and Indexing section).
3: Now copy one of the following code (according to your need) and paste here (in custom robots.txt section) and save your changes
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1&max-results=500
Disallow: /search
Allow: /
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1&max-results=500
For those who have more than 500/1000 blog posts
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=501&max-results=500
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1001&max-results=500
Disallow: /search
Allow: /
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1&max-results=500
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=501&max-results=500
Sitemap: http://www.YOUR-BLOG-ADDRESS.com/atom.xml?redirect=false&start-index=1001&max-results=500
4: Now replace www.YOUR-BLOG-ADDRESS.com with the URL of your blog and you're done. Search engines will automatically discover your XML sitemap files via the robots.txt file and you don’t have to ping them manually.
How to Add jQuery in your Blogger/Blogspot Template
jQuery is the very important thing to make effects, animation and cool functions for your blog. Many Blogger plugins are also using jQuery. Just embed jQuery into our blog template, it will help us save the time to develop and also provide us many option to make beautiful effects on our designs. A jQuery file is only about 100KB and available to cached, so don’t wory about the speed of your page after embedded it.
Before insert jQuery, you must check that is it already installed in your template? Please find “https://ajax.googleapis.com/ajax/libs/jquery” if you found nothing, mean you need to continue, if yes, just stop and do nothing because your template had a jQuery library. To embed jQuery, please access your blog Template and click Edit HTML. In template Editor window, find the tag </head> and insert the following piece of code before it and you're done.
Before insert jQuery, you must check that is it already installed in your template? Please find “https://ajax.googleapis.com/ajax/libs/jquery” if you found nothing, mean you need to continue, if yes, just stop and do nothing because your template had a jQuery library. To embed jQuery, please access your blog Template and click Edit HTML. In template Editor window, find the tag </head> and insert the following piece of code before it and you're done.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
How to add Meta Tags Automatically to Each Blogger Post
Generally Meta tags introduce your blog to search engines, and so these tags are a must for every website/blog as well as necessary for each and every page and article of websites. Here I'm going to show how to add automatically meta tags in blogger? i.e. dynamic meta tag for each blogger post.
Here's a simple code to automate the process of assigning meta description and keyword tags to every page of your blog. Although not very effective but it may improve the visibility of your pages in SERPs. These are the Dynamic meta tags, which have the same code but display different content for different pages. Actually it simply shows the blog name and title of the post in the meta description/keywords content.
Here are some important steps to add meta tags to blogger post:
Keep in mind that meta tags always goes between <head> and </head> tags
1: Log in to Blogger and select Template from drop down menu
2: Now find (CTRL+F) this code in the template:
3: And immediately BEFORE/ABOVE it, paste this code and you've done.
Here's a simple code to automate the process of assigning meta description and keyword tags to every page of your blog. Although not very effective but it may improve the visibility of your pages in SERPs. These are the Dynamic meta tags, which have the same code but display different content for different pages. Actually it simply shows the blog name and title of the post in the meta description/keywords content.
Here are some important steps to add meta tags to blogger post:
Keep in mind that meta tags always goes between <head> and </head> tags
1: Log in to Blogger and select Template from drop down menu
2: Now find (CTRL+F) this code in the template:
<b:skin><
If you do this none will be able to copy any image or icon from your blog by right clicking on it. If someone tries, a pop up will appear with an error message. This is really a useful trick to protect your images and icons from copycats. It is an easy trick and you will just have to add a piece of JavaScript. Follow the steps below.
1: Go to Blogger and sign in
2: Select "Layout" from drop down menu, click "Add a Gadget" and select HTML/JavaScript Widget
3: Now copy the below code and paste inside HTML/JavaScript
4: Save the widget and view your blog. Right click somewhere on your blog and you'll see a pop up box saying "Sorry right click is disabled!". Now your images and icons are safe from copycats.
1: Go to Blogger and sign in
2: Select "Layout" from drop down menu, click "Add a Gadget" and select HTML/JavaScript Widget
3: Now copy the below code and paste inside HTML/JavaScript
<script language=JavaScript>
<!--
var message="Sorry right click is disabled!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
<!--
var message="Sorry right click is disabled!";
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
4: Save the widget and view your blog. Right click somewhere on your blog and you'll see a pop up box saying "Sorry right click is disabled!". Now your images and icons are safe from copycats.
How to Resize Images Automatically in Blogger
Most bloggers are faced with the issue of size of images on their blog. Images of large size overflow into side bars and which ruins the blog’s appearance. Blogger provides the facility of resizing the images in the pos editor but this doesn’t work well according to the blog’s design. However, CSS Code makes it possible to automatically resize all the images on your blog and fit them beautifully in the blog’s design.
Some might think that resizing images manually is easier and better. Yes, of course you are right but what if you have 40 or 50 images to resize at the same time. It will take days to click and select images one by one for resizing. It is never convenient but with pure CSS Code you can resize all images to make your blog images “all in one” size.
In this tutorial we are going to explain you a simple trick with the help of which you just have to edit your html template and not all the posts one by one. It saves time as well as from hectic effort. It will also improve the visual appearance and flow of your blog.
1: First sign in to "Blogger Dashboard" and select "Template" from drop down menu and click "Edit HTML".
2: Now in the new Blogger HTML Editor search for the ]]></b:skin> tag.
3: Just above this tag paste the following CSS coding.
Now you can change the values of Width and height, according to your requirement. You can also add a border to your images through (border: 1px solid #d2d2d2;) which is simple border CSS command. After customizing, press the "Save Template" button and that’s all.
I would suggest that you should limit automatic resizing only to your blog images and not expand it to design graphics and profile pictures. So, limit the CSS Code to a specific portion of blog, say to the images in a post body. Other parts of your blog will remain unaffected.
In this tutorial we are going to explain you a simple trick with the help of which you just have to edit your html template and not all the posts one by one. It saves time as well as from hectic effort. It will also improve the visual appearance and flow of your blog.
1: First sign in to "Blogger Dashboard" and select "Template" from drop down menu and click "Edit HTML".
2: Now in the new Blogger HTML Editor search for the ]]></b:skin> tag.
3: Just above this tag paste the following CSS coding.
.post-body img {
width: 500px !important;
height: auto !important;
}
width: 500px !important;
height: auto !important;
}
Now you can change the values of Width and height, according to your requirement. You can also add a border to your images through (border: 1px solid #d2d2d2;) which is simple border CSS command. After customizing, press the "Save Template" button and that’s all.
I would suggest that you should limit automatic resizing only to your blog images and not expand it to design graphics and profile pictures. So, limit the CSS Code to a specific portion of blog, say to the images in a post body. Other parts of your blog will remain unaffected.
How to Protect your Blog Contents from Being Copied
It is awful to see word for word copy of your original content on others’ blogs. Content filching has become a real nuisance for those who post quality content on their blogs but soon see it exactly copied and pasted on other blogs. The most annoying thing is when this copied content mars the ranking of your own blog in search engines.
Though it is impossible to totally wipe out the content stealing, yet there is an effective way to prevent the content stealers to a large extent from pinching your hard worked content. Through this post I intend to tell you about a simple JavaScript code to prevent copycats from copying your text or scrapping your RSS feed.
It is a very simple script preventing the CopyCats from Copy option as well as Select All option even using short cut keys. This keeps the people away from scraping your content. Follow the instructions mentioned below to install the JavaScript code in your blog and get rid of content scrappers.
1: Go to Blogger Dashboard
2: Select Layout from drop down menu >> Add a Gadget >> Select HTML/JavaScript Gadget
3: Now Copy the below code and paste inside that HTML/JavaScript gadget
Save your template and view your blog. Just select any text and try to copy it; you'll see the you can’t do it. It has disabled all options of copying, i.e. CTRL+A and CTRL+C on keyboard. Hope you enjoy and benefit from it.
Hopefully you will like this article same as our previous posts. We always give respect to our reputable readers by providing the latest and informative knowledge. Again if you need any assistance or tips feel free to contact us. We always appreciate your advises and comments.
Though it is impossible to totally wipe out the content stealing, yet there is an effective way to prevent the content stealers to a large extent from pinching your hard worked content. Through this post I intend to tell you about a simple JavaScript code to prevent copycats from copying your text or scrapping your RSS feed.
It is a very simple script preventing the CopyCats from Copy option as well as Select All option even using short cut keys. This keeps the people away from scraping your content. Follow the instructions mentioned below to install the JavaScript code in your blog and get rid of content scrappers.
Follow these steps
1: Go to Blogger Dashboard
2: Select Layout from drop down menu >> Add a Gadget >> Select HTML/JavaScript Gadget
3: Now Copy the below code and paste inside that HTML/JavaScript gadget
<script type="text/javascript">
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>
Save your template and view your blog. Just select any text and try to copy it; you'll see the you can’t do it. It has disabled all options of copying, i.e. CTRL+A and CTRL+C on keyboard. Hope you enjoy and benefit from it.
Hopefully you will like this article same as our previous posts. We always give respect to our reputable readers by providing the latest and informative knowledge. Again if you need any assistance or tips feel free to contact us. We always appreciate your advises and comments.
Subscribe to:
Posts
(
Atom
)
