Customize Blogger's Popular Posts Widget : 7 Different Styles

Customize Blogger's Popular Posts Widget : 7 Different Styles

5:53 AM 0
You can add a 'Popular Posts' widget to Blogger easily from the 'Layout' of you blog.  In this post I am going to show you how to customize the official popular post widget given by Blogger. The most important thing is we are not going to add any JavaScript/HTML widget here. We just change the look of it.

This is a worthy approach to keep your visitors busy and enable them to spend more time on your blog.
At first you have to add the widget given by blogger to your blog. If you already added ignore this step.

Steps

  1. Go to Blogger > Layout > Add a Gadget > Popular Posts
  2. Make settings on widget (whether showing image thumbnail and snippet) and Save
  3. Go to Template > Edit HTML > Find ]]></b:skin>
  4. And paste given CSS Code just above it. And Save the Template.
Popular-Post-Widget-Blogger

Make these settings for style 1,2,3,4. You can change change the number of posts as your wish.widget-settings-1
Make bellow setting for style 5,6,7. You can change the number of posts.
blogger-popular-post-customize

Style 01

.popular-posts ul{padding-left:0px;}
    .popular-posts ul li {background: #ffffff  no-repeat scroll 5px 10px;
    list-style-type: none;
    margin:0 0 5px 0px;
    padding:5px 5px 5px 20px !important;
    border: 1px solid #dddddd;
    border-radius:7px;
    -moz-border-radius:7px;
    -webkit-border-radius:7px;
    }
    .popular-posts ul li:hover {
        border:1px solid #555555;
    }

.popular-posts ul li a
{
text-decoration:none;
font:16px Georgia, verdana;
color:#333333;
}
    .popular-posts ul li a:hover {
    text-decoration:none;
    color:#555555;
    }


Style 2

/***** Popular Post *****/
.popular-posts ul { padding-left: 0;
counter-reset: trackit;
}
.popular-posts ul li {
border-bottom: 1px solid #f0f0f0;
list-style: none outside none !important;
margin-left: 0 !important;
overflow: hidden;
padding: 10px 0 !important;
transition: all 0.25s linear 0s;
counter-increment: trackit;
}
.PopularPosts .item-thumbnail img {
display:none }
#PopularPosts1 a, #PopularPosts1 a:hover{
color:#959595;
font-size:.9rem
}
.widget-content.popular-posts {
border-top: 1px solid #CCC;
padding: 2.5em 0 0;
margin: -25px 0 0 0;
}
#PopularPosts1 li{
padding-right: 1em !important;
padding-left: 1em !important;
}
#PopularPosts1 ul li:before{
content: counters(trackit, ".");
padding: 0 .1em 0 0;
font-size: 20px;
font-weight: bold;
color: #C4C4C4;
}
#PopularPosts1 li:first-child{
border-top:1px solid #f0f0f0
}
#PopularPosts1 li:nth-child(odd)
{background:#f5f5f5
}
#PopularPosts1 h2{
padding-right:.4em;
padding-left:1em
}

Style 03

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li:hover {
border:4px groove #fff;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-webkit-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
#PopularPosts1 ul li a {
-webkit-text-size-adjust: auto;
-webkit-text-stroke-width: 0px;
color: #ffffff;
display: block;
font-family: Georgia, 'Times New Roman', Times, serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 18px;
margin: 0px 40px 0px 0px;
min-height: 30px;
orphans: 2;
padding: 0px;
text-align:-webkit-auto;
text-decoration: none !important;
text-indent: 0px;
text-transform: none;
white-space: normal;
widows: 2;
word-spacing: 0px;
}
#PopularPosts1 ul li .item-thumbnail{
float:left;
border:0;
margin-right:10px;
background:transparent;
padding:0;
width:51px;
height:51px;
}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
position:absolute;
top:10px;
right:5px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border:2px solid #ccc;
background:#353535;
box-shadow:0px 0px 5px #000;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow: 0px 0px 5px #000;
width:30px;
height:30px;
line-height:1em;
text-align:center;
font-size:28px;
color:#fff;
}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{
background:#000000;
width:90%;
}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{
content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#C50101;width:93%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#1a1a1a;width:93%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#C50101; width:93%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#1a1a1a ;width:93%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{
margin:0;
padding:0px 0;
list-style-type:none;
}
#PopularPosts1 ul li{
position:relative;
margin:6px 0;
border: 1px solid #c2c0b8;
-webkit-box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
-moz-box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
box-shadow: 0 0 60px 10px rgba(0, 0, 0, 0.02) inset, 0 5px 0 -4px #222, 0 5px 0 -3px #c2c0b8, 0 11px 0 -8px #222, 0 11px 0 -7px #c2c0b8, 0 17px 0 -12px #222, 0 17px 0 -11px #c2c0b8;
padding:10px;
}
.PopularPosts .item-title a{
font: normal bold 36px Segoe UI;
font-size:16px;
color: #ffffff;
}
.PopularPosts .item-title a:hover{
color:#ffffff;
text-decoration:none;
}
.widget-content.popular-posts li{
font: normal normal 16px Segoe UI;
}
.item-snippet {
height:2.5em;
overflow:hidden;
}

