.

Five Page Navigation Styles For Blogger - Part 1


This is the Part 1 of this Tutorial. This Tutorial is about how  to change Page Navigation Style for blogger with Five Page Navigation Styles. I am pretty sure, you will like these styles. The most important thing in this tutorial is that this Tutorial is lengthy so it will take your time to change Page Navigation Style for blogger, because this is the Part 1 of this tutorial. But you don't have to worry about this because i have arrange this tutorial so that you find easy to perform these following steps and that's why i divided this tutorial in two parts.

This is the view of those Page Navigations Styles.


Style 1
.blog-pager,#blog-pager{  font-family:"Times New Roman", Times, serif;  font-weight:normal;  font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px;  text-decoration:none;  color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap;  } .showpageNum a:hover,.showpage a:hover {  background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint {  background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB;  margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}

Style 2 
.blog-pager,#blog-pager{  font-family:"Times New Roman", Times, serif;  font-weight:normal;  font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px;  text-decoration:none;  color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap;  } .showpageNum a:hover,.showpage a:hover {  background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint {  background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB;  margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}

Style 3 
.blog-pager,#blog-pager{  font-family:"Times New Roman", Times, serif;  font-weight:normal;  font-size:11px; } .showpageNum a,.showpage a { background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x; border:1px solid #97a7af; margin:0px 1px 0 1px;padding:3px 8px;  text-decoration:none;  color:#FF5917;line-height:14px;cursor:pointer;white-space:nowrap;  } .showpageNum a:hover,.showpage a:hover {  background-image:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') repeat-x 0 -200px; text-decoration: none; color: #31627e; }.showpageOf{ margin:0 8px 0 0; display:none; }.showpagePoint {  background: url('http://i1133.photobucket.com/albums/m596/abu-farhan/wktop.gif') 0 -240px no-repeat; color: #BBB;  margin:0 3px 0 3px;padding:3px 8px; line-height:14px;cursor:pointer;white-space:nowrap;border:1px solid #CCCCCC;text-decoration:none;}

Style 4 
.blog-pager,#blog-pager{  font-family:"Times New Roman", Times, serif;  font-weight:normal;  font-size:12px;  width:500px;} .showpageNum a,.showpage a {  background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg.png') repeat-x;  border:1px solid #97a7af;  margin:0px 1px 0 1px;padding:3px 8px;  text-decoration:none;  color:#333;line-height:14px;cursor:pointer;white-space:nowrap;  -webkit-border-radius:3px;-moz-border-radius:3px;  } .showpageNum a:hover,.showpage a:hover {  background-image:url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png');  border:1px solid #e4905a;color:#e4905a;text-decoration:none;  }.showpageOf{  margin:0 8px 0 0;  }.showpagePoint {  background:transparent url('http://i1133.photobucket.com/albums/m596/abu-farhan/gbtn-bg-sel.png') repeat-x;  margin:0 3px 0 3px;padding:3px 8px;  line-height:14px;cursor:pointer;white-space:nowrap;  -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #e4905a;color:#333;text-decoration:none;font-weight:bold;  }

Style 5 
.blog-pager,#blog-pager{  background: url("http://i1133.photobucket.com/albums/m596/abu-farhan/amazon1.gif") repeat-x;  font-size:12px;  font-family:"Times New Roman", Times, serif;  border-top: 1px solid #d0eaf8;  border-bottom: 1px solid #d0eaf8;  font-weight:normal; } .showpageNum,.showpage,.showpagePoint{margin:0 4px 0 4px; }.showpageNum a,.showpage a {  text-decoration: none;  padding: 6px;color: #055d90;  white-space: nowrap;  } .showpageNum a:hover,.showpage a:hover {  padding: 5px;  border: 1px solid #055d90;  text-decoration: none;  color: #055d90;  white-space: nowrap;background: #fff;  }.showpageOf{  display:none;  }.showpagePoint {  color:#000000;  }

Step 1:
1: Go To Blogger > Design > Page Elements
2: Don't check the "Expand widget Templates" box
3: Search for ]]></b:skin>

4: Copy your desired css script from above
5: Just before ]]></b:skin>  paste the css script

