5 Effective Tips To Boost Your Traffic

After few days i haven't update this blog now i will share a pretty article to you "7 Effective Tips To Boost Your Site Traffic". Maybe if you're a newbie blogger like me, you are confused how to get a lot of traffic. Maybe i dont know how, so now my blog visitor just 20/day. But its doesn't matter because i'm to lazy to do this tips. So if you do this tips to your blog, and do this frequently i think your visitor will increases up to 200%. So just do this tips below :

---

1. SEO Your Blog
SEO or Search Engine Optimization, by optimize your site on the search engine and make your site to the top result on the search engine you'll get a lot of traffic. 50% people make google as a homepage on their browser, and if they type your keywords and make a search on the search engine (Google) I promise, your traffic will be increased.
2. Update Your Blog Frequently
Quality still reigns over quantity, so don't over do it. Every blogger want repeat visitor/loyal visitor. Not just new one who stop visiting if they get put off by the quality of the article on your website. So update your blog frequently, with the high quality article.
3. Optimize Social Media Network
I think almost everyone have a Facebook and/or Twitter account. There is so many that you can reach out there (Social Media). So if you optimize your social media network, it very effective to increase your loyal visitor/subscriber of your site.
4. Comment on Others' Blogs
If you visit other blogs and that blog has a lot of visitor and high Page Rank. I think leave a comment on that Blog is a good way to increase your visitor. So leave your opinions about an article on that blog in the comment box. And encourage the readers to visit your own blog.
5. Build a Blogging Network

Bloggers are a close-knit community. they support and help one another in the blogosphere. So if you're known to each other and visit his/her blog, he/she is likely return the favor and visit your's too.

Ok maybe thats it, 5 effective ways to Boost Your Site Traffic 

Next post "Top 20 Google Adsense High Paying Keywords 2012"

Source : hellboundbloggers

Read More 5 Effective Tips To Boost Your Traffic

Threaded Comment Replies Added To All Blogger Comment Forms

How to add Threaded comment replies to your blog, Threaded Comment Replies Added To All Blogger Comment Forms

Threaded Comment On Blogger

While that tutorial was a valid option to allow readers to reply to comments it did not place the reply to each comment in a threaded fashion. In fact many of the comments on that post asked was it possible to have the reply placed under the original comment. After so many many requests the Blogger Team have taken note and today Threaded comment replies are now available on Blogger.

And now i will share this tutorial to you, hmm i know this trick from spice up your blog. You can visit that blog for other information or visit blogger team. As you see on my blog, if you commented on my blog post, my comment box are threaded. because i've tried this tutorial and its work. Ok so this is it. How To Add Threaded Comment Replies To Your Blog.

How to activate comment replies on Blogger

For most people the threaded comment replies will be activated automatically on your blog. If you cant see the comment replies here is a check list to get them working :

Comment form is set as embed - Go to your settings > Comments > Comment Form Placement > Tick "Embedded below post" and make sure to scroll to the foot of the page and save.

Site feed is set to full - Got to settings > Site feed > Allow Blog Feeds > From the drop down menu choose " Full" and make sure to scroll to the foot of the page and save.

If none of this is working it could be your template, leave a comment.

 Latest post "Create Google Breadcrumbs On Blogger"

Source : SpiceUpYourBlog

Read More Threaded Comment Replies Added To All Blogger Comment Forms

20 Best Font For Web Designer - Free

20 Best Free Font For Web Designer, Best Font For Web Design, Great Font For Web Design.
Ok guys, now i will share to you 20 Best Free Font For Web Designer. I think you like to spice up your site. And sometime you're confused because you've many font on your Computer. And now i will recommend to you 20 Best Free Font for Web Designer. The font is smoothy and easy too look. its a clear font but still elegant. i think you'll in love with them. Ok this is it 20 Best Free Font For Web Designer

20 Best Font For Web Designer

Ok thats it, 20 Best Font For Web Designer. I hope it can be useful for you. Thanks Before. Please support me by following or subscribing this blog.

Next Post "Threaded Comment Replies Added To All Blogger Template"

Source : http://www.webdesigndev.com/web-development/20-best-free-fonts-for-web-design

Read More 20 Best Font For Web Designer - Free

Create Google Breadcrumbs On Blogger

Create google breadcrumbson blogger, show breadcrumbs on google result page, Google Breadcrumbs On SERP.
Hai guys, maybe if you are my blog followers you knew that i have shared a post like this post title. But youre wrong! Its true if you think i've create another post about breadcrumbs navigation, and what the different on this post? Just the google word before the breadcrumbs? Yeah youre right. So now we will learn how to create google breadcrumbs on blogger.
I will tell you what the different.

Its called Breadcrumbs Navigation

And this is Google Breadcrumbs

So, know we know that if we had put the google breadcrumbs code on our website. We'll find the breadcrumbs that we put on our website on the Search Engine Result Page, its make your visitor easier to find any post on your website. And its will make Spider Bot easier to crawl your website. So it will increase your SERP.
Ok now lets we started the way to Create Google Breadcrumbs On Blogger.

---

1. Login to blogger
2. Design - Edit HTML - Expand widget template
3. Find this code on your template

<b:include data='top' name='status-message'/>

 And then paste this code below after that code.

<b:include data='posts' name='breadcrumb'/>

4. Ok, after that lets find this code

<b:includable id='post' var='posts'>

And than replace that code with this code below

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>

 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:loop>
 &#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

5. If you want to customize your breadcrumbs design, and want to your breadcrumbs design look like appear on my website. You can put this code below before code