Style 04

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;  color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

Style 05

#PopularPosts1{max-width:297px}
#PopularPosts1 dd{float:left;border-bottom:none;margin:8px 8px 0 8px;background:none;display:block;padding:0}

#PopularPosts1 img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;padding:4px;background: #eee;background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);-moz-box-shadow: 0 0 3px rgba(0,0,0,.7);box-shadow: 0 0 3px rgba(0,0,0,.7);}

#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);-moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);}

Style 06

.PopularPosts .item-title {
display:none;
}
.PopularPosts .widget-content ul li {
background: none repeat scroll 0 0 transparent;
float: right;
list-style: none outside none;
margin: 10px 0 0 !important;
padding: 0 !important;
}

.PopularPosts .item-thumbnail {
margin: 0 8px !important;
}
.item-thumbnail img {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 3px solid #ccc;
height: 60px;
padding: 3px;
width: 60px;
}
#PopularPosts1 img:hover{-moz-transform: scale(1.2) rotate(-350deg);-webkit-transform: scale(1.2) rotate(-350deg);-o-transform: scale(1.2) rotate(-350deg);-ms-transform: scale(1.2) rotate(-350deg);transform: scale(1.2) rotate(-350deg);-webkit-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);-moz-box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);box-shadow: 0 0 0px rgba(255,0,0,.4), inset 0 0 0px rgba(255,255,255,1);}

Style 07

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px;
list-style-type: none;padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;border-radius:30px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
height: 40px;
-moz-box-shadow: 3px 2px 5px #242424;
-webkit-box-shadow: 3px 2px 5px #242424;
box-shadow: 3px 2px 5px #242424;margin-bottom: 5px;height: 40px;
}
.popular-posts ul li a {
font-style: italic;
}
.popular-posts ul li:hover {
border:1px solid #3366FF;
 -moz-box-shadow: 3px 2px 5px #3366FF;
-webkit-box-shadow: 3px 2px 5px #3366FF;
box-shadow: 3px 2px 5px #3366FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
height:40px;width:40px;
webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}
.popular-posts .item-thumbnail img:hover{
-moz-box-shadow: 0px 0px 5px #3366FF;
-webkit-box-shadow: 0px 0px 5px #3366FF;
box-shadow: 0px 0px 5px #3366FF;}
Note >> Some styles will not appear in Internet Explore.
Feel free to ask any questions about the post in comments. Have a nice day..

Credits

Tech Blog
7 Different Label Widget Designs For Blogger

7 Different Label Widget Designs For Blogger

5:51 AM 1
The Blogger Default Label has Only Some Options for Customizing . But here i am going to share you stylish label widget designs. Label or Category they all mean the same and their purpose is to provide easy navigation to a blog reader. Adding a stylish labels widget will make your readers busy reading your blog. 

Steps

First Step: Add Labels Widget to the blog
  • Go to Blogger
  • Select Layout
  • Add a Gadget
  • Labels
  • Make these setting and hit save
label-widget-blogger-stylish
Second Step: Adding CSS code
  • Go to Template
  • Select Edit HTML
  • Find ]]></b:skin>
  • Past the css code just above it.
