How to Make Blog Fast.

Tips and tricks-2013 Hello, friends! Advance, I've posted about a technique to solve How to Make Blog Fast. That's Increase Blog Speed with CSS Compressor. But , i will discuss some problems to make blog quicker. Who don't want their blog become light, certainly all of bloggers want it because our visitors can search our blog easier.

Based on my encounter, there are some tricks to make blog quick:

Picture
Are you aware, pictures with large size can make our own blog become slower. So , it's much better to decrease the use large-size picture. In template and also posts. You may use Photoshop Save for Web & Device technique.

Widget
More than usage widget was one of problems which makes blog turn out to be slower. Especially if the widget contains heavy intrigue. It's good for you to delete some widgets that unuseful such as clock, music player, dog, games, and so on. Use useful golf widget such as related posts, most popular articles, or possibly Google Friend Link.

CSS as well as Javascript
As we knew, CSS and javascipt could make our blog become good looking. But the side-effect is it can make our blog become gradually. So you should decrease the usage or compress this for your blog. To compress Javascript, you may use Javascript Compressor.


Epilog Steps to make Blog Fast and Faster: I think great blog should have a good looking and fast launching. But , don't reduce your creativity on weblog. Stay blogging!

How To Add SEO Friendly Custom Permalinks for Blogger Posts

Tips and tricks How To Add SEO Friendly Custom Permalinks for Blogger Posts Blogger has introduced another new and very useful feature - specialty permalinks for blogger posts. Now you can use SEARCH friendly custom URL for blogger posts. Also the main thing there is not 39 character limit further in such a blogger custom permalinks.

To create the URL for a specific post, just click "permalink" and select "Custom URL", and enter your main customURL in the field given. If you wrote one of the post in July of 2012, your new URL may be like this:

http://YOURBLOG.blogspot.com/2012/07/customURL.html

One of the red colored bolded area is the portion of the ADDRESS that is customizable.

If the custom permanenter hyperlink you entered already exists, Blogger will attempt consider a free one for you.

Right now, the characters allowed in a custom URL can be limited to: a-z, A-Z, 0-1. One special characters available are underscore, dash, not to mention period.

How to place adsense ads inside Blogger blog Posts

How to place adsense ads inside Blogger blog Posts:
1.Sign in to your blogger dashboard>layout>Edit html
Check the box next to 'Expand Widget Templates'
2.Scroll down the window till you see this code
<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>
3.Replace that code in the template with the below code
<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>
4.Again,scroll down the template and find out data-post body tag and paste the below code just above that code{this will show ads above the post body.If you want ads to show below the post,paste the code below that tag.
Here is the code to paste:-
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>
That's it!
How to place adsense ads between Blog posts:
1.Sign in to your blogger dashboard>click on the layout link
2.Click on the Edit link in the "Blog Posts' column
..............a pop up window opens..........
3.Check the box next to 'Show ads between Posts'
next,configure the ads,choose the format,colours,etc and SAVE THE CHANGES.
That's it! Now your adsense ads will show between blog posts.

How To Install Dynamic Meta Description Tags

If you define a meta description tag for your home page it will be replicated for all your pages which would be taken as a duplicate ‘meta-tag’ in Google. With the code below you can have different description tag for each page of your blogspot hosted blog.

1.Login to your blogger dashboard-->layout--> Edit HTML

2.Scroll down to where you see this:-


<b:include data='blog' name='all-head-content'/>

3.Copy the below code and paste it after above code.


<META NAME='description' expr:content='data:blog.pageTitle + &quot;,PUT IN YOUR COMMON BLOG DESCRIPTION TAGS HERE &quot;'/>

Replace PUT IN YOUR COMMON BLOG DESCRIPTION TAGS HERE with suitable description for your blog separated by comma. So if your blog is about Blogger tips,the tags can be blogger tips,tricks,hacks,blogspot tips .....

expr:content= ‘data:blog.pageTitle’ gets replaced by the title of your current page.So when combined with the common description tags, the description tag becomes unique for each page.

4.Click on "Save Templates" and you are done.

(from this)

How to adding different meta descriptions to different Blogger Posts?

Exactly what is the use of adding different meta descriptions to different Blogger Posts?

It is quite good for SEO (Search Engine Optimisation). Actually, why we are incorporating meta tags is to tell search engines what that page is focused on... but , using same meta tags to all of your respective blog posts lessens the search engine rankings and traffic little bit.
But , if you add different unique meta tags to different Blog posts, it creates the search engines to know more about your individual blog posts and make these crawl and index your pages better and it also improves your Search engine rankings for certain; )

