Most Important Thing Which You Should Do Before Publishing Post

In this post I will show you the most important thing which you should do before Publishing Post on blog or website. When you go to any search engine what you see after typing any word in search bar is the search results and you mostly choose more attractive and good looking result.

Continue

Add Hover Effect to Your Blogger Links

Hello Friend's Welcome Back To TNT Today I Tell You How To Add Hover Effect To Blogger Links With Some Coding .After adding this effect in your blog all links or selected links slide when someone move there mouse over it. This effect makes your links more attractive.This Will Make Your Blog Look Good.

ADDING EFFECT TO ALL BLOGGER LINK'S.

• Go to Blogger Dashboard --> Design --> Edit HTML.

• Backup your Template before making any changes to your blog.

• Now Expand Widget Templates.

• Find the code shown below using [ctrl+F].

]]></b:skin>

Now Paste The Below Code Just Above ]]></b:skin>

a:link {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
a:hover {
padding-left: 12px;}

 ADDING EFFECT TO SELECTED LINK'S.

• Go to Blogger Dashboard --> Design --> Edit HTML.

• Backup your Template before making any changes to your blog.

• Now   Expand Widget Templates.

• Find the code shown below using [ctrl+F].

]]></b:skin>

Now Paste The Below Code Just Above ]]></b:skin>

.tricksandteach {
-webkit-transition: padding-left 250ms ease-out;  -moz-transition: padding-left 250ms ease-out;
}
.tricksandteach:hover {
padding-left: 12px;}

Now Use The Below Code To Add Nuding Effect To Selected Link's. 

<a class="tricksandteach" href="http://example.com">example<

Note :- Don't Forget To Use http:// While Linking.

THAT'S ALL. 

What's Next:- So Friend's I Hope That You Like My Post Again .I'am Very Busy From Few Day's Because I'Am Preparing A New Template's For My Other Blog GetRipStuff.blogspot.com. So Busy I'Am Trying  To Publish A Post Daily. So Don't Forget To Subscribe Us And Comment..And My Next Post Is About Seo And Traffic..Till Then HAPPY BLOGGING.

Continue

7 Best Blog Commenting Tricks 2013

Blog commenting is one of the ways that helps bloggers bring traffic to their blog. However, for many reasons you may not get the desired result from every single comment.

If you want to generate quality traffic, you need to know how to comment.

The below tips will help you analyze how to get visitors and turn them into permanent readers.

How to get started:

Read the post. Many people just look through the post without realizing what it is really about. Such a way of commenting is a pure waste of time. Authors can easily figure out whether or not you have read the post.

Be unique. Comments like “nice blog,” “a great post” are far from being attractive, try to write something unique, for instance mention the part of the blog you liked the most and why as well as whether or not you agree with the author on the particular subject. Even if you disagree, it’s natural and normal, the thing is not to be offensive and rude.

Make the look unique: Besides writing a unique comment, make it look unique as well. Use HTML formatting, i.e. make the text bold, italic and you can also use numbering for making the list of points. Formatting will help your comment look different and stand out among others. The likelihood that it will be read more than other comments is high.

Get personal. It’s always more polite to add a name, like it’d be much better if you write “Thank you, Victoria” rather than “thanks.” It would be great if you also leave a regard, i.e. “best,” “sincerely” etc.

Leave your name: Leave your name and surname, so that people who’re interested in you can search for you on the Internet and get connected.

Leave post URL. Leave your post URL, instead of your homepage one. It’s less likely that the reader would search for the particular post on your homepage. Leave a catchy comment with your URL, as it will push readers click it. For instance, “I have a similar post on this subject and after a deep research, I managed to discover some quite interesting facts…”

No hyperlinks: Don’t hyperlink your text, leaving a post URL is quite enough. Most of the authors react negatively if they see a pure advertising in their post-related comments.

Be natural:  Finally, there’s no need to write, long and unnatural comments. None really enjoys reading dull phrases that don’t make a sense. Keep it simple and reasonable.

