How To Add Buttons To Blogger Posts?

Buttons helps you to add links in an attractive and convenient way.It also helps the visitor to quickly find the link without reading the whole post.Moreover it gives a professional touch to your blog.Buttons can be made highly attractive with CSS which forces the user to click on it.This post will teach you how to add buttons to your blogger post.

How To Add Buttons To Blogger Post?

1. Go to your Blogger Dashboard  > Templates > Customise > Advanced  > Add CSS
2. Copy-Paste any of the below CSS code.
3. Then copy the button code and paste it in your desired location.
4. Switch to HTML view and replace the the button name.
5. Then go back to Compose mode.
6. Add the link to the button name text.{To make the button open the link in new tab simply check the open link in new tan option in link to option.

Different Styled CSS Buttons

Button 1

.styled-button-1 {
 -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 color:#333;
 background-color:#FA2;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 border:none;
 font-family:'Helvetica Neue',Arial,sans-serif;
 font-size:16px;
 font-weight:700;
 height:32px;
 padding:4px 16px;
 text-shadow:#FE6 0 1px 0
}

Embed code:<a href="Link" class="styled-button-1">Button name</a>

Button 2

.styled-button-2 {
 -webkit-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.2) 0 1px 0 0;
 border-bottom-color:#333;
 border:1px solid #61c4ea;
 background-color:#7cceee;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 color:#333;
 font-family:'Verdana',Arial,sans-serif;
 font-size:14px;
 text-shadow:#b2e2f5 0 1px 0;
 padding:5px
}

Embed code:<a href="Link" class="styled-button-2">Button name</a>

Button 3

.styled-button-3 {
 -webkit-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.0.1) 0 1px 0 0;
 background-color:#5B74A8;
 border:1px solid #29447E;
 font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;
 font-size:12px;
 font-weight:700;
 padding:2px 6px;
 height:28px;
 color:#fff;
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px
}

Embed code:<a href="Link" class="styled-button-3">Button name</a>

Button 4

.styled-button-4 {
 -webkit-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
 -moz-box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
 box-shadow:rgba(0,0,0,0.98) 0 1px 0 0;
 background-color:#EEE;
 border-radius:0;
 -webkit-border-radius:0;
 -moz-border-radius:0;
 border:1px solid #999;
 color:#666;
 font-family:'Lucida Grande',Tahoma,Verdana,Arial,Sans-serif;
 font-size:11px;
 font-weight:700;
 padding:2px 6px;
 height:28px
}

Embed code:<a href="Link" class="styled-button-4">Button name</a>

Button 5

.styled-button-5 {
 background-color:#ed8223;
 color:#fff;
 font-family:'Helvetica Neue',sans-serif;
 font-size:18px;
 line-height:30px;
 border-radius:20px;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border:0;
 text-shadow:#C17C3A 0 -1px 0;
 width:120px;
 height:32px
}

Embed code:<a href="Link" class="styled-button-5">Button name</a>

Button 6

