New Hairstyles: June 2012

Jquery Slideshow For Blogger

√

Image slideshow Widget for Blogger blog. This widget is different from its previous versions with regard to speed, load time, navigation and control options. This widget is an extracted code from a WordPress template. The slider is coded such that it will appear on your homepage.

Now follow these steps:

Go To Blogger > Design > Edit HTML
Backup your template >Important<
Search for </head>
Just above it paste the jQuery code in this page -> Slider jQuery Code
Then search for ]]></b:skin>
Just above it paste the CSS code below,

/*-------------------- jQuery Image Slider -------------*/
.featuredposts{border:1px solid #E9E7DE;width:608px;background:#FFF;margin:0 0 10px 0;height:400px;overflow:hidden;}
.fp-slides{}
.fp-post{padding:13px;}
.fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;}
.fp-thumbnail:hover{border:3px solid #CAC9C9;width:580px;height:266px;margin-bottom:10px;overflow:hidden;}
.fp-title{color:#787878;font:bold 14px Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; text-transform:uppercase;}
.fp-title a{color:#000;text-decoration:none;}
.fp-title a:hover{color:#0080fF;text-decoration:none;}
.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif;}
.fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;}
.fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;}
.fp-nav{width:590px;padding:0px 10px;height:14px;}
.fp-pager a{background-image:url();cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0;}
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;}
.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX1lbDtBcba4pHCGO2fWxHt2scepFNSoP-vt1eL9iylrB9_dfx8BK6V5zxZS5N9FZh3DBipJK-bjTAIER46arSPVEFIieD1wQDK0yxRdsO1MAgj_PxM-1J81zbsTpfmB62V8lAQWpCPe0/s1600/featured-prev.png) top left no-repeat;}
.fp-prev:hover{opacity:1;}
.fp-prev:active{opacity:0.7;}
.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-C_F_v2pijGbKkNbN1terD4YYtfJZqH3v7anN8chOMmuVb-wsfYC0X_7A0SzQcpaa1uE0ZYF6FU4X5nlDYu1ECVImWiq_YW-bRWVQfijy40Bc2pRTzmFg_cllyt0OboDGg3FA8C6N60/s1600/featured-next.png;) top left no-repeat}
.fp-next:hover{opacity:1;}
.fp-next:active{opacity:0.7;}

7. Now Search for this,

<div id='main-wrapper'>

Hint: This code is located near <div id='content-wrapper'>
PS: In this part most of you will face problems as the coding for each template differ. If you could not find this code then do not panic and simply post your Blog URL in the comment box.
8. and just below it add the HTML code below,

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>

<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-1 HERE'><img src='ADD IMAGE-1 LINK HERE'/></a></div><h3 class='fp-title'><a href='ADD POST URL-1 HERE'>WRITE POST TITLE HERE...</a></h3> <p>WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-2 HERE'><img src='ADD IMAGE-2 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-2 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-3 HERE'><img src='ADD IMAGE-3 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-3 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-4 HERE'><img src='ADD IMAGE-4 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-4 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-5 HERE'><img src='ADD IMAGE-5 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-5 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
</div>
<div class='fp-nav clearfix'>
<span class='fp-pager'/>
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>

</div>

</b:if></b:if>

Make these changes:

Replace ADD POST URL-1, 2, 3, 4, 5 HERE with the URL of your post pages one by one. These URLs will be added twice for each slide. Once for the image and second time for the Post title.
Replace ADD IMAGE-5 LINK HERE with the Image link of the Featured post. By default all images have width:580px; height:266px; You can edit the image size by editing the width and height in the CSS code shared in step#6. Make sure all your images must have same size
Replace WRITE POST TITLE HERE... with the title of your Post Page
Replace WRITE POST DESCRIPTION HERE with the Post Page description. You can write the first few lines of your post here and the readers can read the full post by clicking the title.
To Change the Overall size of the slider container then edit in step#6 the following two codes -> width:608px and height:400px

9. Save your template and you are done! Visit your blog.

How to Create Drop Down Menu

How to Build Your Website

How to make a free Website

Make A Blog In Two Steps

How To Change Blogger Template

How to Increase Blog Traffic (Free SEO)

Awesome Professional Blogger Templates

Short Hairstyle 01

√ Think Audrey Hepburn

Short hairstyles, like most styles, come in and out of fashion regularly, but they usually spend more time "in" than out.

Recently, a long layered hair style was at the forefront of the beauty industry, but more recently, women have once again embraced the freedom and surprising versatility of short hairstyles.

If you look at a picture of short hairstyles from the 1920's, you'll see that the hair is "marcelled." This was a process by which women's hairstyle was coaxed into tight, head-hugging waves. But if you look at a picture of short hairstyles from the 60's, you'll see that the women's hairstyle of that era was straight...often rolled on giant coffee cans to achieve the right effect.

The decision to trade in a long-layered hair style for one of the new short hairstyles should be one that any woman makes with the help of her stylist.

Layered Hairstyles

√ Layered hairstyles are among the best hairstyles and look good on almost all types of hair lengths. It is considered to be the simplest addition to the normal hairstyle yet it changes the complete look of an individual. These hairstyles increase volume and are just enough make anyone stylish and look beautiful.

To have a look of the layered haircut, one just needs to cut hairs into different layers. The uppermost layer is the chin length or just touching the ears or may be beginning with fringes and locks. Thereafter the length keeps on increasing and the layers are appropriately given. Some people have their entire hair length layered and some may just have the lower hairs layered. It completely depends on the individual preference. Colors and highlights can add elegance to the hairstyle. A combination of colors can be used on layered haircuts, giving way to innovative styles and looks.

Layers provide variations depending on different hair lengths like short layers, choppy layers, long layers and other styling additions as well. Short-layered hairstyles are rarely seen but are still popular with long layers at both front and sides. Short hairdos can go up to one or two layers. Layers will jazz up any short hair cut.

For medium length there are plenty of variations for layers. Razor is used to slice the front part of the hair and then appropriate layers are cut. The front bang forms the facial framing and gives a smooth and tapered effect.

Having long hair is always advantageous. If the hair length is long, layered hairstyles are most preferred. The hairstyle can be accentuated with highlights. Long layered hairstyles offer many different styling options and look great on oval and long facial shapes. The first layer begins at the eye level or the ear level and then the layers keep on increasing till the complete hair length. The longest layer at the bottom can either be U shape or straight. For long hairs nothing can be more attractive and stylish than a layered long hairstyle.

30+ Awesome & Special Love Quotes

√

Here is some special... Love Quotes... Love is an emotion of strong affection and personal relation. Love often refer to a variety of feelings, attitude ranging from pleasure to interpersonal atrractions. Romeo and Julliet makes the history of a true love. Quote is a repetition of someone else thought. Words of another speaker or writer both abbriviated as quote.

Love Quotes of different writes you can see below.... Most famous, popular and mind blowing collection of quotes is available below...... Use it, share it with your beloved and make your chosen quote image as a profile picture....There is also something extra.

To download eye catching Hd wallpapers Follow this link.

To download facebook cover photos please Follow this link .

Catch us on Facebook. Please like and comment us and give your feedback which is very important to us. Thank You

Author: Zain Raza