Our amazing new site will launch in
Showing posts with label Blogger Tricks. Show all posts
Showing posts with label Blogger Tricks. Show all posts

Blogger Blogspot SEO Friendly Guide

 How to make your blogger blogspot blog SEO friendly. Search Engine Optimize Your Blog/Website.
Want to get more traffic to your blog? Want to get indexed in the major search engines? These are the question many of the people want the answers for, but they are to lazy to search for the answer. They think if they just create a site, write some content, and get indexed that their be the next top paid blogger. But the reality is that it doesn't work like that. It's more in a blog then creating content. True content is king, but without specific code to tell the search engines what the content is about then the content is useless. I mean you can write thousands of thousands of post, but without that code, your content is simply pointless.

Today if you are using blogger (blogspot) you'll learn the best way to seo (Search Engine Optimize) your blog, so that search engines understand your content, thus making your content king.

Get Your Blog/Website Indexed in Search Engines & Create a Sitemap

It's very important that you get your blog/website indexed with-in the major search engines as quickly as possible. Why because their are many other people out their just as me and you who want the recognition from search engines as well, and if you don't do your part then you'll be left in the dark. I have already written post on Getting Indexed In Google & Creating a Sitemap as well. Also if you haven't noticed already search engines dislikes slow loading websites, so it's also recommended to Speed Up Your Blog/Website by Compressing the CSS this efficiently speeds up your blog tremendously while making your blog/website readers return more often.

Add Meta Description & Meta Keyword to Blogger/Blogspot

To add meta description & meta keyword to your blogger blog search for the following code.
<head><b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title>
Now replace it with the following code after you've correctly modified the code with the keywords & description to match your site.
<head><b:include data='blog' name='all-head-content'/><title><data:blog.pageTitle/></title><b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Place your blog description here' name='description'/><meta content='Place your blog keywords here(separated by commas)'name='keywords'/></b:if>   
If you have done this and have done it correctly, you should notice that your site is now showing up correctly in Search Engines.

Add Schema Mark-up Language to Your Blog/Website

Schema.org is a project by Google, Yahoo, and Microsoft. A collaboration to help provide a richer web, and so that all major search engines can rely on a shared markup vocabulary. I explain it more here [Schema and why you should use it].


SEO Images in Blogger/Blogspot Automatically
 
One of the most important sources believe it or not that you can get tons of traffic from is from the images on your blog. There are millions of searches on images everyday. So if you want to get the best out of your blog then you should add the automatic seo image script. Paste the below code just above </body>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.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('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
  });
});
//]]>
</script>

<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('.')));
  });
});
//]]>
</script>
Once the code is added you'll never have to manually add the title & alt tags to images on your blog. Just give them a SEO url name like so Google-vs-Facebook.jpg or megatron-vs-optimusprime.jpg with dashes.

Adjust Blogger Title Tag With Post Title Tag

This hack changes the way your blog is displayed in the search engines. Normally your blog title will be first followed by your post title. Which led to little or no traffic from search engines. Now there's a hack so that you can get back your lost traffic.

Search for...
<title><data:blog.pageTitle/></title>
Replace it with...
<b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/> |<data:blog.title/></title><b:else/><title><data:blog.pageTitle/></title></b:if>
Now your blogger/blog title should look like so...
Title | Post Title
Thats it for today but stay tuned we will be creating more post on this topic, so if you're not already subscribe please subscribe via the bluebar at the top and remember to verify your email address. Thanks

Get More Traffic From Search Engines

SEO (Search Engine Optimization) Hack to get more traffic from Search Engines. Hack your blog to get more traffic. SEO your blog/website. Add Microdata Mark-up to your website/blog. SEO Blogger Blogspot powered blogs, wordpress and more.

One of the most asked questions online when building a website is how to get quality traffic from search engines. You may think just updating your blog on a regular basic will get you more quality traffic from search engines. Sure, if you update your blog on a regular basic you will receive traffic, if and only if your post are index correctly in the search engines. When people build websites they either have something to say are they want to make a profit from their website. Nothing's wrong with any of that, the problem is just getting a little search engine traffic to your website. To do so you must SEO (search engine optimize) your blog, so that search engines understand how to categorizes your website in their index.