Step 2: 
6:  Search for </body>
7: Just before </body>  paste this: 
<script type='text/javascript'>;var home_page='/';var urlactivepage=location.href;var postperpage=7;var numshowpage=4;var upPageWord ='Prev';var downPageWord ='Next';</script>;<script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'></script>
Change this based on your blog setting:
var postperpage=7;
var numshowpage=4;
postperpage : How many posts per page for your blog.numshowpage : How many number will show in your page navigation.
Just change the numbers only.

8: Save it.
Step 3: 
9:  Again go to the Edit HTML page and check the "Expand widget Templates" box
10: Search for this:
'data:label.url'

11: Replace this with:
'data:label.url + &quot;?&amp;max-results=7&quot;'
Change 7 base on how many post per page you want to show.

12: Save it. You are done.


Short Hairstyle 02


Short hair is definitely not the most popular cuts but short hairstyles do have a lot of perks with the level of care needed and the variety of cute and flirty styles available. The problem with a shorter cut is that women feel a lack of safety because longer hair seems to provide a shield whereas shorter hair opens up the facial area more including any areas we are uncomfortable with. However, short hairstyles bring out a lot of features as well such as the nose, lips, eyes and other feminine features. The shorter hair is also easier to care for, as it is easy to keep the hair moisturized and kept clean from root to tips.

For women wanting to go with a shorter cut, there is definitely some planning to do to get the desired look. First should be the actually length which could be anywhere from a bob to a short crop like Natalie Portman wore at one time. The length could make a major difference, as certain faces are more complimentary to shorter hair with some length rather than very short crops. The second consideration should be softening features like a fringe or hair that's tapered to the face. These extra features can help add a finish to the hairstyle as well as make it more complimentary to individual faces. The last consideration is to determine the texture, which can include spiky, smooth, pieced, and others. The texture can be vital to certain hairstyles as it gives the hair its visual appeal aside from other factors.

The variety of short cuts allows women to switch up their appearance by just styling in different ways or changing up the texture. Many women who have decided against short cuts should try on different ways of styling before making up their mind. One short hairstyle might look terrible but another might look dazzling. Just by changing lengths, adding different texture, or combining softening features, a short hairstyle can become a beautiful look. The following are all great examples of short hairstyles that women should take a look at who want short hair or want to freshen up their look.









Tom & Jerry Cartoon Photos


Tom & Jerry is a series of theatrical cartoons films that is never ending rivalry between a Cat (Tom) and a mouse (Jerry) whose battles and chases often involved comic violence. I am sure you had watch Tom & Jerry on TV and also want to watch now and again and again. So enjoy their HD wallpapers and photos. Download these and make it your desktop wallpaper or share on facebook. Share your feelings with friends make them laugh.

Don't forget to like us on Facebook. Always stay connected and comment us for more information.

Tom & Jerry

Tom and Jerry Cartoon Photos

Jerry Love

Tom and Jerry Cartoon Photos

Jerry

Tom and Jerry Cartoon Photos

Tom Fight

Tom and Jerry Cartoon Photos

Jerry Wins

Tom and Jerry Cartoon Photos

Theme

Tom and Jerry Cartoon Photos

Friends

Tom and Jerry Cartoon Photos

Tom ......

Tom and Jerry Cartoon Photos

Jerry Wins 

Tom and Jerry Cartoon Photos

Jerry's Fun

Tom and Jerry Cartoon Photos

Dance Floor

Tom and Jerry Cartoon Photos


T & J Cartoon

Tom and Jerry

Jerry Begins

Tom and Jerry

Ahan

Tom and Jerry

Lie

Tom and Jerry

Tom Hehe

Tom and Jerry

Tom and Jerry

Tom and Jerry

Little Tom

Tom and Jerry

Ohooo

Tom and Jerry

Childhood

Tom and Jerry

Tom & Harry

Tom and Jerry

Tom Hitler

Tom and Jerry

Love

Tom and Jerry

Friendship

Tom and Jerry

Friends 4ever

Tom and Jerry photos

Hmmm

Tom and Jerry photos

White Background

Tom and Jerry photos


Related Articles: