We always attract a great design layout or content when you click on the website, but rarelynoticed textures and patterns used. If only the background color, many websites are not asimpressive as today.

Patterns can be simply repeating the stipes simple or dots, others may be more difficultwith a complex combination of images and colors. The employer must go with the overall style of the website, or it could be something distractvie and annoying.

We gathered another 80 exciting new models. Best of all, they are free to use. What are you waiting for? Use it on the website and put your brand new visitor !!




Click here and Get 80 free Blogger Pattern. 

Meta Tag has significant important of a website. If you don't know about adding meta tag in Blogger, here a detailed information about adding meta tag in your blogger website.

Importance of Meta Tag 
Meta Tags are such things by which the search engine find out the web  site. In web search the meta description will be shown. Meta key words also important in Search Engine Optimization. It also increase the  PR of webpage.


How to Add Meta Tag in Blogger (Blogspot):

• Sign in to Blogger.com
• Goto Template > Edit Html
• Click Proceed 
• Ctrl + F 
• find <head>

Copy and Paste the following after <head> :

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

Here the procedure 

Today's tutorial is about ‘How to add page number widget in Blogger’.
Page number Navigation is really an awesome feature in Blogger.


Okay let’s start…………..
First of all…….who are bad at HTML they can easily add page number widget blogger. Just click the link and add your page navigation. :) It’s easy.

Now the complicated part for the advance users.

If you installed the widget you shouldn’t be here.. Scroll down to the label fix..

• Login to your Blogger Dashboard.
• Go to design>Edit HTML
• Keep unchecked “Expand Widget Templates”
• Now search

]]></b:skin>

and replace it with

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

.showpageNum a:link,.showpage a:link {

text-decoration:none;

color:#333333;

}

]]></b:skin>

This is the CSS part if want you can modify it according to your need.

• Now the java script Part now find
  

</body>

and replace it with

<!--Page Navigation Starts-->

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>

</b:if>

</b:if>

<!--Page Navigation Ends -->

</body>

As you can see,there are some customizable parameters in this code

var pageCount=5;

This code determines the number of posts that would be displayed per page.

var displayPageNum=5;

This code determines the number of additional page navigation numbers that will be displayed on the page.

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

These two lines determine the text that would be shown for the previous page and next page respectively.

Label Fix

Now we have another problem.By default,the blogger label pages will show 20 posts.We will have to cut this down to the value that we gave for the variable pageCount (or the posts per page).For this we will have to edit our template

How to Edit the template to cut short the posts per page?

Go to the Edit HTML page and expand the Widget Templates

Now find each occurrence of

'data:label.url'

(including the quotes) and replace each of it with

'data:label.url + &quot;?&amp;max-results=5&quot;'

Here 5 is the number of posts to be displayed per page.

Now if you are using the label cloud widget by phydeaux3,then find

a.href = &#39;/search/label/&#39;+encodeURIComponent(t);

and replace it with

a.href = &#39;/search/label/&#39;+encodeURIComponent(t)+&#39;?&amp;max-results=5&#39;;

Here also 5 is the number of posts to be displayed per page.

Now you should have the Blogger Page Navigation workng perfectly on your blog. :)

Courtesy http://www.bloggerplugins.org