- viewer discretion is advised -
Let me first say that a lot of blogs write post on bull-sh*t, when I first started blogging I hate reading about other people experiences, and the false stories they tell you and never really get to the point. To some this all up this blog gets straight to the point we aren't going to lecture to you about some false stories, we will only speak our mind and give you a little information about the trick to give you a brief understanding of how it works.
- viewer discretion is advised -

Getting the Search Engines to recognize your website.

Basically if you want more traffic from search engines they must know how to categorize and handle your website articles/posts. In order for search engines to understand our articles/post, we must add simple code to our websites/blogs. This simple code is called Microdata Markup and Schema is the new language some major search engines are focusing on. To sum this all up their is more than one search engine in the world and of course more than one markup language, Schema was made with the idea so that it will be the only markup data we webmasters add to our site so all search engines eventually understand how to categorize our articles/posts. But if you are interested read the official article from Google Webmaster Blog [Introducing schema.org: Search engines come together for a richer web

Schema.org and why you should use it.

Schema.org is a project by Google, Yahoo, and Microsoft. A collaboration to help provide a richer web, and like I said earlier, so that all major search engines can rely on a shared markup vocabulary.

You should use Schema.org simply to help search engine recognize and categorize your website, in rich the web and to simply gain traffic.
[Schema.org FAQ's]

Getting Started With Schema.org

Getting started with schema is very easy and not very hard to understand how it works, its quite simply and easy. If you are familiar with HTML tags and know your way around them then you can as well know your way around Schema.

Lets get started by first letting me say that I will only be showing basic examples, if you are interested in learning how to provide the search engines with the correct markup so that they learn how to categorize your site continue reading.

Also I want to say thanks to Saidul A Shaari  For helping me convert my blog over with some schema modification that I will be showing you guys in a few. He blogs over at Home Biss you can see the articles he wrote as well. [http://homebiss.blogspot.com/2011/11/markup-blogger-schemaorg-examples.html] and the post I was mention in [http://homebiss.blogspot.com/2011/11/schema-markup-suggestions-blogger.html]


For Blogs About Movies!
  • You'll add [itemscope itemtype="http://schema.org/Movie"]
  • Telling the search engines that it's a Movie Site
  • And [itemprop='description']
  • Giving a brief description of what the content is about.
<div itemscope itemtype="http://schema.org/Movie">
<h1>Avatar</h1>
<span itemprop='description'>A paraplegic ex-marine finds a new life on the distant planet of Pandora, only to find himself battling humankind...</span>
 </div>
For almost any other blog!
  • You'll add [itemscope itemtype="http://schema.org/BlogPosting"]
  • Telling the search engines what kind of site it is.
  • And [itemprop='description']
  • Giving a brief description of what the content is about.
<div itemscope itemtype="http://schema.org/BlogPosting">
<h1>MegaVideo Time Limit Bypass</h1>
<span itemprop='description'>Megavideo is great for watching movies and online videos, but the problem is that there is a limit...</span>
 </div>
Next week sometime I will be posting more on Schema and [How to add schema.org to blogger blogs]
For a more advanced detail on getting the best results visit their Getting Started Guide.

- I never though in a million years that I will begin writing post on SEO, But the question came up and where their is a demand their is a supply. Stay Tuned! Subscribe! Rss!

Get Google Plus Page Widget

How to get Google Plus widget. New beautiful better Google Plus widgets. Google Plus Page plugin. Google Plus Page badge. Google Plus Page button.

Just recently Google launched Google+ Pages for business owners and website owners. When they first launched Google+ Pages they had limited widgets, now their are more beautiful widgets.

The widgets looks like the following.

Standard badge (Live Preview)


Small badge (Live Preview)


Small Icon (Live Preview)
TheEmoLabon

Medium Icon (Live Preview)
TheEmoLabon

Large Icon (Live Preview)

TheEmoLab
on Google+


Google+ Page Widgets

If you are interested in making a widget for your Google+ Page visits Google Developers Tools
Keep in mind you must know your Google+ Page url
https://plus.google.com/u/0/b/106676931769724791198/
  •  Once you get your Google Plus Page url type it in the box provided.
  • Choose Your Style.
  •  Get your code and please make sure to follow the directions to place the code accordingly. 
Any Questions, Comments, and or Concerns Please ask. 

Add +1 Button To Blogger Google's Social Share Button

Google just launched the +1 button, yes you can now add them to your blogger blogs, I Recently wrote a post in the past Introducing +1 Button From Google Social Search you can read it and get more information from there. This post will simply show you how to enable this feature on your blogger blog, I don't believe it's available for WordPress or any other website right now.



How to Add Google's +1 Button
To add the +1 button to your blog, you’ll need to enable Share buttons on Blogger. To do this, go to Design > Page Elements on your Blogger dashboard, find the Blog posts area, click on Edit, and select the “Show Share Buttons” option. If you are already using Share buttons, the +1 button will automatically show up as a new share option.
(See Below Image)

By adding the +1 button to your blog, you’re providing an easy way for your visitors to recommend your posts to their friends right from your blog.

Buzz Post: http://buzz.blogger.com/2011/06/add-1-button-to-your-blog.html

The Stand Alone Code
Here is the stand alone code:
Go to your blogs Design Page > Edit Html > Find the following piece of code in your blogs Html :
</head>
Copy and paste the following code directly Above / Before </head> then save your template.
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

That's it the script is added now choose a button and add it as shown.

Small +1 Button Try clicking it! It Works

<g:plusone size="small"></g:plusone>

Medium +1 Button Try clicking it! It Works

<g:plusone size="medium"></g:plusone>

Standard +1 Button Try clicking it! It Works

<g:plusone></g:plusone>

Tall +1 Button Try clicking it! It Works

<g:plusone size="tall"></g:plusone>

Additonal Information Can Be Learned Via SpiceUpYourblog

3 Optional End of Page Suggestion Slider’s “FB Like Box, YouTube Sub box, Translations Section”

Yes I'm back with more blogger customization hacks, the past couple of months I've been over at my friend blog http://www.wierdwalker.blogspot.com/ posting some guest post, not some but 1, but expect more to come from the future. So what are suggestion sliders, suggestion sliders are little unique sliders that can improved the function-ability and interactivity within your blog, adding these widgets can increase like's, subscriber count, and support foreign languages leading to more traffic from those areas. This is genius and makes your site more user friendly.


End of Page Suggestion Slider’s
The idea for the “End Of Page Suggestion Slider” is to make your content more accessible and help users quickly subscribe to your Facebook Fan pages, and or YouTube Channel. The Translation section is idea for other language barriers, letting them translate your site to any other language.
Working Demo Pages Below.
Facebook Demo : Link: *Scroll Down To See It In Action*
YouTube Subscribe Section Demo: Link: *http://news-story-seo.blogspot.com/*
Translation Section Demo: Link: *http://thesis-seo-theemolab.blogspot.com/*
Learn To Install One Of The Three Suggestion Sliders.

The Css Code:

1.Go to Design, continue to Edit HTML , check on Expand Widget Templates
2.Insert the below code right before ]]></b:skin>
#slidebox{ width:300px; height:130px; padding:10px; background-color:#fff; border-top:3px solid #000; position:fixed; bottom:0px; right:-430px;-moz-box-shadow:-2px 0px 5px #aaa;-webkit-box-shadow:-2px 0px 5px #aaa;box-shadow:-2px 0px 5px #aaa}#slidebox p,a.more{ font-size:11px; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; letter-spacing:1px; color:#555}a.more{ cursor:pointer; color:#E28409}a.more:hover{ text-decoration:underline}#slidebox h2{ color:#E28409; font-size:18px; margin:10px 20px 10px 0px}a.close{ background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1wgKBBFD6KLWiAlJ1xUiAEoh9-4wuFENyWJOf__9A9b71c1c060My9K1gAG-k7RqIXTSI7gEf8-UZmwueNdeNxzVRZO0fuuFCP9drOeQ_HpGQDXVF_BaL1Sxx6msfK0e7tVKdl9SjkBE/s400/close.png) no-repeat top left;width:13px;height:13px;position:absolute;cursor:pointer;top:10px;right:10px}a.close:hover{background-position:0px -13px}

The JavaScript
Find the ]]></b:skin> tag and paste the below code just after.
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Page Element
Add a gadget “HTML/JavaScript” where you want the popup to begin and paste the below code into it and save it.
<p id="last"> </p>
My choice is located in the middle. When visitors scroll down, once they hit the middle section the slider starts. Experiment with this and you will understand and optimize your site for best results.
Now choose between Facebook like box, YouTube Subscribe Box and or the Translation Section.