So , how to add this?

For this to happen, you have to add some pieces of codes to the web template.
First Sign in to Blogger dashboard » Layout » Edit html page and find this line

and add this code just below that line

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>

</b:if>

Now we have added meta tags to the homepage.
Next, you want to add meta description for your blogger post, for example let see how to add meta tags to below post :
http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html
This is the way to add meta tags to above post:

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html"'>

<meta content='How to add Paypal Button to your Blogger Blog, Adding Donations to your blog' name='description'/>

<meta content='Adding,Paypal,Donate,Button' name='keywords'/>

</b:if>

Now, what you have to do is pasting the above code below the home page meta tags and changing the link,description and keywords.
So, the final code now looks something like:

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/"'>

<meta content='DESCRIPTION' name='description'/>
<meta content='KEYWORDS' name='keywords'/>

</b:if>

<b:if cond='data:blog.url == "http://www.bloggertipandtrick.net/2009/03/how-to-add-paypal-donate-button-to-your.html"'>

<meta content='How to add Paypal Button to your Blogger Blog, Adding Donations to your blog' name='description'/>

<meta content='Adding,Paypal,Donate,Button' name='keywords'/>

</b:if>

Just like the above procedure, you can add different meta tags to as many blog posts as you can.

Back Links For a Blog

This is the very common phenomenon for each and every business point of the 21 st century maintain a website or simply a blog of its own where it can release all critical information relating
to its business. As such, it may possibly provide a very clear picture to the general public together with the government authorities about its accomplishing past and present performances and the various benefits which in turn it can avail to the interested gatherings. Now, once a website or blog may be designed and launched for the international
sphere, it is necessary with the concerned entity to add links to them in order to expand its webpage authority. However , this process of getting backlinks for a website or web site is not an easy phenomenon. Therefore , it is really important for an internet site . or blog developer to follow the appropriate and convenient ways to get backlinks to the respective website or blog.


Build Back Links For your Blog

Some such correct procedures to add links to a website and blogsite are as follows: -

1 . Usage of World wide web Directories
Here, the concerned website or blog must be submitted towards
web directory services. By doing this, the company which is certainly attempting to get back links for
its website or blog can give a precise indication to the people that its blog or website can be
accessed just after finding the same from the web directory. Each and every update of your blog or
website must be submitted to the web directory, an activity that must be completed within five
minutes if the content to be revealed to the directory is not that huge.

2 . Forum Placing a comment
The concerned organization should post updates or participate in voicing
activities executed of the forums so that it can gain a good publicity or popularity among the
internet surfers. These forums, therefore , are used in getting back links for a blog or
website. Nonetheless one thing that is to be kept in mind is that only such forums need to be chosen
which offer ‘Do Follow Options’. There are many forums all over which are not provided with
this particular option as they are barred because of the administrators. Lastly, a genuine signature
should be submitted coupled with anchor text as keyword before posting status and updates in
the community. One more thing that is to be looked into is that the providers posting comments or
updates should not get into spam.

3 or more. Link Baiting
In link baiting, the company is getting all the links to add to its blog or website from
other valid sources. Consequently, the concerned company can be assured of getting only the required
one way links for its blog or website and no other unnecessary stuffs since the links have been supplied
by authentic and specialized sources. It is, yet , not a very popular means of getting back
links to a web-site or a blog but at the same time, it can be a pretty systematic way of adding links
to websites and blogs only if it is placed in the right manner and hence, is still considered as an
critical way of adding back links to a company’s website or blog.

Free Blog Directories

This is awesome directory list for submit your blogs.
This is June updated list.Sometime it hard to submit
these all directories,However you can do it few per day.
Actually by submitting, you can get traffic and helps to
grow-up your blog.Tray to get more traffic.