These are some valuable tricks and tips for blog commenting. If you manage to follow them, your blog won't be left unnoticed.

Continue

7 SEO Tips By Experienced Bloggers

Today I am discussing the Guru SEO Tips that will give a massive increase to your blog's traffic and popularity and boost your traffic and Google Page Rank as well as Alexa And other rankings. Unlike the other Webmasters, I am going to share my 2 year experience of SEO with you.

I read thousands of articles on several blogs and applied and tested them, and the result is what I am going to share with you. I searched with my scope of knowledge and come to the point that 90% of blogs are missing many useful SEO points which can make you a pro Blogger and many blogs have published wrong contents that leads to the drop in Rankings. So below are mentioned the main Goals of SEO which I am using since years and have such Good SEO Rankings and Search Results.

Before starting in detail, you can Tweak Your Blog For SEO so you don't miss anything.

Correct Time To Publish Posts

After regularly publishing 7 post a weak, I saw drop in my Traffic and Alexa Rankings day by day. That was a thinking point for me. The fact was that when I publish my post in between 11:00 AM to 12:00 AM (In Pakistan) the next day I see a massive increase in traffic with a single post at correct time. It is the time when the most of the traffic lands on Internet. So you should post between 11 AM to 12 AM (8 - 10 am in US).

Post Length and Summary

In order to place your post well in search results, your post must contain at least 300 Words. It should not be much longer that your visitors refuses to read it and close your blog. If you are writing a very long post, then divide it into 2 or more posts so your visitors don't get confused. Don't continuously write the post, give some spaces and write in paragraphs so it may be easy to read.

Main Points First

You should write the main goals and the main purpose of your article first. Don't discuss anything which is not related to your topic. Just talk to the point.

Shorter Post Title

Your post title should be as shorter as possible. Place the important words first. Don't worry about grammar, search engines don't look your grammar.

Include A Picture

A picture speaks a thousand worlds and give your post a fresh look. Moreover it also optimizes your post by appearing in Google Images. Try to place picture on the top left side of your article like me.

Nofollow External Links

Nofollow is a big matter for you. It could be the reason in your PR drop. You should read:

• Nofollow All Comments Links
• Nofollow All Category/Label Links

Page Loading Speed

This is what every blogger/webmaster needs. Page Loading is a big factor for your traffic lost because most of the visitors don't wait if the page is loading slow, the just close your site and check for any other site. So take it as a serious problem and follow the following tricks:

• Decrease Page Loading Time - Compress CSS and HTML

The most important step to reduce load time is that you should remove the broken javascript src links from your blog code/template. Below is an example of broken javascript source link:

<script src="http://url.yourbrokenurl.com/javascript-src-code">

If there is any broken javascript link in your template, it can reduce your page loading time more than 80%. Check your whole template manually for broken javascript sources. Just press Ctrl + F and search for <script src=" and manually check all your javascripts.

Following these tips wisely, you'll see a huge increase in your PR as well as Traffic.

Continue

New Blogger Theme Functions With Vertical Menubar

This is cool widget to blogger.It include
five useful function menubar. It will appear
on left side of blogger.You can try to add it
to your blogger. How To Add Blogger
Vertical Stylish Css3 Side Menubar.
try below steps.

1. Go to Older Posts
2. Go to Newer Posts
3. Reload Page
4. Home
5. Back to top

1. Log in to blogger account and Go to Design >> Edit HTML
    (make sure backup your template first)

2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    ]]></b:skin>

4. Paste below code Before ]]></b:skin> tag

#float-menu{position:fixed;top:20%;left:0;border-top:1px solid 
#CCC;border-right:1px solid #CCC;border-bottom:1px solid 
#CCC;background:#EEE}
#float-menu ul{padding:0}
#float-menu li{margin:5px;list-style-type:none}
#float-menu li,#float-menu li a{width:24px;height:24px}
#float-menu li a{float:left}
#float-menu #menu-right,#float-menu #menu-left,#float-menu li 
a{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtkvEtnQdM-sqQkQbEq5WofGpHPU72Ed9hWTjN468khqO2ieeKOtji01iW-jhx_dM61SC6KCLyGMOawktbtgHR2NbSbeQY2tU2S68nGhr4FMQuMTzfbUx40cX1nKm1A1LDNOP1o4glc563/s1600/float+menu.png)}
#float-menu #menu-right a{background-position:0 -120px}