customize-label-widget-blogger
  • Hit Save Template

Style 01

label-widget-blogger-style1
.label-size{ 
margin:0 2px 6px 0; 
padding: 3px; 
text-transform: uppercase; 
border: solid 1px #C6C6C6; 
border-radius: 3px; 
float:left; 
text-decoration:none; 
font-size:10px; 
color:#666; 
}

.label-size:hover { 
border:1px solid #6BB5FF; 
text-decoration: none;
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg);  
-o-transform: rotate(7deg);  
-webkit-transform: rotate(7deg);  
-ms-transform: rotate(7deg);  
transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
}

.label-size a  { 
text-transform: uppercase; 
float:left; 
text-decoration: none; 
}
.label-size a:hover  { 
text-decoration: none; 
}

Style 02

blogger-label-widget-style2
.sidebar .label-size {
  position:relative;
  text-transform: uppercase;
  text-decoration:none;
  font-size:13px;
  font-family:Open Sans;
  color:#fff!important;
  }

.sidebar .label-size a {
  color:#fff!important;
  font-weight:bold;
  padding:8px 10px;
  margin:0 6px 6px 0;
  float:left;
  display:block;
  -moz-transition: all 0.4s ;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s ;
  -ms-transition: all 0.4s ;
  transition: all 0.4s ;
}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

Style 03

blogger-label-widget-style3
.label-size {
    float: left;
    margin: 0 0 7px 20px;
    position: relative;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 0.75em;
    font-weight: bold;
    text-decoration: none;
    color: #996633;
    text-shadow: 0px 1px 0px rgba(255,255,255,.4);
    padding: 0.417em 0.417em 0.417em 0.917em;
    border-top: 1px solid #d99d38;
    border-right: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0.25em 0.25em 0;
    -moz-border-radius: 0 0.25em 0.25em 0;
    border-radius: 0 0.25em 0.25em 0;
    background-image: -webkit-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#feda71', EndColorStr='#feba47');
    -webkit-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 0 #faeaba,
        0 1px 1px rgba(0,0,0,.1);
    z-index: 1;
}

.label-size:before {
    content: '';
    width: 1.30em;
    height: 1.39em;
    background-image: -webkit-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -moz-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -o-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: -ms-linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    background-image: linear-gradient(left top, rgb(254, 218, 113), rgb(254, 186, 71));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#feda71', EndColorStr='#feba47');
    position: absolute;
    left: -0.69em;
    top: .2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #d99d38;
    border-bottom: 1px solid #d99d38;
    -webkit-border-radius: 0 0 0 0.25em;
    -moz-border-radius: 0 0 0 0.25em;
    border-radius: 0 0 0 0.25em;
    z-index: 1;
}

.label-size:after {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background: #fff;
    -webkit-border-radius: 4.167em;
    -moz-border-radius: 4.167em;
    border-radius: 4.167em;
    border: 1px solid #d99d38;
    -webkit-box-shadow: 0 1px 0 #faeaba;
    -moz-box-shadow: 0 1px 0 #faeaba;
    box-shadow: 0 1px 0 #faeaba;
    position: absolute;
    top: 0.667em;
    left: -0.083em;
    z-index: 9999;
}

#Label1 {
    height: 210px;
}

.label-size:hover {
    background-image: -webkit-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fee18d', EndColorStr='#fec86c');
    border-color: #e1b160;
}

.label-size:hover:before {
    background-image: -webkit-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -moz-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -o-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: -ms-linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    background-image: linear-gradient(left top, rgb(254, 225, 141), rgb(254, 200, 108));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#fee18d', EndColorStr='#fec86c');
    border-color: #e1b160;
}

Style 04

lable-widget-blogger-style4
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;font-size:10px;color:#666;}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg);
-o-transform: rotate(7deg);
-webkit-transform: rotate(7deg);
-ms-transform: rotate(7deg);
transform: rotate(7deg);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}.label-size a:hover {
text-decoration: none;
}

Style 05

label-widget-blogger-style5
.label-size 
{ 
position:relative; 
margin:0; 
padding:0; 
} 
.label-size a 
{ 
float:left; 
height:24px; 
line-height:24px; 
position:relative; 
font-size:12px; 
margin-bottom:9px; 
margin-left:20px; 
background:#2aa4cf; 
color:#fff; 
text-decoration:none; 
-moz-border-radius-bottomright:4px; 
-webkit-border-bottom-right-radius:4px; 
border-bottom-right-radius:4px; 
-moz-border-radius-topright:4px; 
-webkit-border-top-right-radius:4px; 
border-top-right-radius:4px; 
padding:0 10px 0 12px; 
} 
.label-size a:before 
{ 
content:""; 
float:left; 
position:absolute; 
top:0; 
left:-12px; 
width:0; 
height:0; 
border-color:transparent #0089e0 transparent transparent; 
border-style:solid; 
border-width:12px 12px 12px 0; 
} 
.label-size a:after 
{ 
content:""; 
position:absolute; 
top:10px; 
left:0; 
float:left; 
width:4px; 
height:4px; 
-moz-border-radius:2px; 
-webkit-border-radius:2px; 
border-radius:2px; 
background:#fff; 
-moz-box-shadow:-1px -1px 2px #004977; 
-webkit-box-shadow:-1px -1px 2px #004977; 
box-shadow:-1px -1px 2px #004977; 
} 
.label-size a:hover 
{ 
background:#555; 
} 
.label-size a:hover:before 
{ 
border-color:transparent #555 transparent transparent; 
}

Style 06