http://www.dmoz.org/                              Page Rank 8
http://vlib.org/                                          Page Rank 8
http://ipl2.org/                                          Page Rank 8
http://www.321webmaster.com/               Page Rank 7
http://www.abc-directory.com/                 Page Rank 7
http://hidirectory.net/                                Page Rank 6
http://www.tamzone.com/                        Page Rank 6
http://www.scrubtheweb.com/                  Page Rank 6
http://www.archivd.com/                          Page Rank 6
http://www.smsweb.org/                           Page Rank 6
http://www.operationuplink.org/              Page Rank 6
http://www.dirdawn.com/                         Page Rank 6
http://www.hotfrog.com/                           Page Rank 6
http://www.accoona.com/                         Page Rank 6
http://www.ukinternetdirectory.net/          Page Rank 6
http://sumodirectory.com/                         Page Rank 6
http://www.freeprwebdirectory.com/        Page Rank 6
http://dirsharp.com/                                  Page Rank 6
http://www.ibeweb.org/                            Page Rank 6
http://www.ezilon.com/                             Page Rank 6
http://www.dirsharp.com/                         Page Rank 6
http://www.cyberteddy500.com/                Page Rank 6
http://directory.ac/                                     Page Rank 6
http://www.coreindex.com/                       Page Rank 6
http://www.rakcha.com/                            Page Rank 6
http://www.powerlinksdirectory.com/        Page Rank 6
http://www.risingdir.com/                          Page Rank 6
http://www.pascolibrary.com/                   Page Rank 6
http://www.linksbank.org/                         Page Rank 6
http://www.traveltourismdirectory.info/     Page Rank 6
http://www.canadawebdir.com/                Page Rank 6
http://nolosvotes.com/                               Page Rank 6
http://www.directorytribe.com/                 Page Rank 6
http://takrawworld.com/                            Page Rank 6
http://linkingfast.com/                               Page Rank 6
http://littlewebdirectory.com/                    Page Rank 5
http://arakne-links.com/                            Page Rank 5
http://tsection.com/                                   Page Rank 5
http://somuch.com/                                   Page Rank 6
http://gazingus.org/                                   Page Rank 5
http://counterdeal.com/                             Page Rank 5
http://www.sogo-link.info/                         Page Rank 5
http://chicagoix.com/                                 Page Rank 5
http://baikalglobal.com/                             Page Rank 5
http://surfsafely.com/                                  Page Rank 5
http://amphotech.com/                               Page Rank 5
http://www.skoobe.biz/                               Page Rank 5
http://allthewebsites.org/                            Page Rank 5
http://www.sitepromotiondiretory.com/      Page Rank 5
http://zepti.net/                                           Page Rank 5

Keep submitting, Cheers.

Basic SEO For Blogger

On this page, im gonna explain about SEO (Search Engine Optimization) who don't have idea about
basic thing. SEARCH ENGINE OPTIMIZATION is one of the method which optimizing website within an effective way. In the presents many more websites launched daily.
So , Now it become powerful online marketing technique which helps to placing a website higher
up to search result in search engine. It will call seo pleasant website.
Basic+SEO+Techniques+For+Blogger

Benefits of SEO

By using SEO upon website, It helps to get a huge numbers of relevant online traffic.
SEO helps you to get listed in top 10 position in main result in search engine, like Google, yahoo, Bing, BING.
So its mean
More traffic- more business
More business- more revenue
That's why performing seo is very important to your website.

SEARCH ENGINE OPTIMIZATION can divide in to two parts

On Page SEO
On page Search engine optimization mean optimizing process inside your website. It mean, optimizing website content material
HTML code, link structure. Optimizing resources are images, page name, link, sitemaps, keywords.
So , you have to transform your content quality and keywords. Meta tag also very important in on page optimisation. Therefore you have to use proper meta tag for your website. You may use title ta and alt tag for better seo.

Off web page SEO
Off page Seo mean, optimizing process outside of your website. Essentially it mean, Getting high quality backlink from other side and driving more traffic via website. So , there have lot of strategies, Such as Directory
distribution, Classifieds submission, business directory submission, Forum posting, social media optimisation. social bookmarking submission, email marketing, Search engine submissions, guest publishing, blog commenting and article submission. These are some of Link building techniques. So , if you can do this properly it will cover the off web page SEO well. Actually, Long term for SEO, Off page optimization is essential. it helps to drive more traffic to your site.

SEO is very important part for website business. Generally there have lot of campaign for it. I think you got the basic concept of seo and how it works and what beneficent you will get. I really hope to write more about to related to SEO. That's why i stared along with basic introduction. Keep in touch. Good luck.