#float-menu #menu-right a:hover,#float-menu #menu-right{background-position:-24px -120px}

#float-menu #menu-left a{background-position:0 -24px}

#float-menu #menu-left a:hover,#float-menu #menu-left{background-position:-24px -24px}

#float-menu #menu-random a{background-position:0 -48px}

#float-menu #menu-random a:hover{background-position:-24px -48px}

#float-menu #menu-home a{background-position:0 -72px}

#float-menu #menu-home a:hover{background-position:-24px -72px}

#float-menu #menu-top a{background-position:0 -96px}

#float-menu #menu-top a:hover{background-position:-24px -96px}

5. Now Find this code  by using Ctrl+F <b:includable id='main' var='top'>

6.  Paste below code Before <b:includable id='main' var='top'> code

<div id='float-menu'> 
<ul>
<li id='menu-right'>
<b:if cond='data:olderPageUrl'>
<b:if cond='data:olderPageUrl != data:blog.url'>
<a expr:href='data:olderPageUrl' rel='prev' expr:title='data:olderPageTitle'></a>
</b:if>
</b:if>

</li>

<li id='menu-left'>

<b:if cond='data:newerPageUrl'>

<b:if cond='data:newerPageUrl != data:blog.url'>

<a expr:href='data:newerPageUrl' rel='next' expr:title='data:newerPageTitle'></a>

</b:if>

</b:if>

</li>

<li id='menu-random'>

<script type='text/javaScript'>//<![CDATA[

var rdp_current=0;total_posts=0;function 
totalposts(json){total_posts=json.feed.openSearch$totalResults.$t}document.write('<script
 type=\"text/javascript\" 
src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function
 getvalue(){rdp_current=1+Math.round(Math.random()*(total_posts-1))};

//]]></script>

<script type='text/javaScript'>//<![CDATA[

function rdp(json){var dw='';entry=json.feed.entry[0];for(var 
i=0;i<entry.link.length;i++){if(entry.link[i].rel=='alternate'){rdp_posturl=entry.link[i].href}};dw+='<a
 href="'+rdp_posturl+'"  title="Reload" 
rel="nofollow"></a>';document.getElementById('menu-random').innerHTML=dw;};getvalue();document.write('<script
 type=\"text/javascript\" 
src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current+'&max-results=1&callback=rdp\"><\/script>');

//]]></script>

</li>

<li id='menu-home'>

<a expr:href='data:blog.homepageUrl' title='Home'/>

</li>

<li id='menu-top'>

<a href='#' title='Back to top' rel="nofollow"/>

</li>

</ul>

</div>

7. Now save your template
 you are done.

Continue

Adding Number to Blog Page Navigation

How to make a blog page number navigation easily

Actually sometime hard to find working number navigation
 gadget for blogger.So this post will help you to add page
number navigation easily. it will helpful to your visitors to
keep watching your other post.so you can increase page-views.
Its just  blogger widget . try it.

1.  Log in to blogger account > Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below code.

<style type='text/css'>

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
border:1px solid #aeaeae;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageNum a:hover {
background-color:#0a8be5;
border:1px solid #000000;

}
.showpagePoint {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#aeaeae none repeat scroll 0 0;
border:1px solid #aeaeae;
color:#333333;
margin:0 3px;
padding:3px 7px;
text-decoration:none;
}
.showpageOf {
margin:0 3px 0 0;
padding:3px 7px;
text-decoration:none;
}
.showpage a {
border:1px solid #aeaeae;
padding:3px 7px;
text-decoration:none;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link, .showpage a:link {
color:#333333;
text-decoration:none;
}

</style>


<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=1;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
  thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
}
itemCount++;

}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
  html += '<span class="showpageNum"><a href="/">1</a></span>';

}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}