label-widget-blogger-style6
#Label1 a{float:left;
height:18px;
line-height:18px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:10px;
padding:5px;
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
color:#fff;
text-decoration:none;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}
#Label1 a:hover{fbackground: rgb(73,192,240); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(73,192,240,1) 0%, rgba(44,175,227,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,192,240,1)), color-stop(100%,rgba(44,175,227,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(73,192,240,1) 0%,rgba(44,175,227,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49c0f0', endColorstr='#2cafe3',GradientType=0 ); /* IE6-9 */}
.label-size{line-height:1.5;align:left;}
.h2head-text {margin:-40px 10px 8px 55px;color:#666666;font-family:arial;font-size:13px;}

#Label1{width:320px;;border-bottom-width: 1px;
border-bottom-style: solid;  
border-bottom-color: #D8D8D8;}

Style 7

.Label a {
     -moz-border-bottom-colors: none;
     -moz-border-left-colors: none;
     -moz-border-right-colors: none;
     -moz-border-top-colors: none;
     background-color: #7FBF4D;
     background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
     border-bottom-right-radius: 30px;
     border-color: #63A62F #63A62F #5B992B;
     border-image: none;
     border-style: solid;
     border-top-left-radius: 30px;
     border-width: 1px;
     box-shadow: 0px 1px 0px 0px #96CA6D inset;
     color: #FFFFFF;
     float: left;
     font: 14px verdana;
     height: 18px;
     margin-bottom: 9px;
     margin-left: 10px;
     padding: 10px;
     position: relative;
     text-decoration: none;
     transition: all 0.5s ease-in-out 0s;
}
.Label a:hover {
     background: none repeat scroll 0% 0% orange;
     border-radius: 0px 30px 0px 30px;
     border: 1px solid orange;
     text-shadow: 5px 5px 5px #DCDCDC;
}
.Label {
     margin: 0px;
     padding: 0px;
     position: relative;
}

.Label li:hover {

transform: rotate(5deg);

}

.Label li {

float: left;

font-size: 116%;

list-style: none outside none;

transition: all 0.3s ease 0s;

}

Credits

Tech Blog
Why 95% Of You Will Always Fail-No Matter How Hard You Try

Why 95% Of You Will Always Fail-No Matter How Hard You Try

5:43 AM 0
Hi everyone,
This is a rather long post. But please bear with me. I think this will be an eye-opener for many of you.
So, and now let's dive in...

The sad fact is that about 95% all people who go online to become an Internet Marketer will fail in the end. And they not only fail but lose a lot of money in the process!

And all that happens despite the fact that the market is literally flooded with good ebooks, manuals, coaching, membership sites, (about list building, Google Adwords, traffic etc.) that were developed with only one goal in mind - to teach you the knowledge you need to become a successful marketer.

But YOU still struggle to make things work for you.

Right now you most probably belong to one of the following groups:


1. You bought numerous Internet Marketing products (or downloaded them in the member download forum ) and implemented all advice, tips and techniques in your own business. But no matter what you are doing you are just not achieving the good results you are hoping for. You have read all the testimonials and raving forum posts from other marketers who used the products with great success. But for you it’s just not happening.

2. You, too, bought every product out there. But instead of using them to start your own online business, you somehow never take any action towards actually building it. Yes, you have big dreams about it. Yes, you can imagine how thrilling it must be to live the Internet Lifestyle. Yes, you study and learn everything possible for hours a day. Yes, you know you should finally start – BUT you just don’t do it. Something is always
holding you back.

3. You have some success already. You might even earn a 4 or 5 figure income already. But your dreams are much bigger than that. The only thing is, you hit some kind of plateau and you just don’t get to the next level. You know you have the knowledge and determination but you are stuck with this level of income.

There is a reason for it, and no matter at which point you said, “Yes, that’s me,” it’s the same reason for everyone.

It’s the missing link for building the successful Internet business you are dreaming of.

Are you curious what the missing link is?

Let me start with telling you an eye-opening story ( I wrote and published this article years ago)…

"Don't Act Like An Elephant!"

Strange statement, isn't it?

But listen carefully because it can make the difference of success and failure in your business and private life.

So, let me explain...

You might know that in India elephants are used for manual labor. But what to do with them when they are not working? How to restrain them?

Their handlers came up with the idea to program them while they are still very young - by setting self-imposed limits into their thinking.

How does it work?

When the elephants are still small, weighing around 150 pounds, they get tied up with a very heavy rope.

All day long, the elephants try to get rid of it, whine, tug at it and some of them even try to chew it. But they can't break free. Finally, the elephants give up and the fight is over.

And now it's getting interesting...

From this moment on, they strongly believe that there is absolutely no chance to get rid of the rope. They accept the "fact" that the rope limits them.

And with this imprinted belief in place, their handlers are able to tie them with extremely small ropes!

And even as adults, weighing 8,000 pounds and more, they never attempt to break free because they "know" they have no chance at all!

As you can see, the elephants’ limits are not real, but exist only in their mind.

And so are we programmed with built-in-boundaries. They are also not real but exist only in our minds.

But with these imprinted belief systems, with these inner boundaries, we are unable...

- to live our lives to the fullest
- to be as successful as we could be
- to set and reach higher goals
- to make 10 times more money as we do now
- to build a successful business
- to get the promotion and pay increase
we always dreamed of
- to fulfill our true dreams and desires

The point is…

Your Inner Belief Systems Will Make Or Break Your Business!

Let me explain this with a simple 'White Hat' example...

Let’s say you are at a stage of your online business where you have built a list to a certain size. So far you didn’t promote anything but put your efforts into building a relationship with your list members first by providing great content.

But now you think you are ready to give it a shot. You heard about a great product and that marketers who promote this affiliate product achieve great results. For you it’s a no-brainer to go for it as well.

With your list size you expect ‘realistically’ at least 10-15 sales. You put great efforts in creating a convincing email about the product – you hit the
'send' button – and, instead of 10 or even more sales, you make only one.

Depending on your existing inner beliefs one of two things will be happening…

A. If you have any negative beliefs in regards of your business itself or your ability of running a business successfully, you’ll experience thoughts like, “I can’t understand why this is happening to me while everyone else and their dogs are doing great promoting this product; maybe I am simply not good enough to be successful as an Internet Marketer; maybe other marketers have better lists than I; I think the experts were right by telling me that my niche might be too competitive for a newbie to have a chance to make money.” And so on…

B. If your core beliefs regarding your business and your abilities in general are positive, you might have thoughts like, “I expected a little bit more, but hey, at least I made a sale at all; I am really grateful for it; I have accomplished something; I have to tell …(spouse) about my success; I can hardly wait for the next email campaign; I expect even better results next time.” And so on…

A week later there is another opportunity to endorse a good product.
If you were the first marketer (A), you don’t feel that enthusiastic anymore but worry a little about the outcome already, but you still create a rock solid email message - you hit the ‘send’ button - and there are no sales at all from your campaign.

Now you doubt yourself even more. Your feeling of being a failure is deepening. You now really believe that something is wrong with your list. You think you entered your market too late to make any significant profit, etc.

And the worst thing that is happening, you are strengthening your already existing negative belief system! And that will make sure that you’ll go the road leading to more and more disappointments and bad outcomes. And finally you’ll quit and will be convinced Internet Marketing is just not for
you.

A damaging belief, no matter if lying open in your mind or buried deeply inside, will always sabotage a possible positive outcome, no matter how hard you try!

If you were the second marketer (B), you feel great while crafting your endorsement email. You are relaxed and grateful for the chance to make some profit again.

You feel highly motivated, and you expect even better results this time – you hit the ‘send’ button – and (drum rolls, please ) you made 4 sales this time.

You feel even more grateful. Your feeling of accomplishment is deepening. Your self-confidence is rising. And, most importantly, you are strengthening your already existing positive belief that will support you in everything you are going to do from here on.

From this moment on you are on the road to success not only in email marketing but in all areas of your business. Your positive belief, your ability to feel grateful for even small victories (sales) and your positive expectation will get you more and more things, results and circumstances you can be grateful for.

Because it is so important to understand I want to repeat it one more time.

The chances for the first marketer are slim to none to make any significant profit with his/her business. The negative belief system that is controlling his or her life will always sabotage the chance for big, long lasting success.

Bottom line: your perception of yourself is the vital key to your success.It's because of self-imposed limits. Your inner boundaries will always sabotage true, long-lasting success - no matter what you do, no matter how hard you try.

So, I hope you now have something to think about.

Source : BlackHatWorld Thread
Blog Post Optimization Tips For Great Search Engine Results

Blog Post Optimization Tips For Great Search Engine Results

5:37 AM 1

seo-tips-blog-post-optimizationBloggers who are interested in building high traffic to their blog and maintaining a successful blog should pay particular attention to search engine optimization techniques which can help to improve the search engine rankings of their blogs. So now it all boils down to techniques that help you effectively optimize your blog post for search engines. Here are tips and ideas to do just that:

Blog Post Title

Blog post title is the most important element on the blog post and it plays a big role in bringing traffic to your blog. Here are some tips to optimize your blog post title to SEO.
  • Google puts more weight on words found in the beginning of your title. So include your targeted keyword in the beginning of your title. You can use Google keyword  tool to find the keywords.
  • Make it simple and attractive: You have to make Google users to click on your title.
  • Make it Short: Try to use 60 characters or less.
  • Be unique

Content

This is really huge. You have to give more importance to the content. Write  And you should keep in mind that you are writing for people not for search engines. So don't over use your keywords on blog posts. Some tips to make your iontent ready for SEO
  • Quality content is king. Make your content informative and useful to your readers.
  • Google plays close attention where a keyword appears on your page. Include your target keyword in the first 100-150 words of your article.
  • Use outbound links to show you as an active member of web to search engine.
  • Include internal links. 
  •  Use images on blog post. (more tips below)
  • Write long posts.
  • Make it easily shareable 

Images

Images can generate a good traffic on image based searches. But you have to optimize images on your blog post. But how?

Image name

  • The name should be relevant to the image
  • Make sure to include keyword to the image name
  • Try to avoid space because these are generally replaced by %20 and will have no value when it comes to SEO. ( You can add '+' or '-' sign for blank spaces.)

Alt tag

Alt tag is a simple HTML tag that describes your image. When search robots scan your content they go through your image HTML.
To add this simply add alt="this is your alt text" to your image tag.
<img src="image-optimiza.jpg" alt="Optimize image for SEO" />

Image Size

This is really important to reduce the load time. So how to reduce the size? Try to use jpg images on blog post. There are plenty of free tools to resize and reduce size of the images online.

Finale Words

Use these tips to help optimize your blog and get the most from search engines. The more you post and use these tips, the more results you will see. If you earn your living from the number of clicks your blog or your ads get, this will essentially mean more money for you. Put these tips to use and watch your results rise today!
How to Hire Freelance Content Writers for Niche Websites

How to Hire Freelance Content Writers for Niche Websites

7:01 PM 0


How do you hire freelancer content writers for your niche website? This is one of the most asked questions to me. Because I do work with niche websites, and outsource the contents from freelance writers. I have used several content writer hiring platforms last couple of years. And this article is all about my experience and guideline for you to hire quality content writers for your upcoming project!

Identify the Sources

There are hundreds of websites out there filled with people who can write pieces as you would like them to. For starters, you may look into the platforms:
These few websites are places where you can find quality freelance content writers. Now there are thousands of them out there. You need to segregate the best from the rest.

Post the Requirements

Now the second thing you need to do is to post the requirement of your job. A nice little website description that you need the author for will work great guns. Describe the job very closely. Don’t leave any of the details out. It will be good for yourself to be specific about what you want. You don’t want a quality writer applying for the position and find information to be unorganized or inappropriate, do you? Be specific about what type of person you want for your job. If you want an author with experience, go ahead and mention it. Even if the requirements don’t match, you can always find a close enough person for the job and train him better.

Sample of Job Posting to Freelance Market Place:

Here is a sample job posting I published on oDesk a couple of days ago to hire a writer for one of my niche site projects.


How to Hire a Freelance Content Writer
You can get the job posting content here >> Download It.

How Do you Find The Amazing Writer?

This is easy really. Well, if you follow the steps correctly. If you are particular with the choosing criteria of your candidate and want only the best for the job, you should hire the ones with the most experience. They are usually the best in their sectors and know what they are doing. However, to determine further, just follow the steps below.
Look for someone with experience: Experience beats all won’t you agree? Well, it is true. It does beat everything. You should go with the most experienced author out of several applicants for your niche website. There are others with little or no experience as well. I am not ruling them out. Frankly, they are good too. They might be new to the world of freelance writers or to the website you posted the job in. In that situation, check the resumes for the right candidate. Then you have the option for contacting them directly.
Checking out the Past Articles is a Great Idea: There are smart authors who’ll submit their resumes with samples (if they don’t ask for, I do it). You can select the ideal one who matches the most with your requirements and is familiar with your style of a website from them. Read one or two lines from their past work and you will know whom to choose.
The next thing is contacting the Author: Now when you have shortlisted your panel of authors to choose from, you will need to select the ideal one. The process is easy. You need to contact the authors one by one through any communication method you prefer. Then ask them few questions that you have selected. The question will help you in knowing them better. Start with greeting and experience related questions. Slowly move into the job-related ones. Be on your toes to judge whether they are fit enough for the job. Judge if they are responsive or not. If they are slow in getting your point, they are no good. An author, who responds late, is not good for your job either. Be warned, one who knocks you constantly, can be a red zone to move into as well.
Give the Selected Candidate Detailed Info: You need to be very specific from top to bottom in your selection process. That involves the aftermath of the selection as well. Give your selected man/men detailed instructions about how to go about in your niche website. Is it a product you want reviewed? Do you want them to focus on positive sides or do you want them to be “As it is” to their approach? Make sure you make the facts clear before you move on.

Decide how many Dollars to Pay

The next thing to decide is what to pay for your ideal person. Believe me, you will have to be on your guard as far as the payment method and amounts are concerned. The easiest way to go about things is to pay based on the length of the article that the person has written. If you want a 1000 word article and pay your man with a pen $5, it will honestly be a low price. On the other hand, $70 will be too much. I pay an average 4 to 9 dollar for a 500 to 700 word article.
By following these specified steps you will find outsourcing your content-related works easier. You will not need to go through all the hustle. Just hire the best person you see fit for your niche website. Select a few from the lot of applicants, shortlist them, ask them few follow-up questions, select your best man with all the qualities you desire, decide what to pay him, and you are good to go

Build a better relationship with the amazing authors

This is a must follow rules. Not all the freelance writers are great writers! Whenever you find a great writer to work for you, build a long-term relationship and try to hire the writer for your future projects as well. This well saves you hours of time just to let the writers know about your requirement, writing patter and things related to your project.

Writter Al Amin
Get Free 25$ For Sign Up Bonus

go.sisourav.com

Earn Free Money From Online