.styled-button-6 {
 background:#f78096;
 background:-moz-linear-gradient(top,#f78096 0%,#f56778 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f78096),color-stop(100%,#f56778));
 background:-webkit-linear-gradient(top,#f78096 0%,#f56778 100%);
 background:-o-linear-gradient(top,#f78096 0%,#f56778 100%);
 background:-ms-linear-gradient(top,#f78096 0%,#f56778 100%);
 background:linear-gradient(top,#f78096 0%,#f56778 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f78096',endColorstr='#f78096',GradientType=0);
 padding:5px 4px;
 color:#fff;
 font-family:'Helvetica Neue',sans-serif;
 font-size:12px;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #ae4553
}

Embed code:<a href="Link" class="styled-button-6">Button name</a>

Button 7

.styled-button-7 {
 background:#FF5DB1;
 background:-moz-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF5DB1),color-stop(100%,#E94A86));
 background:-webkit-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
 background:-o-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
 background:-ms-linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
 background:linear-gradient(top,#FF5DB1 0%,#E94A86 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5DB1',endColorstr='#E94A86',GradientType=0);
 padding:5px 7px;
 color:#fff;
 font-family:'Helvetica Neue',sans-serif;
 font-size:12px;
 border-radius:4px;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border:1px solid #E8124F
}

Embed code:<a href="Link" class="styled-button-7">Button name</a>

Button 8

.styled-button-9 {
 background:#00A0D1;
 background:-moz-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#00A0D1),color-stop(100%,#008DB8));
 background:-webkit-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
 background:-o-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
 background:-ms-linear-gradient(top,#00A0D1 0%,#008DB8 100%);
 background:linear-gradient(top,#00A0D1 0%,#008DB8 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00A0D1',endColorstr='#008DB8',GradientType=0);
 padding:8px 20px;
 color:#cfebf3;
 font-family:'Helvetica Neue',sans-serif;
 font-size:13px;
 border-radius:40px;
 -moz-border-radius:40px;
 -webkit-border-radius:40px;
 border:1px solid #095B7E
}

Embed code:<a href="Link" class="styled-button-9">Button name</a>

Button 9

.styled-button-11 {
 background:#FEDA71;
 background:-moz-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FEDA71),color-stop(100%,#FEBB49));
 background:-webkit-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
 background:-o-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
 background:-ms-linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
 background:linear-gradient(top,#FEDA71 0%,#FEBB49 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEDA71',endColorstr='#FEBB49',GradientType=0);
 padding:8px 18px;
 color:#623F1D;
 font-family:'Helvetica Neue',sans-serif;
 font-size:16px;
 border-radius:48px;
 -moz-border-radius:48px;
 -webkit-border-radius:48px;
 border:1px solid #623F1D
}

Embed code:<a href="Link" class="styled-button-11">Button name</a>

Button 10

.push_button {
 position: relative;
 width:220px;
 height:40px;
 text-align:center;
 color:#FFF;
 text-decoration:none;
 line-height:43px;
 font-family:'Oswald', Helvetica;
 display: block;
 margin: 30px;
}
.push_button:before {
 background:#f0f0f0;
 background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D0D0D0), to(#f0f0f0));
 
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 
 -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
 -moz-box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF; 
 box-shadow:0 1px 2px rgba(0, 0, 0, .5) inset, 0 1px 0 #FFF;
 
 position: absolute;
 content: "";
 left: -6px; right: -6px;
 top: -6px; bottom: -10px;
 z-index: -1;
}

.push_button:active {
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset;
 top:5px;
}
.push_button:active:before{
 top: -11px;
 bottom: -5px;
 content: "";
}

.red {
 text-shadow:-1px -1px 0 #A84155;
 background: #D25068;
 border:1px solid #D25068;
 
 background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);
 background-image:-moz-linear-gradient(top, #F66C7B, #D25068);
 background-image:-ms-linear-gradient(top, #F66C7B, #D25068);
 background-image:-o-linear-gradient(top, #F66C7B, #D25068);
 background-image:linear-gradient(to bottom, #F66C7B, #D25068);
 
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px;
 
 -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
 -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
 box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
}

.red:hover {
 background: #F66C7B;
 background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);
 background-image:-moz-linear-gradient(top, #D25068, #F66C7B);
 background-image:-ms-linear-gradient(top, #D25068, #F66C7B);
 background-image:-o-linear-gradient(top, #D25068, #F66C7B);
 background-image:linear-gradient(top, #D25068, #F66C7B);
}

Embed code:<a href="Link" class="push_button red">Button name</a>

Button 11DownloadDownload

.button {display: inline-block;position: relative;padding: 10px 20px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-decoration: none!important;text-shadow: 1px 1px 0 rgba(255,255,255,0.4);font: 15px Calibri,Arial,sans-serif;white-space: nowrap;vertical-align: baseline;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png');background-position: bottom left;background-position: bottom left,top right,0 0,0 0;background-repeat: no-repeat;background-clip: border-box;-webkit-box-shadow: 0 0 1px #fff inset;-moz-box-shadow: 0 0 1px #fff inset;box-shadow: 0 0 1px #fff inset;-webkit-transition: background-position 1s;-moz-transition: background-position 1s;transition: background-position 1s;cursor: pointer;}
.button:hover {background-position: top left;background-position: top left,bottom right,0 0,0 0;}
.button:active {bottom: -1px;}
.button.big {font-size: 30px;}
.button.medium {font-size: 18px;}
.button.small {font-size: 13px;}
.blue.button {border: 1px solid #84acc3!important;color: #0f4b6d!important;background-color: #48b5f2;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(89,208,244,1) 0,rgba(89,208,244,0) 100px),-moz-linear-gradient(#4fbbf7,#3faeeb);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(89,208,244,1) ),to(rgba(89,208,244,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#4fbbf7),to(#3faeeb));}
.blue.button:hover {background-color: #63c7fe;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(109,217,250,1) 0,rgba(109,217,250,0) 100px),-moz-linear-gradient(#63c7fe,#58bef7);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(109,217,250,1) ),to(rgba(109,217,250,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#63c7fe),to(#58bef7));}
.green.button {border: 1px solid #96a37b!important;color: #345903!important;background-color: #79be1e;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(162,211,30,1) 0,rgba(162,211,30,0) 100px),-moz-linear-gradient(#82cc27,#74b317);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(162,211,30,1) ),to(rgba(162,211,30,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#82cc27),to(#74b317));}
.green.button:hover {background-color: #89d228;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(183,229,45,1) 0,rgba(183,229,45,0) 100px),-moz-linear-gradient(#90de31,#7fc01e);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(183,229,45,1) ),to(rgba(183,229,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#90de31),to(#7fc01e));}
.orange.button {border: 1px solid #bea280!important;color: #693e0a!important;background-color: #e38d27;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(232,189,45,1) 0,rgba(232,189,45,0) 100px),-moz-linear-gradient(#f1982f,#d4821f);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(232,189,45,1) ),to(rgba(232,189,45,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f1982f),to(#d4821f));}
.orange.button:hover {background-color: #ec9732;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(241,192,52,1) 0,rgba(241,192,52,0) 100px),-moz-linear-gradient(#f9a746,#e18f2b);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(241,192,52,1) ),to(rgba(241,192,52,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#f9a746),to(#e18f2b));}
.gray.button {border: 1px solid #a5a5a5!important;color: #525252!important;background-color: #a9adb1;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(197,199,202,1) 0,rgba(197,199,202,0) 100px),-moz-linear-gradient(#c5c7ca,#92989c);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(197,199,202,1) ),to(rgba(197,199,202,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#c5c7ca),to(#92989c));}
.gray.button:hover {background-color: #b6bbc0;background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-moz-radial-gradient(center bottom,circle,rgba(202,205,208,1) 0,rgba(202,205,208,0) 100px),-moz-linear-gradient(#d1d3d6,#9fa5a9);background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png'), url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi3uDI8RJIP60RfVGEmeoPRJoA1jIVV3MubBtxJlwZ1jMrmAupBccKgPkgxWo5yZYyhy84_PNkfH0nIfWtOKsDWKOsmBfXY1cUQD_6ZLN89FCpWqv9uCAk12uUO3M4H62c3PikRTqDJ38P/s144/button_bg.png') ,-webkit-gradient(radial,50% 100%,0,50% 100%,100,from(rgba(202,205,208,1) ),to(rgba(202,205,208,0) )),-webkit-gradient(linear,0% 0,0% 100%,from(#d1d3d6),to(#9fa5a9));}

Embed Code:<a class="button (big/small) (blue/green/orange/gray)" href="LINK">LINKNAME</a>

Button 12

.button2 {
    text-decoration: none;
    font: bold 13px Arial;
    display: block;
    margin: 20px auto;
    padding: 6px 14px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    width: 100px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
    transition: all 0.5s ease;}

.button2:hover {
    -moz-border-radius: 5px;
    border-radius: 5px;}


.blue {
    color: #fff;
    background: #48C9FF;
    background: -webkit-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
    background: -moz-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
    background: -ms-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
    background: -o-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
    background: linear-gradient(to bottom, #48C9FF 0%, #2EA8E5 100%);
    text-shadow: #29a3cc 0 1px 3px;
    -webkit-box-shadow:
        inset 0 1px 0 #38bdf4,
        inset 0 2px 0 #7bdeff,
        0 1px 3px #777,
        0 0px 1px #ccc;
    -moz-box-shadow:
        inset 0 1px 0 #38bdf4,
        inset 0 2px 0 #7bdeff,
        0 1px 3px #777,
        0 0px 1px #ccc;
    box-shadow:
        inset 0 1px 0 #38bdf4,
        inset 0 2px 0 #7bdeff,
        0 1px 3px #777,
        0 0px 1px #ccc;}

.blue span {
    color: #217aa6;
    text-shadow: #78d2f0 0 1px 0;}​

Embed code:<a class="button2" href="Link">Button name</a>

If you find any problems with this post report a problem or request updates.

Sharing Is Caring

Read More

Create Free Video Sitemap (No Coding Required)

Videos are a great way to convey your ideas.Most bloggers use video sharing sites like youtube,metacafe to upload their videos and to embed it in their post.A video sitemap tells Google exactly where, and what the video content is on your site. It helps Googlebots recognize video content, and display it in therelevant search results page..This is the only way to get video previews on search results for your site.
But creating a video sitemap can be very difficult and time consuming if you already have many videos on your site.But Complete PC Guide have found a solution for this.

Creating A Video Sitemap

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">  <url>   <loc>YOUR VIDEO LANDING PAGE URL</loc>   <video:video>    <video:thumbnail_loc>VIDEO THUMBNAIL URL</video:thumbnail_loc>    <video:title>VIDEO TITLE</video:title>    <video:description>VIDEO DESCRIPTION</video:description>    <video:content_loc>DIRECT URL TO VIDEO</video:content_loc>    <video:player_loc allow_embed="yes" autoplay="ap=1">URL TO VIDEO ON A PLAYER</video:player_loc>   </video:video>  </url> </urlset>

Learn more about creating video sitemaps and video-specific tag definitions

Create Video Sitemap Without Coding

If you don't know how to code this video sitemap or simply don't want to code then we have a solution.

Free Video Sitemap Generator Tool

How To Submit Your Video Sitemap?

1. Copy the xml code and paste it in a new notepad file.
2. Save the notepad file as videositemap.xml (Extension should be .xml)
3. Then upload the sitemap file to your blog directory using FTP.
4. Path yourdomainname.com/videositemap.xml
5. Go to webmaster tools and sign in.
6. Go to your site dashboard.
7. Go to Crawl section and click Sitemaps.
8. Add a sitemap from the top right button.
9. Fill the url path.
10. Click Submit.

If you are working to build traffic to your site then consider submitting a video sitemap.What do you think about video sitemaps?Is there any simple method than this?Tell us your thoughts in the comment sections!

Sharing Is Caring

Read More

Google Recommended Adsense Ad Placement For Different Types Of Sites

If you are an Adsense publisher you might be wondering how to increase your ad revenue.There are many factors that affects your revenue.One of the most important factor is ad placement.Without a good ad placement location a user is likely to miss an ad from his view.Therefore you need to make sure that your ad placement is good.

What is the best ad placement for any site?

It is impossible to give a single answer to this question because different sites are of different niches and are using different layouts to match their niche.

 Best Ad Placement For Different Types Of Sites

News Site

Add  ads between the content on the homepage.Place the larger ad units above the fold to attract placement targeting.Adding link ads above the title or at the end of post or between the content can dramatically improve your earnings.Include an adsense for search to your homepage.

Google Recommended Ad Placement Layout For News Sites

Classifieds Sites

Add leaderboard or rectangle ad units between the post on the homepage.Also add a link unit below the navigation bar.On content pages include a rectangle ad unit below the post wrapped around text.

Google Recommended Ad Placement Layout For Classifieds Sites        

Game Sites     

If you are having a game site then you can sign up for adsense for games.

Sign up for adsense for games!

 Google Recommended Ad Placement Layout For Game Sites 

Forum Sites

Forums are a great way to to make money if you are having good traffic and good as placement.

Google Recommended Ad Placement Layout For Forum Sites

Blogs

Almost all internet users now own a blog with blogger or wordpress.Eveyone starts blog with the hope of making money but fails to do so with less traffic.Even if you have a good traffic making money can be very difficult with bad ad placement.

Google Recommended Ad Placement Layout For Blogs

Adsense Placement Guide|Full version(PDF file)

Sharing Is Caring

Read More

How To Target Traffic From Specific Country?

If you are a blogger you might have tried several methods to increase you overall site traffic.And that might have helped you improve your site traffic.Is your current traffic worth to you?If you are blogging to make money online you may need to have country specific traffic to make a decent income monthly.Country specific traffic simply means the visitors to your site from a particular country.This is very important in many ways.

Why is country specific traffic or targeted traffic important in making money online?

Being a blogger you might be an adsense publisher and might have come across the word CPC.CPC is the amount that advertisers pay for each click on the ads.So higher CPC means higher income.How can you improve your CPC?There are a lot of factors that affects your CPC and the most important among that is the country from which you get the click.Advertisers bid different CPC for each country.Countries like US,Australia,UK has higher CPC when compared to other countries (This might differ for different advertisers because advertisers bid different CPC to bring targeted audience to their site).

How To Drive Country Specific Traffic?

Now let us come to the different points that will help you bring country specific traffic to your site.

Domain Name

As you know .com , .net ,.org are top level domain that help you get rank higher on global search engines.But if you need to drive country specific traffic to your site you may register your domain with the country extension like .in , .uk , .au ,etc.

This will help you get ranked higher on search engines for that specific country.Inorder to preserve your band you can also register for a .com or .org domain.You can find a list of genetic TLD's here.

Webhosting Server Location

The next main factor in driving geo targeted traffic is the location of your site's server.For example if you need to drive traffic from US host your site in US.This helps speeding your website load time for that country and it also helps your site rank higher in search results for that country(beacuse I.P search engines bot detect the location of your server).

Backlinks

Backlinks are incoming links coming to a website or a webpage.Backlinks have a very important role in bringing traffic to your site.Backlinks play a crucial role in having a google pagerank,better alexa rank,higher SERP,more traffic,etc.Due to this important reason you should try to get more targeted backlinks.For example if you need to drive US traffic to your site,then get more backlinks from US sites.

To drive targeted backlinks use methods like blog commenting and also guest posting.

Content Level Targeting

Your content is the main signal which Google uses to determine which country you are targeting.Adding the country name in your post meta title and description not only make your content more keyword targeted but also gives a clear signal of the country that you are targeting .

To add a country meta tag in your blog add the code below   <head>

 <meta content='Country Name' name='country'/>

The kind of content and the language that you are using will also affect country specific traffic.For example if you are writing your content in american English it will attract more US visitors to your site.

Submit Your Sites To Local Search Engines & Directories

Don't just submit your site to popular search engines like google,bing,etc. only but also submit it to local search engines and directories.Some places to submit your site

Find Popular Keywords With Google Trends & Google Keyword Planner Tool

Keywords also plays a very important role in driving country specific traffic.In order to find the correct keywords you can use Google Trends as well as Google Adwords Keyword Planner tool.Both of these tools are extremely useful to find the best keywords to drive geo targeted traffic.

How to use google trends?Simply enter a keyword in the search box and hit enter.In the results page you will see a map that shows the keyword usage level in different countries.

How to use adwords keyword planner?Go to the keyword planner tool and choose 'search for keyword and ad group ideas'.Fill up the form and click get ideas to get the keywords for the specific country that you choose in the form's targeting section.

Use AdWords Tool

If you want to geo target for commercial purpose or if you wish to spend money for targeted audience you may try Google Adwords.Google Adwords is an effective way of building targeted traffic.You can sign up for adwords here.

Learn to effectively use google adwords

            **************

What do you think in driving country specific traffic to your site?Which method you feel the best?Please leave your valuable comment below with the reason.

Please report us if you find any mistakes in this post.

Sharing Is Caring

Read More

How To Extract All Hyperlinks In A Webpage ?

Sometimes you might need to have the all the hyperlinks from a webpage.For example if you are a developer you might be in need of a javascript or css of a webpage that is hosted externally.Sometimes this trick will also help you extract the download link from survey sites.Whatever might be the reason let us learn to do this.We will learn 3 different ways to extract hyperlinks from a webpage in this post.

Extract Hyperlinks From A Webpage In Chrome

This trick is very simple but is limited to Google chrome users.The trick is performed with  via the Chrome Dev tools.

Steps To Extract Hyperlinks From A Webpage In Chrome

1. Go to the page from which you want to extract the hyperlinks.
2. Click on 'Inspect Element' from the right click menu.
3. Click on the 'Console tab'.
4. Now paste the following code in the input field.                                                                                                                                 urls = $$('a'); for (url in urls) console.log ( urls[url].href );
5. Hit enter.

iWeb Tools's Link Extractor

This is a web based service which means you don't have to download any software nor it is limited to any users.You can use this tool here.This tool will show the type of file along with the anchor text in the output field.

How To Use This Tool?

Using this tool is very simple.All you have to do is to go the the above url.Enter the webpage url in the input field and hit extract!

BuzzStream Tool

This is quite different from the other two because in this case we are extracting all the urls from an html code.This trick will not display the output links on the website itself.All the links on that page are exported as a CSV file which automatically downloads to your computer once you hit the create CSV button.The CSV file has three different columns including the actual link,it's original website and the anchor text.

How To Use This Tool?

1. Go to Buzz Stream Urls Extract Tool
2. Copy the source code of the webpage from which you want to extract the Url.
3. Paste it in the tool's input field and hit create CSV.A CSV file containing the hyperlinks will automatically be downloaded to your computer.

How To Get The Source Code Of Webpages?

Chrome:Right click on the webpage and click on view page source or press Ctrl + U

Internet Explorer:Right click from the webpage and click on view source.

Firefox & Netscape:Right click  and click on  view page source or press Ctrl + U

Opera:From the view menu click on source or press Ctrl + F3

Sharing Is Caring

Read More

Search With Your Voice In Google {+Top features}

Are you tired of searching by typing?Then this post is apt for you.Google has recently released Google voice where you can search with your voice.In Google search you can see a tiny little mic icon to the right of the search box.Tap on it and speak what you want to search.
You are ready to go!
You can also get answers to your queries.Below are the different type of queries that you can use in Google to get answers quickly.The main attractive feature is that it speaks out the answers.

How To Get Google Voice On Your PC?

If you can't see the mic icon on Google search box follow the below steps.

1. Go to Voice search.
2. Click on Try voice Search Now.

How To Get Spoken Answers?

By default spoken answers is enabled for all users but if you believe that it is not enabled for you follow the below steps to enable it.

1. Go to Search Preferences
2. Under Spoken Answers section click on Speak answers for voice search.
3. Click save.

What You Can do With Google Voice Search?

Time

You can ask Google to find the time by asking "what time is it" or if you want to know the time of a particular country you can use the following syntax "what time is it in New York".

Weather

Just like time you can search for weather details like "how is the weather today".This query will show weather details for your area.But if you want to find the weather of a particular region ask something like "how is the weather in California".

Calculator

You might be aware of Google's calculator but you might not be knowing that you can use this calculator with your voice.For example you can ask "what is 1000 -500".This will show up your answer in a calculator so that you can do further calculations.You can use different mathematical operators in your commands.You can also convert any number into binary,octal or hexadecimal by speaking "convert 20 into binary".

Timer

You might not be knowing that you can set a timer too with your voice.Just say "timer for 30 seconds" to set a count down timer that beeps at zero.This function can also be used without the voice.

Find Movies,Albums,etc. 

This is a very interesting feature that can be used even without the voice.But this feature gets its life with voice.Just ask "find movies starring Johnny Depp" to find all the movies starring Johnny Depp.You can also use this feature to find albums,musics,etc like "find albums of Michael Jackson".

Find Restaurants

You can easily find nearby restaurants by speaking "find nearby restaurants".This will list up nearby restaurants along with a map of their location.

Map

This old feature has now been integrated to Google Voice.Just say "show me my location" or "my current position" to display the map of your current location.You can also get map of other regions by speaking "show me the map of Chicago".

Find Pictures & Videos

With this amazing feature you  can easily search for pictures or videos of a person by simply speaking "find pictures of Ray William Johnson" or "find videos of Ray William Johnson".

Get Word Definitions OR Answers To Common Questions

You can easily get word definitions by speaking "what is a transistor" or "what is meant by transistor".If you want to find answers to common questions just go a head with your questions.For example ask questions like "what is the distance between the earth and the moon" or "who is the founder of Google" or "who is the president of USA".If it could not find the answers it will simply search instead.

Convert Currency

You can easily convert currency values by speaking "how much is 1 dollar worth in India" or "convert dollar to rupees" or "convert 100 dollar to rupees".

Sports

You can  also get sports results by asking "who won yeterdays grand prix" or ask for the sports score itself.

Still more.....
Learn all the search tricks and tips here.

Have I missed any features of Google voice or do you know any other tricks?If so let us know in the comments.

Sharing Is Caring

Read More