How Start Traffic to a New Blog

There are lots of ways to get traffic to your page, but the tips on this article have concerns with getting traffic for your blog posts currently, as oppose to later.
Motive there is little advice on the best way to improve your blogs SEO, etcetera, because climbing up the search engines search engine pages takes time. These tips usually are things you can try currently to acheive targeted visitors tomorrow.blog-traffic

1 - Get involved in forums and online chats

This can be a first piece of advice that Google gives after you set up your first website and enroll
to their Google webmaster tools. Motive it is point number one, mainly because as a new blog you
should be joining with online chatter. You may not gain many direct traffic but it is an effective
way of ingratiating yourself and your site into the online community.

2 - Build a Facebook Fan Page

You will like way to get a little extra alternative activities your blog. People are going to land across
your Facebook fan page, if you are good enough at promoting your blog on there then you will
gain extra traffic. Fortunately that unlike building up your blog’s assist in,
your traffic from the Facebook Facebook page can start pouring in immediately.

several - Tweet about your Blog at least once on a daily basis

Tweets are great ways to grant a small amount of publicity to your blog. Many of your Tweets will be
ignored but some ones will get through and affect your traffic numbers in the event you post at least
once on a daily basis. Simply add an informative snippet associated with about your blog post and try to
summit a few people’s curiosity. (Twitter Traffic Driver For ones Site)

4 - Upload at least all 5 blog posts to start with

When you initially create your blog you may start with often the honorable idea of posting a new post
obtain, however if you want to ensure you get your traffic score rising you will need to get started with with
more than one post. Add all 5 posts to begin with, and then start adding just one post per week.

5 - Affiliate market your most shocking blog posts

It may cost you a lot of money in order to boost your blog attendance via online
advertising; however , you could try promoting a few of your more shocking or high quality site
posts. If you advertise the ones that you sense will turn viewers into loyal viewers, in that case it may act
as a good jump-start for ones blog.

6 - Comment on similar blogs and link up

Other blogs that happen to be related (in theme or genre) to your blog will likely be attended by
people interested in your page topics. Add comments to other blogs, if they allow links, you
should connection to your website or blog. It is a smart way to gain a little bit of direct targeted visitors.

7 - Pay for links pointing woman blog

There are legitimate directories used to pay for a link to the blog. This will improve
your personal blogs SEO and help you gain a little bit of strong traffic too. You could also pay a non-public
blog owner to allow you to set up a link on their blog.

8 rapid Participate in areas where your target audience records

There are forums and websites that your audience are bound to congregate. If there usually are
any interactive elements at all then you must engage. Even if you cannot add a link into your
fray, you must at least aim to stimulate a little bit of interest for your site, and mention your
blogs name so people search for it.

9 rapid Specifically target certain keywords in your blog

You might need to do a small amount of keyword research and pick between three in addition to five
keywords. You then need to add each at least three times to your writing, as well as
trying to place in a few synonyms too. You should also fit these keywords in your tagged keyword
portion. Targeting specific keywords may help to jump-start often the traffic you gain from the search
search engines (organic traffic).

10 - Use question in addition to answer websites frequently

They allow you to get solutions whilst adding a link. If you opt for the questions that relate to
the topic of your page posts then there is a good chance the fact that people reading the questions
and answers will observe you link. The good thing is that one could answer questions that are
based around any one you blog topics. You can answer something today about a topic you wrote
a writing for years ago. You can point the fresh link to your old blog post and people could
follow it and read your blog posts you posted years ago.

How to Write Your About Us Like a Profesional

Recently, I have seen a tech website which seemed fascinating with its content and style. I instantly felt an urge from inside to know more of the creators from the site and what how else I can take advantage of it. I rolled my eyes throughout the webpage and I was dumbfounded once i realized that
there was nothing for example an About Us page or any some other way which i could learn more of the people behind thepleasing function.
 I was reckoning on how a site may miss onhaving such a vital page within the site.

About-Us-Page
I could happen to be even more fascinated and may be even been the follower of the webmaster and eventually his or her some other blogs/sites too, only if I had a method to know him/her better. I highly recommend happened to miss on such a chance. Just adds up to your online reputation and web expert. Furthermore, your about us page, if suitably used can get your business leads and advertisers for the site.

Here are some ways it is good following in order to make a compelling Tentang kami or About Me page for your loved blog/website :

