Latest Posts

How to Add Lazy Load for Speedup Images in Blogger

The Loading Speeds is important thing in blogger. it effects Blogger performance and traffic results. When Blogger Loading Speed faster .its increase your traffic and page view. There Are Many Ways To Speed up the loading of blogger. Lazy loading script for blogger simply speeds Up your blogger loading.
 Lazy Load for Speedup Images in Blogger

Steps  to Add Lazy Load for Speedup Images in Blogger 


1. Go to Blogger > Template > Edit HTML.
2. Search For This Code </body>
3. Now Paste the Below Code Before </body> 


<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

4. Save The Template And Reload Yor Blogger Template, You Have Successfully Install Lazy Load In Blogger.

How to Make Blogger Post Images Responsive

How to Make Blogger Post image Responsive  - In Some Blog, the there image is in the exit cross the line width of the content because the image width is greater than the width of the content.
Blogger Post Images Responsive
blogger-images-responsive
The problem that often occurs when you try to send a picture with a width greater than the size of the image content or blog posts will appear unresponsive when resizing your browser. Today I'll give you a few tips on how to overcome the image that is not responsive by giving the CSS code for the image.

Steps to Make Blogger Post Images Responsive:


Please open your blog > Templates> Edit HTML> Copy and paste the following CSS before
]]></ b: skin> or </ style>

.post-body img {
  max-width: 100%;
  height: auto;
}
 Then save the changes and see the results.

How To Show Post Title Before Blog Title In Google

The Post titles and blog title plays a very important vital role for better ranking in search results and Search engine optimization (SEO). This is the first thing which is checked by visitors to either they should click on this link or not. 
 Post Title Before Blog Title In Google
Post-Title-Before-Blog-Title
The Google Blogger by default shows blog title before post title or page title. This is not a good thing because if your blog title is long then posted title does not clearly appear in search results because of title character or pixel limit. It means keywords used in post title does not work and very few people will able to find your blog post in the search result. 

In a nutshell, your blog’s traffic does not grow significantly i.e. you’ll get limited readers for your blog. If your blog post title would be before blog title then keyword used in the post title or page title would work and your blog posts will get more user than ever because keyword rich post title crawled by search bots quickly and your blog’s search ranking improves.

The Steps to Show Post Title Before Blog Title:


1. Go to Blogger Dashboard
2. Then select Layout tab
3. Click on Edit HTML button
4. Now look for the following code

<title><data:blog.pageTitle/></title>
 5. Now replace searched code with following code

<title>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
 6. Now save changes and you are done.

This change may take some time to appear in search results.

How to Optimize Images for SEO By Adding Alt and Title Tags Automatically For Blogger

Optimize Images for SEO: The Search Engine Optimization (SEO) is the best way to get traffic for a website and to get great impressions in the webmasters as well. So SEO can be a great problem for many of bloggers. One of the main thing for SEO is Image Optimization. It is very difficult to optimize your images. Image Optimization includes adding Alt tag and Title Tag for the images. It is very difficult to add Alt tags and Title Tags to every image manually.
Optimize Images for SEO
Optimize-Images-for-seo
An Alt tag in the images is about crawling the search engine using that name with this image and telling the Search Engine that this is the article related to this image. So Image optimization plays an important role in SEO and so as to add extra traffic to your site. The Image Optimization serves in indexing our images to the Search Engine. If you don't have any Alt tags and Title Tags then Search Engines doesn't know about your image and is invisible to the Search Engine.So here's a simple trick to add Alt and Title tags to the image automatically.

The Steps to have followed:
  • Open Blogger.
  • Move to  Template menu and click Backup/Restore.
  • Save Your Template and Click on Edit HTML.
  • Search for </body> tag.
  • After that, you have to add the below script just above the </body> tag.

 Optimize Images for SEO By Adding Alt and Title Tags 


<script src='http://ajax.googleapis.com/ajax/libs/
jquery/1.7.2/jquery.min.js' type='text/javascript'/>
 <script type='text/javascript'>
 //<![CDATA[$(document).ready(function() {$('img').each(function()
{
var $img = $(this);
var filename = $img.attr('src')$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
 }); });//]]>
</script>

  • Save the template by clicking on Save Template.

Now that will add the image alt tags and title tags automatically. 

What is Seo / Search Engine Optimization & How Seo Works?

What is SEO and how it works :
What is SEO and how Seo works : SEO - Search Engine Optimization is the process of improving the visibility of a website on organic ("natural" or un-paid) search engine result pages (SERPs), by incorporating search engine friendly elements into a website. A successful search engine optimization campaign will have, as part of the improvements, carefully select, relevant, keywords which the on-page optimization will be designed to make prominent for search engine algorithms. The Search engine optimization is broken down into two basic areas: on-page, and off-page optimization.

What is Seo (Search Engine Optimization) & How Seo Works?


On Pages Optimization:- It includes providing Top quality fresh content, Keywords Selection, Putting keywords on correct places, Giving Title to every page, Website Analysis, Alt tag on Images, Proper URL Structures, Optimized titles and descriptions, Optimized internal links, Broken Link Checker, Submit Sitemap etc.

Off Page Optimization:- Off-Page Optimization is the best techniques that are used to help the search engine to the rankings of a website. It is really all about improving your website’s backlinks. These back links act as a vote to the content of your website. Following are the best sites/method to make high quality of backlinks.