Facebook Like Box Installation




Find the </body> tag and paste the below code just before it.
<div id='slidebox'><a class='close'/><p>Follow Us On Facebook!</p>

<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTheEmoLab%2F162515220426188&amp;width=230&amp;colorscheme=light&amp;show_faces=false&amp;stream=false&amp;header=false&amp;height=62' style='border:none; overflow:hidden; width:230px; height:62px;'/>

</div> <span style='font-size: 50%;'>Created By:<a href='http://www.theemolab.com/'>TheEmoLab.Com</a></span>
<!-- The JavaScript -->
<script type='text/javascript'>
$(function() {
$(window).scroll(function(){
/* when reaching the element with id &quot;last&quot; we want to show the slidebox. Let&#39;s get the distance from the top to the element */
var distanceTop = $(&#39;#last&#39;).offset().top - $(window).height();

if ($(window).scrollTop() &gt; distanceTop)
$(&#39;#slidebox&#39;).animate({&#39;right&#39;:&#39;0px&#39;},300);
else
$(&#39;#slidebox&#39;).stop(true).animate({&#39;right&#39;:&#39;-430px&#39;},100);
});

/* remove the slidebox when clicking the cross */
$(&#39;#slidebox .close&#39;).bind(&#39;click&#39;,function(){
$(this).parent().remove();
});
});
</script>

Replace everything in red with your Facebook Like Box.
You can generate your Facebook Like Box Code Via
Like Box – Facebook Developers
Link: http://developers.facebook.com/docs/reference/plugins/like-box/
UN-Check both Show Faces and Show Stream.

YouTube Subscribe Box Installation


Find the </body> tag and paste the below code just before it.

<div id='slidebox'><a class='close'/><p>Our YouTube Channel</p>
<center><iframe src="http://www.youtube.com/subscribe_widget?p=YOUR-YOUTUBE-USERNAME" style="overflow: hidden; height: 130px; width: 260px; border: 0;" scrolling="no" frameborder="0"></iframe></center>
</div> <span style='font-size: 50%;'>Created By:<a href='http://www.theemolab.com/'>TheEmoLab.Com</a></span>
<!-- The JavaScript -->
<script type='text/javascript'>
$(function() {
$(window).scroll(function(){
/* when reaching the element with id "last" we want to show the slidebox. Let's get the distance from the top to the element */
var distanceTop = $('#last').offset().top - $(window).height();

if ($(window).scrollTop() > distanceTop)
$('#slidebox').animate({'right':'0px'},300);
else
$('#slidebox').stop(true).animate({'right':'-430px'},100);
});

/* remove the slidebox when clicking the cross */
$('#slidebox .close').bind('click',function(){
$(this).parent().remove();
});
});
</script>
Replace YOUR-YOUTUBE-USERNAME with your YouTube username.

Translation Section Installation


Find the </body> tag and paste the below code just before it.
<div id='slidebox'><a class='close'/><p>Translate This Blog!</p>
<center><div id='google_translate_element'/><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: &#39;en&#39;
}, &#39;google_translate_element&#39;);
}
</script><script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/></center>
</div> <span style='font-size: 50%;'>Created By:<a href='http://www.theemolab.com/'>TheEmoLab.Com</a></span>
<!-- The JavaScript -->
<script type='text/javascript'>
$(function() {
$(window).scroll(function(){
/* when reaching the element with id &quot;last&quot; we want to show the slidebox. Let&#39;s get the distance from the top to the element */
var distanceTop = $(&#39;#last&#39;).offset().top - $(window).height();

if ($(window).scrollTop() &gt; distanceTop)
$(&#39;#slidebox&#39;).animate({&#39;right&#39;:&#39;0px&#39;},300);
else
$(&#39;#slidebox&#39;).stop(true).animate({&#39;right&#39;:&#39;-430px&#39;},100);
});

/* remove the slidebox when clicking the cross */
$(&#39;#slidebox .close&#39;).bind(&#39;click&#39;,function(){
$(this).parent().remove();
});
});
</script>

You Are Done!

Get Traffic From OneTrueFan




Are you a OneTrueFan of TheEmoLab? Get in the game and become one! OneTrueFan is something like a internet game. Readers vs Readers, Where as reader battle it off by becoming the OneTrueFan of a site.

Although OneTrueFan might be seen to be fun and games. Most people like webmasters, and bloggers use OneTrueFan to gain backlinks and ex-poser to gain traffic. Also all of the backlinks are DoFollow. Just imagine how many people compete on sites like yahoo, google, and twitter. This makes OneTrueFan idea.

Some Features
  • Get credit for showing love to websites // there by making you the OneTrueFan!
  • Gain points by visiting new sites // Just browse the internet and have fun!
  • OneTrueFan highlights your contributions to the web sites you care about most
  • See who's visiting your favorite sites
  • OneTrueFan shows you who reads the content you do, and articles they have shared.
Get OneTrueFan

For Webmasters and Bloggers
    Every One Else

    Convert Html Webpage to PDF - Eco-Safe

    Do you need to convert your html page to PDF? Or Save a page as PDF on your site? With Eco-Safe, A Eco-Friendly Foundation, You can create a Eco-friendly Environment for your readers to Save a web page of your site for later viewing. Your reader's can even get them e-mailed to your e-mail address all for free.Although this widget is not fully customizable, they do come in different style's. Get The Widget Below!

     You can either use the scripts below or go to the site for more scripts.
    http://eco-safe.com/green/merit_badge



    <pre class="cpp" name="code"><script type="text/javascript">
    var ecov = "sv";
    document.write(unescape("%3Cscript src='http://eco-safe.com/js/eco.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <a href="http://www.theemolab.com/" target="_blank">TheEmoLab</a>
    </pre>

    Increasing Your Alexa Rank

    Introduction:


    Want to increase your aleax rank and get more views and become closer to being index first in google search? Then you should install the alexa toolbar.

    Whats Alexa Ranking

     Alexa is a website which provides information on traffic levels for websites. Alexa has been around for sometime, ranking and checking the traffic levels of millions of blogs and websites. Every time a user with the Alexa toolbar installed visits your site, you websites rank increases, therefor ranking you higher than other blogs and websites, giving you more exposer.

    The Important's Of Alexa Rank 

    The Alexa rank in your site is very important when you want to sell ad space on your site. The first thing Advertiser and Ad Networks are looking for are high ranking websites to buy Ad space on. Webmaster and Blog Owner's take Alex rank into consideration when it comes to linking to your site, exchanging links, and submitting guest posts.

    Increasing Your Alexa Rank

    The first step to increasing your Alexa Rank is to install the toolbar. Most likely you are the one visiting your blog more often then usual. Checking your stats, writing new post, and modifying the (X)HTML Codes. The toolbar checks every page rank, and in Chrome its very compact, you wouldn't even know it's there. You can install the Alexa toolbar here.

    Other Ways To Increase Your Alexa Rank

    There are other ways of increasing your Alexa Rank, simply by setting your blog / website as your hompage. "Every visits Counts". Also I fix computers after i'm done fixing, I install the Alexa toolbar to either Google Chrome Or Firefox Browser, Then set there homepage to my website.

    Write A Post On Alexa Rank

    When writing a post about Alexa Rank you might convince other reader's who normally visit your blog to install and writing about Alexa Rank, Thereby spreading knowledge and increasing your ranking as well.

    Enable Blogspot Mobile Version

    Today Blogger has added a special blogger feature we all have been waiting for to blogger. That special feature lets you gain more subscriber's, and easy navigate with in the site content through mobile internet. This mobile version of your feed will show the blogs title, the blogs description & thumbnail, along with the summary of the most recent post. Post pages shows only blogs title, blog description and post with images, and comments.




    To Install
    Navigate to the blog you want to manage, click settings, and click Email & Mobile,
    Mobile Template (Beta) Should be the first option, click Yes, On mobile devices, show the mobile version of my template. Now click Mobile Preview To Preview your blog in mobile format.

    If you see any error are experience any remember this is the beta version.

    Energy Saving Mode For Bloggers Blog

    Remember Earth Day a day when we were suppose to think green. Introducing Online Leave a simple way for your visitors to use less energy on your website when Inactive. Online Leaf is dedicated to making your website / blog echo friendly. This standby engine is a project developed to reduce power consumption, when generating and displaying a website, without changing user experience while using the website. To see example of the code wait 60sec. (image below)
    Untitled

    To install this tool Login to your Blogger [DashBoard] -- [Design] -- [Edit HTML] >>
    Find [</head>] And paste the below code just before it.
    <script language="javascript" type="text/javascript" src=”http://www.onlineleaf.com/savetheenvironment.js”></script>
    The script uses jQuery, so if you are using other Javascript libraries with it, make sure to use
    <script>jQuery.noConflict();</script>

    If you are using WordPress just download their plugin
    http://www.mediafire.com/?bdvs0rne4c0jz9e

    How To: Submit Blogger Blogspot Blog To Google Webmaster Tool



    What are Sitemaps?

    Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site. (Learn More)



    The big question is what are the benefit's of submitting blogger sitemap to Google Webmaster Tools. The Benefit's of submitting your site's blog to Google Webmaster Tools, you could monitor how Google is indexing your pages, monitor how many pages of your site thats been linked to, Know and see the indexing errors and also it tells you what people are searching in your search bar. 


    Lets help Google crawl your site more effectively.

    *Update~http://digitalinspiration.com/tools/blogger/sitemap/~*



    Step 1. Sign-into Google Webmaster Tools Here http://www.google.com/webmasters/


    Step 2. Log-in and click add a site map, Enter the URL of a site you'd like to manage.

    Step 3. Click continue, and remember you may have to verify that your the owner of the site. Once you verify that your the owner, click the site and head over to the Google site map and add these site maps. 




    atom.xml?redirect=false&start-index=1&max-results=100
    atom.xml?redirect=false&start-index=100&max-results=100
    atom.xml?redirect=false&start-index=200&max-results=100
    atom.xml?redirect=false&start-index=300&max-results=100
    feeds/posts/default?orderby=updated


    The submitted site maps should look like the onces below.



    A few days later head over to your Google webmaster tool dashboard and view your detailed statistics. These detailed statistics can help you further develop your website.


    How To: Speed Up Your Blogger Blogspot Blog by Compressing Css

     Speed Up Your Blogger Blogspot Blog by Compressing Css

    There are multiple ways one can think of to speed up there blog load times. It's really easy to get carried away with all of the widgets available for blogger today. Most of the times these scripts are third party scripts. But most importantly the css with in your template code is the biggest problem with most blogs today. There css code maybe either filled with to many comments and or have to many spaces with in them. Did you know that the more lines in your template takes up more time to load in a browser. The slower your site, the more likely your visitor is ready to leave. The best thing there is to do right now is to compress your blogger css code. Follow the steps below.


    How To Make Your Site Faster


    Step 1: Simply log into your blogger dashboard and select the blog you want to compress. once there click design. Note: Also we recommend backing up your template before continuing.



    Step 2: Next choose Edit Html once there clicking on Download Full Template will completely back-up your template.
    Step 3: When your template is backed up and ready for editing, click on expand widget templates and wait for the page to reload.

    Step 4: Once your template is expanded start looking for everything between the and tags. You want to copy everything between these lines. Note: Everything between these lines could be long.
    There paste your css code, then submit it and wait for your code to be generated. Note: It's Strongly Recommend To Leave The Setting As Is.

    Finally: Paste your generated code back between the and tags. Save your template, and browse your site and you should notice a boost in your blog's load time.








    Source For Almost Every Hack!

    About Me

    Powered by Blogger.

    Blog Archive

    About Us

    TheEmoLab - sponsored by IntenseNetwork

    Welcome to TheEmoLab, a blog which started in the technology field in May 2010, Here we are committed to focusing on post covering How To Guides, Cool and Useful Websites, Computer Tips, Hacking, Mobile, Social Networking, and other fields of interest. Launched in May 14, 2010 by Melvin Corney, we still consider our self a developing site, growing and expanding each and every day. Earning respect and reputation by different authors and readers.Read More>>

    Recommend us on Google!