1 . Display you: The moment a visitor from the about us page looks at the faces of the testers
behind the site, they feel much more connected. Because they like being connected to people more than
Brand’s logos. Hence incorporating your own picture along with a brief intro about you functions
wonders. You can add what amuses a person, what is your aim (better be it associated with the site/blog/the
niche), your values along with a favorite quote. Embedding a link for your personal profiles like
Facebook, G &, Twitter, etc ., may help create your authority and strike a sentimental value using the
reader.

2 . Bragging is actually allowed: Technically the one place you are able to brag about your work and your blog may be the
About Us page. But hay; make sure that it’s reasonable and believable. Fake claims will definitely make
your potential leads never reverse to you. Tell something you achieved a few regular
compliments you get (but don’t make it as well obvious).

3. Prove you are a professional: Your about us page is among the most likely pages to be visited through at least
40% (that again depends on your projects on other pages). Take full advantage of this. Show people
through this page that you will be a pro in your niche. Using of these can help-

Display testimonials of your mouth happy and satisfied clients.
Display a listing of other brands you worked with (preferably their own logos).
Display badges you won as part numerous contests in your niche.
Display a listing of other sites, blogs, brands you possess.

4. Tell how your company could be of help: Address this essential question which lots of people
happen to question upon –
What is in it for me personally?
Tell them how they could take advantage of being a regular visitor of the blog/site.
Inform them how valuable they are for you and just how much you are already
doing and do for them.
Make them fully which you are not pushy, are genuine as well as care for their
safety and wellness.

This, I believe, is considered the most comprehensive list of things that an effective Tentang kami page must possess. Let me know your sights and how you implement your blog’s About Us web page. And if you still don’t have one, I am pretty sure that is the next thing you are likely to do.

SketchUp Pro Case Study: Environmental Air Systems

Environmental Air Systems (EAS) is a full service mechanical contractor based in North Carolina specializing in mechanical systems for health care, pharmaceutical, and data centers. EAS also has unique capabilities for Off-Site Construction (OSC), which allows for the manufacture of a wide range of products from mechanical skids and air handling units, to full central utility plants and large scale modular data centers.

With SketchUp Pro, Environmental Air Systems has been able to improve communication with their clients as well as increase their Off-Site Construction productivity. Carroll Shephard is the Production Design Coordinator for EAS, and also one of their SketchUp champions. He spoke with us about how EAS uses SketchUp.

SketchUp at EAS
Back in 2007, EAS was working on two data center projects. In an effort to create a more accurate and visual as-built of the product, we switched to SketchUp. We provided our client with an AutoCAD version along with the SketchUp as-built model. The client really liked that we gave them something more visually rich through SketchUp. Since then, we have transitioned all of our production drawings to SketchUp. Now, we are adding SketchUp to more processes than ever.

With SketchUp, we don’t spend a lot of time learning the software, and because it’s so intuitive, we’ve reached a point where we can rapidly turn detailed models into coordinated production drawings for our manufacturing facilities. Then, we generate material lists with an extension plugin.

The use of 3rd party plugins, like Space Design by RenderPlus, allows  for custom report generation directly out of SketchUp

SketchUp has changed the way we design as it enables us to transition from 2D to 3D. The advantage of working in 3D is that our product is “virtually built” before materials are ever ordered. Previously, we coordinated parts by calculating the clearances needed using a calculator or spreadsheet. Now, all the drawings (previously made using AutoCAD) are produced in SketchUp. From there, we have been able to coordinate our products using Navisworks (and we’re now experimenting with Tekla BIMSight).

SketchUp Pro & Client Communication
While communicating with clients, SketchUp most often plays the role of a visual aid. For example, we recently worked on the preliminary design of a pipe rack system to be installed in a pharmaceutical facility. With SketchUp, we were able to model the pipe rack exactly as it would be installed (a retrofit situation). The SketchUp model helped the marketing group clearly communicate the scope of work and make sure that our design was meeting or exceeding client expectations.

Rendered models help clients visualize how projects will look after completion

We also generate concept renderings for potential clients. These allow our clients to see what their project will look like once completed. So to a real extent, we also use SketchUp as both a sales and design-build tool: it enables us to show potential clients our solution for their specific application and then it helps us produce accurate, detailed drawings quickly. Both of these advantages enable us to be more successful and it has been a driving force on many projects.