.breadcrumbs {border: 1px solid #c1c1c1; background:#f1f1f1; font-family: 'Yanone Kaffeesatz', arial, serif; color:#999999; font-size: 15px; padding: 10px; margin-bottom: 10px;}

And then paste this code below after <head> code

<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'/>

 6. Last step is save your template.
Ok thats its, i hope this tutorial will be useful for you. How to Create Google Breadcrumbs On Blogger
Next post "20 Best Font For Web Designer"

Read More Create Google Breadcrumbs On Blogger

How To Change Blockquote Design On Blogger

How To Change Blockquote Design On Blogger, Change Blockquote On Blogger, Change The Blockquote Design On Blogger.
Hai guys, now i will share a tutorial to you. Its about "How To Change Your Blockquote Design On Blogger" I hope this tutorial will be useful for you. I think its not a great web design tutorial. But it may useful for you, exactly for a newbie blogger like me, who like to spice up their blog. Ok lets we started "How To Change Your Blog Quote Design On Blogger"

---

How To Change Blockquote Design On Blogger
1. Login to blogger
2. Design - Edit HTML - Expand Widget Template
3. Find </b:skin> code, and paste this code below BEFORE </b:skin> code

.blockquote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background: #484B52 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG3kcAdX5JUV9DfOIE1js4DU1-_uo_U6MJR9AK5eNMiIkR_O4HloL8LK13IS0EFahi53nVHwATDXEGPDvfcPHCGTebNaDDkjIPGH7eY9QScjV8paCZtNYVXt6zeU1Nu0K0gSUxKBVsP40/s1600/green-black-side.gif) ;
background-position:;
background-repeat:repeat-y;
margin: 10 20px;
padding: 20px 20px 20px 50px;
color:#C7CACF;
font: normal 0.9em Helvetica, verdana, serif, Georgia, "Times New Roman";
}

And save your template. After that you can check is that work or not? Just create a new post and write any word on that post, and then click blockquote or just type a word between this code.

<blockquote>Type Your Word here</blockquote>

And you'll found a blockquote design like me, if you not like this blockquote design. You can edit the CSS code that i given to you. Just flow your creativty. OK thanks for follow up my blog
Latest post is "Dofollow Blog List 2012 With High Pagerank"

Read More How To Change Blockquote Design On Blogger

Create A Beautiful Advertisement Box

I always visit Spice Up Your Blog blog, because i think i can get many information about web design, sometimes i can get an idea because spice up your blog. And today im very excited because i think the "Advertise Here" Widget on spice up your blog is very beautiful and great. If you like that but you dont know how to create a beautiful advertisement box like that, i will give you a tutorial about that.
So Lets Create A Beautiful Advertisement Box

---

1. Login to blogger
2. Layout - Edit HTML
3. Paste this code below before </b:skin>

#advertisement{background:#81acc7; padding-top:60px; padding-bottom:65px; width: 250px;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:15px;
font-family: 'Yanone Kaffeesatz', arial, serif;
text-align:center; color:#fff;font-size: 18px;}
#advertisement:hover{background:#81acc7;
-moz-border-radius-bottomleft:60px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:60px;}
#advertisement a:hover{color:#fff;}
55px; padding-bottom:57px; width: 125px; margin-bottom:10px; float:left;
-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:15px;
font-family: 'Yanone Kaffeesatz', arial, serif;
text-align:center; color:#fff;font-size: 18px;}

And then save your template
5. And now go to Layout - Page Element
6. Click add gadget - Add HTML/Javascript
7. And then paste this code below

<div id='advertisement'>
Advertise here
</div>

8. And then save it.

"Advertise Here" Widget - Blog Yahyagan

"Advertise Here" Widget Spice Up Your Blog

Try to place your mouse (cursor)  on the advertisement box, you'll see what happen. I thinks that's a really great hover effect.
Now you'll see how the code look like. I love the transtition effect. And remember i get this idea and inspired by SpiceUpYourBlog. Maybe sometime you can visit SpiceUpYourBlog, you'll find great blogger tutorial. So let's follow that blog.
Next time i will show you a tutorial, how to change blogger font.
Inspired By : SpiceUpYourBlog
Lets see next post, "3 Ways To Increase Your Visitor Massively"or "How to Change Blockquote Design On Blogger"

Read More Create A Beautiful Advertisement Box

Dofollow Blog List 2012

Dofollow Blog List 2012, High Pr Dofollow Blog, High Page Rank Dofollow Blog 2012
Hai guys, now i will share to you some dofollow blog list. I have heard that maybe google will update page rank on January 2012 but i dont know when, so we must prepare our blog to get page rank from google. How to prepare our blog to get a page rank from google? We must get some backlink from the website that had huge page rank, and now i will share too you some website that have huge page rank and thewebsite are dofollow.
Ok, whats dofollow mean?
I dont know what is dofollow mean? But if we commented on the dofollow blog, we get 1 backlink from that blog. So if we commented on 100 dofollow blog, we will get 100 backlink. I think 100 backlink is enough to got page rank 2 or 3 from google. So whatare you waiting for? Lets commented on dofollow blog list that i've shared to you
Dofollow Blog List 2012

http://blogyahyagan.blogspot.com  PR2
http://yahyagan.blogspot.com  PR2
http://gunnersblogs.blogspot.com  PR2
http://www.smuggecko.com  PR4
http://www.centos.org  PR7
http://www.topo.com  PR7
http://web.appstorm.net  PR6
http://justintadlock.com  PR6
http://www.seobythesea.com  PR6
http://www.spreadthunderbird.com  PR6
http://www.brazencareerist.com
http://www.currybet.net  PR6
http://www.budding-health.com  PR3

Ok thats it, i hope it will increase your page rank on the next google pagerank update. Hope you enjoy it
Dofollow Blog List 2012 
High PR dofollow Blog List 2012 

Next Post "Create Beautiful Advertisement Box"

Source : www.smuggecko.com

Read More Dofollow Blog List 2012