html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

function showpageCount2(json) {

var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';

var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;

for(var i=0, post; post = json.feed.entry[i]; i++) {

var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);

var title = post.title.$t;

if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
 thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;

}
}
itemCount++;
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
 upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
 upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
 html = labelHtml+'1</a></span>';
}else{
 html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}

if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span  class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
}

if(postNum==1) postNum++;
html += '</div>';

var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}

}

</script>
<script type='text/javascript'>

var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}

var home_page = "/";
if (thisUrl.indexOf("?q=")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')
}
}
</script>

You can change 1 and 3 and color code as your like.get your color code here

4. Save HTML/Javascript. you are done.

Continue

Stylish Bubble Buttons With Hover Effect For Blogger CSS3

This are very cool and awesome looking buttons for blogger. This buttons are made of pure css and have a cool hover effect. On hover the bubble background of the buttons starts spinning button. This buttons can be added easily so i will teach you how to add this buttons to blogger.

Steps To Add Bubble Buttons To Blogger

• Login to your Dashboard.
• Go to Template >>Edit Html.
• Find for ]]></b:skin> tag.
• Paste the below code just above  ]]></b:skin> tag

.button {
    font: 15px Calibri, Arial, sans-serif;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
    text-decoration: none !important;
    white-space: nowrap;
    display: inline-block;
    vertical-align: baseline;
    position: relative;
    cursor: pointer;
    padding: 10px 20px;
    background-repeat: no-repeat;
   background-position: bottom left;
    background-image: url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png');
    background-position: bottom left, top right, 0 0, 0 0;
    background-clip: border-box;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    -moz-box-shadow: 0 0 1px #fff inset;
    -webkit-box-shadow: 0 0 1px #fff inset;
    box-shadow: 0 0 1px #fff inset;
-webkit-transition: background-position 1.2s;
    -moz-transition: background-position 1.2s;
    transition: background-position 1.2s;
}

.button:hover {
    background-position: top left;
    background-position: top left, bottom right, 0 0, 0 0;
}

.button:active {

    bottom: -3px;
}

.button.big {
    font-size: 30px;
}

.button.medium {
    font-size: 16px;
}

.button.small {
    font-size: 12px;
}

.button.rounded {
    -moz-border-radius: 4em;
    -webkit-border-radius: 4em;
    border-radius: 4em;
}