Guest authored by Carroll Shephard, Environmental Air Systems, LLC

Smooth Jquery Featured Post Slideshow For Blogger

This unique tutorial will shows you how to add featured content summary to show your featured post to your readers. This unique slideshow is very easy to setup and can easily process width and height to match your template. All of them with you can change the speed of this summary easily. Default width is 550px and Default height is normally 200px. I think you will love this summary. You can see the DEMO of this widget after this.

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just before the </head> tag .

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'>
//<![CDATA[

/* ------------------------------------------------------------------------
 s3Slider

 Developped By: Boban Karišik -> http://www.serie3.info/
 CSS Help: Mészáros Róbert -> http://www.perspectived.com/
 Version: 1.0

 Copyright: Feel free to redistribute the script/modify it, as
      long as you leave my infos at the top.
-------------------------------------------------------------------------- */

(function($){

$.fn.s3Slider = function(vars) {

 var element     = this;
 var timeOut     = (vars.timeOut != undefined) ? vars.timeOut : 4000;
 var current     = null;
 var timeOutFn   = null;
 var faderStat   = true;
 var mOver       = false;
 var items       = $("#" + element[0].id + "Content ." + element[0].id + "Image");
 var itemsSpan   = $("#" + element[0].id + "Content ." + element[0].id + "Image span");

 items.each(function(i) {

     $(items[i]).mouseover(function() {
        mOver = true;
     });

     $(items[i]).mouseout(function() {
         mOver   = false;
         fadeElement(true);
     });

 });

 var fadeElement = function(isMouseOut) {
     var thisTimeOut = (isMouseOut) ? (timeOut/2) : timeOut;
     thisTimeOut = (faderStat) ? 10 : thisTimeOut;
     if(items.length > 0) {
         timeOutFn = setTimeout(makeSlider, thisTimeOut);
     } else {
         console.log("Poof..");
     }
 }

 var makeSlider = function() {
     current = (current != null) ? current : items[(items.length-1)];
     var currNo      = jQuery.inArray(current, items) + 1
     currNo = (currNo == items.length) ? 0 : (currNo - 1);
     var newMargin   = $(element).width() * currNo;
     if(faderStat == true) {
         if(!mOver) {
             $(items[currNo]).fadeIn((timeOut/6), function() {
                 if($(itemsSpan[currNo]).css('bottom') == 0) {
                     $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                         faderStat = false;
                         current = items[currNo];
                         if(!mOver) {
                             fadeElement(false);
                         }
                     });
                 } else {
                     $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                         faderStat = false;
                         current = items[currNo];
                         if(!mOver) {
                             fadeElement(false);
                         }
                     });
                 }
             });
         }
     } else {
         if(!mOver) {
             if($(itemsSpan[currNo]).css('bottom') == 0) {
                 $(itemsSpan[currNo]).slideDown((timeOut/6), function() {
                     $(items[currNo]).fadeOut((timeOut/6), function() {
                         faderStat = true;
                         current = items[(currNo+1)];
                         if(!mOver) {
                             fadeElement(false);
                         }
                     });
                 });
             } else {
                 $(itemsSpan[currNo]).slideUp((timeOut/6), function() {
                 $(items[currNo]).fadeOut((timeOut/6), function() {
                         faderStat = true;
                         current = items[(currNo+1)];
                         if(!mOver) {
                             fadeElement(false);
                         }
                     });
                 });
             }
         }
     }
 }

 makeSlider();

};

})(jQuery);

//]]>
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
<style type='text/css'>
#s3slider {
background:#000000;
border:1px solid #818e8f;
width: 550px;
height: 200px;
position: relative;
overflow: hidden;
}
#s3sliderContent {
width: 550px;
position: absolute;
top:0px;
padding: 0px;
margin: 0px;
}
.s3sliderImage {
float: left;
position: relative;
display: none;
}
.s3sliderImage span {
position: absolute;
left: 0;
font: 20px Trebuchet MS, sans-serif;
padding: 10px 0px;
width: 550px;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
color: #fff;
display: none;
bottom: 0;
text-align:center;
}
.clear {
clear: both;
}
</style>

 NOTE : To change the speed of slideshow, change the value 4000.
4.Save your template.
5.Now go to Layout-->Page Element and click on "Add a gadget".
6.Select "html/java script" and add the code given below and click save.

<div id="s3slider">
<ul id="s3sliderContent">

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrTCBPF7O-p-BeWrQmXo5Mc9oZKDZmW_hQJIZZbIcfo0LS4B8MthEuP8kMTXc31XVTF1ua7b1KPDZL7vROsEc4H3GHt8KYC32aQGNhsjzHURfTwTel4F6Dr_skEPspqGU8IZw4xQAL0kwj/s1600/Crysis-11.jpg" /><span>Crysis : Download Full Version</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zwIitwDNPS_tW5WPb_MWDoLEOC4ORBegSFLNMzJ47sxWAXH7CKVDYc4nLFvRA7NLg26HRsgfEYJhVRxr4ms-Op_1hbmi9LBKUkAczTaaaDh55g_hexZyF8A6Tjxe1EMfeqE2whA7tkJ9/" /><span>Halo 3 : Play Game Online</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5tKOnogfMQq4L60Y6-Bi6eet5Dfvo-beU5VuF5HaAPCgeMzVKBiqntxSPHsKK568tux2hTxqyfeDA4F_8W7LsxYTa1n3z89WLHy-6gxUUa5cUshWNOvhsdUbVoQvUjoDVoluiy1nMnAP1/" /><span>Avatar : Watch Movie Now !!!</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWl2-fxYTq_5U5pjwy-xOYKHX8Ik5JCenUofoGpkA3uqBqVD9Jie3mJOgQ0AtFFEHNTSUNm9UsuEc2cVYVpx8Jct6_hLiSFb-QWUb3dMnDkHtmdIQ3HuL_n6AP8vF11RTU1LBMw_cLlYbq/s1600/call+of+duty-11.jpg" /><span>Call Of Duty 4 : Get Here</span></a></li>

<li class="s3sliderImage"></li>
</ul>
</div>

<div class='clear'></div>

NOTE : Replace YOUR-LINK-HERE and images with your content.
Now you have successfully installed this slide show to your site.

How To Add Auto ‘Read More’ Feature with Thumbnails

It nice trick will automatically create post summaries with the help of thumbnails. You don't need to add any extra html code in every blogger post that you make

1.Go to "Template" --> "Edit HTML" of your blog.
2.Click on "Expand Widget Templates"
3.Scroll down to where you see </head> tag.
4.Now add below code just before </head> tag.

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150; 
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }

 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}

//]]>
</script>

Note : You can change below values as your choice.
summary_noimg : number of character to display when there is no image.
summary_img : number of character to display when there is an image.
img_thumb_height : hight of the post thumbnails.
img_thumb_width : width of the post thumbnails.

5.Now Scroll down to where you see this:

<data:post.body/>

6.Replace above code with below code.

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div style='float:right;margin-right:10px;margin-top:5px;'>
<a expr:href='data:post.url'>Read More</a>
</div>
</b:if>
</b:if>

7.Now save your template and you are done.

How Add META TAGS to Blogger(blogspot) blogs

Creating meta tags you can get get more traffic from google, Yahoo, Bing, and so forth Especially the meta description is the most important single.

Meta tags are the tags which is the word for your site and tells the search engines what your web pages is all about. Adding meta tags is a vital factor in SEO. (Search Vehicle Optimization). Meta tags allows search engines to index your online pages more accurately. In other words, Obiettivo tags communicate with the search engines and tells considerably more about your site and make it index correctly and then accurately.

We must add two main obiettivo tags to the head section of the template. You were the Meta description which describes your site and another pill is Meta Keywords which tells about your web pages keywords(what your site is all about)

Here is how to add meta tags to your blogger(blogspot) blog:
1.Go to "Template" --> "Edit HTML" of your blog.

2.Find this code:

<b:include data='blog' name='all-head-content'/>

3.Now add below code just after the above code.

<meta content='DESCRIPTION HERE' name='description'/>
<meta content='KEYWORDS HERE' name='keywords'/>
<meta content='AUTHOR NAME HERE' name='author'/>

Look at the example below:

Replace,
DESCRIPTION HERE: Write your real blog description
KEYWORDS: Write the keywords of your blog
AUTHOR NAME: Write the author's name(Your name)


How to add more name in author name and in keywords.
whether with space or comma? separate them by commas.




Now protect your template. You have successfully added meta tags to your own blogger blog.