.blue.button {
    color: #0f4b6d !important;
    border: 1px solid #84acc3 !important;
    background-color: #48b5f2;
    background-image: url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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 {
    color: #345903 !important;
    border: 1px solid #96a37b !important;
    background-color: #79be1e;
    background-image: url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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 {
    color: #693e0a !important;
    border: 1px solid #bea280 !important;
    background-color: #e38d27;
    background-image: url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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 {
    color: #525252 !important;
    border: 1px solid #a5a5a5 !important;
    background-color: #a9adb1;
    background-image: url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.png'), url('http://i1269.photobucket.com/albums/jj591/aditya9172/blog-toolzbutton.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));
}

• Now,click on Save the Template.
• Now, write a New Post.
• To have this button there just paste any of the below code as per your choice.

Note: First choose size of a button then choose for the color of the button

For Big Buttons 

<a href="LINK HERE" class="button big blue">TEXT HERE</a>
<a href="LINK HERE" class="button big green">TEXT HERE</a>
<a href="LINK HERE" class="button big orange">TEXT HERE</a>
<a href="LINK HERE" class="button big gray">TEXT HERE</a>

For Medium Buttons

<a href="LINK HERE" class="button blue medium">TEXT HERE</a>
<a href="LINK HERE" class="button green medium">TEXT HERE</a>
<a href="LINK HERE" class="button orange medium">TEXT HERE</a>
<a href="LINK HERE" class="button gray medium">TEXT HERE</a>

For Small Buttons

<a href="LINK HERE" class="button small blue">TEXT HERE</a>
<a href="LINK HERE" class="button small green">TEXT HERE</a>
<a href="LINK HERE" class="button small orange">TEXT HERE</a>
<a href="LINK HERE" class="button small gray">TEXT HERE</a>

For Small Rounded Buttons

<a href="LINK HERE" class="button small blue rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small green rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small orange rounded">TEXT HERE</a>
<a href="LINK HERE" class="button small gray rounded">TEXT HERE</a>

It's Done.

Continue

Advantages of guest blogging Increases Traffic

As the internet has grown over the past few years, so has blogging, and along with it, the concept of Guest blogging. Guest posting is becoming increasingly popular in this so-called "blogosphere". It is a very effective marketing strategy, and allows you to publicize your blog to places beyond your reach.

Guest posting means allowing others to come and write on your website or blog. In addition, it can also refer to you writing posts for other blogs. You can immediately see how this helps the host by reducing his workload. But why go through all the trouble of writing for someone else, when you won't be getting any immediate reward for your services? That's an irrelevant question to me. I'd rather ask, "Why not?", because there are so many benefits to guest posting that after reading all this, you might want to do it yourself.

Advantages of guest blogging

Before I say anything else, let me say this; do not write guest posts just for the sake of it. Remember; your posts are your ambassadors to the online world. Don't write about something half-heartedly, just because it's not your own blog. If there's any rule over here, it's this; do it properly, or don't do it at all. You can consider me as a sort of Guest author here at MBT. Yet, I do my work properly. And I'd request you do the same, no matter where you submit your guest posts. Here's a short post about guest posting;

Get a free backlink!

Of course guest posting is mostly about building backlinks. When you post on a website, the host is obligated to give you a "dofollow" link, which in other words is a backlink. Noe contrary to buying backlinks from packages, such as $9.99 for 1,000 backlinks bla bla, this method creates genuine backlinks. If you guest post on an authority website, then your backlinks will be better quality. Even if the site is not very popular, you will still get a backlink that is relevant. Now, the backlinks people buy are neither of those things. So I would recommend you to avoid those, and go for guest blogging instead.

Increase your audience and traffic

When you write for another website, you are interacting with a whole new audience. That audience might be small or large, but it is still audience new to you. From these people, chances are that some will click on your backlink or your profile, and land on your own blog. Wouldn't it be nice if you could convert most of the traffic on your guest post to your own website? Well, here's what working hard work even for guest posts comes in. You are more than successful if you are able to divert half the people reading your guest post to your own website. Write a convincing, killer post so hat people don't get many other options.

Write a post such that the readers are encouraged to comment. Ask a question at the end, or raise up points that controversial, in the sense that people think differently about something, and not in a way that they start fighting each other in the comments. Voice your own opinions here, even if hey differ from the public opinion. This will hopefully raise a lot of comments. As a result,your post might just end up in the featured posts or the most popular posts on the host blog! How awesome is that eh? For so long as it stays there, your post will thrive, meaning more traffic juice for your own website!

Your next stop should be comments. Reply to any comments you get on your guest posts. Increase your interaction with your new audience! If you communicate with them, they are likelier to follow you to your blog! And once again, commenting will make your post popular. So go for it!

Build some authority!


Writing on your own blog establishes you as an authority of sorts among your audience. They can recognize you in comments or social media, and will interact with you. When you post on another blog, even more people get to know you.

Best of all, you don't have to have a blog of your own for guest posting. You can build your own authority or recognition in the blogging world by writing guest posts on other blogs. At least, this is how I started out. I wrote my first post on a friend's blog as a guest author, without having any blog. Yet, here I am, writing a post at such a prestigious blog such as this. and a few of you have come to recognize me, especially those who have been following SEM. Hence, you simply can not pass off this opportunity to build your own authority, even if you don't have a blog / website of your own.

No technical hassle!

The good thing about guest blogging is, there is little or no technical handling of the blog involved. You don't have to worry about stuff like SEO, keywords etc. You don't have to spend anything. You don't have to worry about the management of the blog. All you have to do is write! Dealing with plugins and stuff is the job of the host. If you are getting paid, or being rewarded for your guest posts, then what can be better?

Increase awareness about your business

Now this is just what a marketer wants; to reach out to more customers and increase awareness about his business. In fact, many people are guest blogging solely for this purpose. They write posts about a particular product or service, and then submit them as guest posts across multiple blogs. This way, their product gets instant exposure! This is a very effective method for increasing the potential number of customers. Some goes for building a new brand. If you don't have a website, or a blog, you can still write about your brand to let people know about it through host websites.

Improve your writing!

When writing for your own blog, you have to do all the management yourself, all the SEO, all the technical stuff etc. As a result, you are left with lesser time for actual writing part. With guest posting, you can concentrate only on the writing itself. Not only that, you can write about whatever you want! Usually, you are bound to first choose a topic relevant to your site niche. This can limit your options. But if you want to write on whatever you like, just look for a blog in that niche that allows guest posting, and you're ready to go!

This will give your mind more space and time to think, and will give you more practice. Eventually, you will see yourself improving at your writing skills daily!

Continue

What Is A Blog and How To Create A Blog?

There are many people who still do not understand what a blog is or why is blogging so much expanding in the cyberspace. I feel all these people deserve the right to know what a Blog is and how can a Blog be created along with some other similar questions. So for those who just heard of a Blog from their friends, media or any other source, here is a short and precise illustrative tutorial to help you find answers to four important questions in most people’s mind.

Which are,

1. What is a Blog?
2. How do I create a Blog?
3. What is the advantage of blogging?
4. What is Blogger or Wordpress?

Now here comes some useful answers for each demanded question

What is a Blog?

A blog is nothing but an Online Notebook Diary. What do we write in a notebook diary? Of course stuff that we like and things that we feel important to be recorded and shared with our friends and family. A notebook diary can be based on any topic that you like for example you can write on your  hobbies, activities, poems, songs, tutorials, pets, home and family, your personal thoughts etc. People will read your Online Notebook Diary on daily basis and will leave you a comment, suggestion or feedback.

If you write about your personal experiences in a notebook made up of papers, then your writings will reach only limited people around you but with an online diary like a Blog you speak to the world!

So in short a blog is your Personal website where you write and share things you like with millions of people out there who are eager to read what is cooking in your mind!

The video below will give you a more illustrative view of a Web Blog.

How do I create a Blog?

Creating a blog is absolutely free. There are many quality Blogging hosting services that you can choose to create a blog but the best among them is Blogger. I have created this blog with Blogger without even paying a penny! Want to know how? Watch this video to know how to create a blog in less than Five minutes!

What is the advantage of blogging?

You pay nothing Instead you Earn in $$ !! You earn by displaying advertisements on your Blog. People are earning from $100 to $100,000 monthly! I am not kidding an example is shoemoney.com and problogger.net

Plus you will make new friends in the Blogosphere and you earn respect in the eyes of thousands of people. You can become a celebrity! But all this with a little hard work and great patience.

And the best advantage which I have experienced is that you learn every second online! Your internet and computer skills will improve to an extreme edge and this is what the coming era demands from you. Every second on blogging is undoubtedly a new experience! I have learnt HMTL, CSS, XML and a bit of JavaScript without taking any classes. I learnt them all within a year of my blogging career and today I am able to design a quality blogger template in less than three hours MashAllah!

What is Blogger or Wordpress?

These are the major blogging platforms which help you create a free Blog.  But if you are confused which one to start with then go for Blogger. It has many features which wordpress doesn’t have and the best part is that Blogger allows you to customize your template in any way you like by editing the CSS style sheet! So what are you looking? Start blogging now and build up a new cyber life. Best of luck!

To know in detail whether Blogger is better or WordPress then read this post –> Comparison Chart 2010 for WordPress Vs Blogger

Feel free to ask any question that is still troubling your mind. Take care :>

Continue