Full Blogging Tutorial and SEO Trick For Your Blog

Showing posts with label blogger. Show all posts

Home » Posts filed under blogger

Add Facemoods Emoticons To Your Blogger Comments

Posted by Unknown

Here are some amazingly funny emoticons compatible with your Blogger comments - also with threaded commenting system! If you want to know how to add them, just follow the next steps:

DEMO

Step 1.

Go to Dashboard - Template - Edit HTML - Proceed

...and select Expand Widget Template (don't forget to make a backup)

Step 2. Search (using CTRL + F) for this code:

For previous commenting system:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

For threaded comments:

<div class='post-footer-line post-footer-line-3'>

Step 3. Add the below code just above it

(for threaded comments, add the code after):

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGoD-ANA9wIwb-7NG7PTpHwMILwi5n1RD4codZ_L_7l7hugQtEDUGJTh8prkEcx2B22FXrcpt4W60WV1inn6D2LV_Wi74dOzo8XDB0vDEakkdgF8RLuXXODmSR_WColvn8YBjCEUW_-b35/s1600/fe-blogger.blogspot.com(1).gif'/> :a
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqw9b2Akf2HGdIS7ccZXLNIl-Kxa1X5CNpa58DQ7vfhz4WNts5Z1DMvSm8JhbAGEeBA3PBAvT7uAjeiCTNfV209WqhD07cErGy3X1VOBOKApluoz9-NVq_1ngiodvZBR2d5bXJQvuL84c/s1600/fe-blogger.blogspot.com+(2).gif'/> :b
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHQ1ZJjDclbTpkN6H12G7Xf1ZYCTbxNcXhF0UoUrOzBd9wBwrfkltjWhx9t_17t3iwTmcaPxWSSQo0Jn4yi2jEghcWvrX2GFmTMm-kgI-440RxKGditN-Xxb5cI7sxKeFlAHKE0LqEosbZ/s1600/fe-blogger.blogspot.com(3).gif'/> :c
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHMlYagHeazTQPpahzcCkDKEB2u1F8tlGdD2Zwn7saSHO7kvZmB6Bmq0DIMcOuRJD0soOetMl8TCRnXvF1IM3b_4MRZKZOeH6Nxz9t3dVUIiLEaP7G-0Yf-q0_OEyB3ThS0ufawp6swR1I/s1600/fe-blogger.blogspot.com(4).gif'/> :d
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGNDeSl0mgwOdIahjOK0KVYSyViIYqdyg1tyo9U9cAPGE75G3q13aM_2swwtEYnwEAXy61jWeezhxz4AuIvPQ2QiP9q6amVrpsBrVyqtapanvRgZJ7n1k9tylupEyi3ncwFiwih0TpjhAN/s1600/fe-blogger.blogspot.com(5).gif'/> :e
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4rgS70JIeVdH72XmdB-DMD0gVqMBN0Ck_olh92NXsPTCy3evorlCShfVDGon_abyCAEQRQSuf1PykTIXksOhbdK5rLzeTEXH5WVUIlfvQ3p0S_fBhLODoyKUwdDCPHeG2m63c-e6Bjyry/s1600/fe-blogger.blogspot.com(6).gif'/> :f
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGRolLr9Os2ucUfRfnm6Iszvg38RuD2y7tj2RpVDFRJlJAnp5MpqNIuHVXeq6Tb97Fqwb1QCT4y-MAJPCsdzDXo2gb2NIWm7pg0vTuTkZ5zMT8OgxoB3Ea9Og3PUApe4cdtQJZckiFRnu7/s1600/fe-blogger.blogspot.com(7).gif'/> :g
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpwVoL6kCwmM0PJZcQYjjxdjknp2iIlFETjAERgUkIdvyiw6ZIiJa98V8ATkoxgX_2BGard3SpenINwYX0tKIyXhhfP08gtlYAYYBRRYrCUXDZScSjUIFB9QJa8NdWfr-tKb3YbQ2b3CsL/s1600/fe-blogger.blogspot.com(8).gif'/> :h
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiubzUbcUTv4JkFW-kzf7UEgD0-Wg-Uc3Ibw64Ae-vXlkqL0gFwlb1ymq0ULevCqgBnWSD_FLf260S4i-31GUEumwMu6tN9vXRwJYRG5YvkFXWSgs72yFnik7SXQTyYRpFUL2V4wGSNRO7B/s1600/fe-blogger.blogspot.com(9).gif'/> :i
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfiSdB0rYqCnu9z605qgCM24FfqKyVxmgOzkQPre8wYj_l_HsLy6qzIdAeHwYuXsOTAuHIiCLqQmiqxAao90oaaUOUQT2Iq4rgCPqAqO3oNLCVUxm2UjD7qWny-EnCVvra-TxHKYFStQPc/s1600/fe-blogger.blogspot.com(10).gif'/> :j
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkuTvg0use8hL0k-t9Lko_vMS9H9HbccxMgeRxA0WzB8XKy4Zl694dGi9s3aGfJurt7DeMFZuiq6hCiDJf23jonFeJf46J7_18y-LvrJPB1vne_R6-WX8vEAH-v1HxVUJEC3f1MuIBitVd/s1600/fe-blogger.blogspot.com(11).gif'/> :k
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTFhs5jUptqEcfZQdbl-NAeG7F90sMK-pGLgmRi7CgBgaYPUMnf1XwLujhMCNc6v8-cel4PLQJpq8-a4sr7QdBTqVpBYDcrK2RXJ_5ekn0Iovqi_jGw2fEAogQMM3IF9UorTN2Btk5RZ-1/s1600/fe-blogger.blogspot.com(12).gif'/> :l
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy91EU8iMRDCLJ_2eFRNBoaZhfImjRe6v69G4mhpeUTx0hzlRMYAOfzqQUQUzQqxV1229efFFqAXvtPTR5pWuegGZZ14N3qzs6eiOpid2PpCNJEGvYuAZ5aDaoVBQU28DfTaWS4BtX_j5I/s1600/fe-blogger.blogspot.com(13).gif'/> :m
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmJcCqD4SC7-8QPrItrfGGXIqfgkLyHeg8juyHRjiaXOLfsvInoJrZCChJwrDlrItKoY13kLklXyUWb7OOVq3B3wxRnvWAVxNkF6Xjz57Wxh-aLmJZHrric5pTNPbLswFnLCgko1tVqDD_/s1600/fe-blogger.blogspot.com(15).gif'/> :n
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxq3DBB9EAMlE9qjN9F13jd3zcGqlA29zmHZG9Bv8ROtOchncs323vXfoVu0tA2bw21ojE8y9F2GKzi4XpfKlXUYpLXOfkiUOt9hfLgEnmYYO0HCjTWHnvJatRnOzBrsIII1ocncL_bUeQ/s1600/fe-blogger.blogspot.com(16).gif'/> :o
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjP5d0-jWsob1tf-NXPEwKELSEpCaHuv4wYXGvUbab3Zok8guYuHXreg1txhswMgTVdpZI01Wlvo5O6sHO3u560gGSWwBlS7KAw1haiNo8lvfT67KmK4VfdlPnqmyLVXt17hJ15fnFEXHKH/s1600/fe-blogger.blogspot.com(14).gif'/> :p
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg424HwV59aSlsDD16bA1MIA-HsdiLdE7asWkMI4KgrrrAbSTjjDrqz8OQOdTxIoic97vwGnbZGTPbdDbSB5Y7WpKoXsVOG1oq2EtiqdxecGaFNJZotWl-tANKvFuZNfSz_OhL2FaviMBBg/s1600/fe-blogger.blogspot.com(17).gif'/> :q
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9m0ksj-ned5it2JRRakjzMjwC2b4LVhSPbOFxa00aePymHJNPI9Zk0O3hRtirH8oJwXsy_fvDPoOxQLgMFIkV6kUmgevspG7RtrW7XDX45aDrVfVZ6RhZ03ByGAfnLYeWXzeqwIxSeG2E/s1600/fe-blogger.blogspot.com(18).gif'/> :r
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghuBBAIcA6z4p-swdYES-T-IrO1w3gXd_Ed87uoEk9wWtbMNdJZJs7BceGjBe-Z1R2a8nS6UXSiPLW066BwRiz4OH-B50stJZCMnqQncQVmu4Z4iiEe20FSNyLQYnLx-iiAUB78hug8PPY/s1600/fe-blogger.blogspot.com(19).gif'/> :s
 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzhA-yCMuWybOrwR4mikKpDbLsacTbkFbdim8R6AqU6CU9E5-TX5c1wkzs9Y6GN9N4p9yX9e1rB6VxPBbkWvNnbCjHIj9KsbHTyViPpu-_2bDgBMYFsSflyyXtbsqFExtXeweo0faNvGzk/s1600/fe-blogger.blogspot.com(20).gif'/> :t <a href='http://fe-blogger.blogspot.com/2012/05/add-facemoods-emoticons-to-your-blogger.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

Step 4. Now search for this piece of code:

</body>

Step 5. And add the following code immediately above it:

For previous commenting system:

<script type='text/javascript' src="http://fe-blogger.googlecode.com/svn/trunk/facemood emoticons.js"/>

For threaded comments:

<script type='text/javascript' src="http://fe-blogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Step 6. Save the Template. Now, enjoy your comments!

More about → Add Facemoods Emoticons To Your Blogger Comments

Google Translate Widget with Flags For Blogger

Posted by Unknown

The Google Translate Widget for Blogger allows the visitors to translate your site or blog in their own language.
This widget also auto-detect your blog language and then translate it to the readers chosen language.

It supports 12 different languages:
English, French, German, Spanish, Italian, Dutch, Portuguese, Russian, Japanese, Korean, Arabic And Chinese.

google translate for blogger, blogger gadgets, blogger tricks

How To Add The Google Translate Widget To Blogger

Step 1. Go to your Blogger Dashboard >> Layout and click on "Add A Gadget" link

Step 2. From the pop-up window, scroll down and choose HTML/JavaScript

Step 3. Paste the code below in the empty box:

Step 4. Now click on Save

google translate, blogger widgets, gadgets for blogspot

And you're done! Enjoy (:

More about → Google Translate Widget with Flags For Blogger

A Beautiful jQuery Drop-Down Menu For Blogger Blogspot

Posted by Unknown

Alright, this time, we are going to make a stylish and simple jQuery drop down menu. The main objective is to make it as simple as possible, with some little jQuery effect and easy to customize/ apply different style on it. To style it into your own design, you just have to modify the a tag CSS style. You can change colors or put background images, or the size and color of text.

Steps Adding the jQuery Drop-Down menu

Step 1. Go to Dashboard - Template - Edit HTML - Proceed

Step 2. Expand Widget Template (make a backup)

Step 3. Search for the following code:

]]></b:skin>

Step 4. Add the following CSS code before/above it:

#jsddm {
height: 40px;
margin: 0;
overflow: visible;
z-index: 2;
padding: 15px;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}
#jsddm li ul li a:hover {
background: #A3CEE5;
}

Step 5. Now find this piece of code:

</head>

Step 6. Add this code immediately before/ABOVE it:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
function jsddm_open()
{ jsddm_canceltimer();
jsddm_close();
ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
{ closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
{ if(closetimer)
{ window.clearTimeout(closetimer);
closetimer = null;}}
$(document).ready(function()
{ $('#jsddm > li').bind('mouseover', jsddm_open)
$('#jsddm > li').bind('mouseout', jsddm_timer)});
document.onclick = jsddm_close;
//]]>
</script>

Step 7. Click on Save Template button.

Step 8. Go to Layout > click on "Add a gadget" link

Step 9. Choose HTML/JavaScript from the pop-up window

Step 10. Paste the following code in the empty box:

<ul id="jsddm">
<li><a href="#">Home</a>
<li><a href="#">Link 1</a>
<ul>
<li><a href="#">Drop 1-1</a></li>
<li><a href="#">Drop 1-2</a></li>
<li><a href="#">Drop 1-3</a></li>
</ul>
</li>
<li><a href="#">Link 2</a>
<ul>
<li><a href="#">Drop 2-1</a></li>
<li><a href="#">Drop 2-2</a></li>
</ul>
</li>
<li><a href="#">Link 3</a>
<ul>
<li><a href="#">Drop 3-1</a></li>
<li><a href="#">Drop 3-2</a></li>
<li><a href="#">Drop 3-3</a></li>
<li><a href="#">Drop 3-4</a></li>
</ul>
</li>
<li><a href="#">Link 4</a></li>
<li><a href="#">Link 5</a></li>
<li><a href="#">Link 6</a></li>
</li></ul>

Note :

You must change links titles and replace the # symbol with the URL address of each of your links

Step 11. Click on Save

Important:

- if your menu is on the sidebar, or footer, just drag it to your page header and click and click Save again.
- if drop down links are not showing, do the following:

Go back to Template > Edit HTML and search (CTRL + F) for this code:

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

You should change 1 with 3 and no with yes like this:

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

Save the Template.

Next thing to do is to go to Layout and drag your menu immediately below your header

Then click on Save Arrangement

Here you can see the DEMO.

Enjoy! :)

More about → A Beautiful jQuery Drop-Down Menu For Blogger Blogspot

How to Add A Comment Count Bubble To Blogger Post Titles

Posted by Unknown

A comment bubble with current number of comments displayed to each blogger post titles could make your blog more attractive. This improves not only your comments count but also allows your visitors to see what are the most popular posts on your blog. When a post has many comments, then the comment bubble will show the popularity of your posts to readers and visitors so that they might be more interested in reading them.

So let's start adding it:

Step 1. Go to Dashboard - Template - Edit HTML (click on Proceed button, if needed)

Step 2. Select "Expand Widget Template" (make a backup)

Step 3. Find - using CTRL + F - the following piece of code in your template:

]]></b:skin>

Step 4. Add the below code just above ]]></b:skin>:

.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1s8kaejPeoOajnQLxFD3oxc_vr-oZF6aLBEYu02Tff-9fIixtn12PHNSC3z9HvQBtdCqzYKWaoEN-bhVEOhZZQMm9W_oHcgj5YPrISIxl_JEtlfSVWupNEn_FFIeWtBq7-N-lAhN-aT2T/s1600/speech+bubble+green.png);
background-repeat: no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
}

Step 5. Now find this code:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>

Note: If you can't find it, search this code instead:

<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>

Step 6. And add this code immediately after it:

<b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color: #ffffff; font-size: 18px; font-weight: bold;'><data:post.numComments/></a>
</b:if>

Note:

to change the color of the comments number, replace #ffffff with the hex value of your color;
to change the font size, increase/decrease the 18px value;

Step 7. Preview your template and if everything is ok, click on Save Template.

Comment Bubbles

You can choose one of the images below - right click on the desired image and select "Copy Image Address/Location", then replace the red code from step 3 with the address you just copied.

bubble comment count, bubble blogger posts

bubble comment count, bubble blogger posts

That's it! Enjoy (:

You might also be interested in reading this tutorial:

Display post author, date, labels and comments with icons below post titles

More about → How to Add A Comment Count Bubble To Blogger Post Titles

How to Create Static Pages in Blogger

Posted by Unknown

What are Blogger static pages?

Blogger Static Pages allows you to create specific pages like About Me, Contact page, Privacy Policy etc. on stand-alone pages that are linked from your blog. The static pages basically are the same as post pages, but there are several things that make them different. One of the differences is that static pages don't appear in the home page, don't have a label, and are not indexed as archive pages.

How to Create Static Pages in Blogger.

Step 1. Log in to your Blogger Dashboard

Step 2. Click on Pages

static pages blogger, blogger tutorials, widgets

Step 3. Click on New Page - Blank Page

Step 4. Type the title and write the page's content.

Step 5. Before publishing it, click on Preview to see how it will appear on your blog.

Step 6. When you have finished the editing, click on Publish button.

Step 7. Now you have 3 options:

Keep it as nav menu below header - Top tabs
Display the page in your blog's sidebar - Side Links
Add the page's link manually to your template - Don't Show

Step 8. After you have chosen where the page will appear, click on the Save arrangement button

And now you're done!
Now you have owned the static page. If you want another static page, just repeat the steps above.

Note: if you have opted for Don't show option: go to Pages again and right click on the page's title and select Copy link location (in firefox). You can add the link manually to your sidebar via Link widget or add the link in your template, via Edit HTML.

If you need more help, leave a comment below.

More about → How to Create Static Pages in Blogger

Ways To Increase Page Impressions and Traffic on Your Blog

Posted by Unknown

What is a Google AdSense "Page Impression"?

The page impressions or page views - how much time a user stays on your website and how many pages are visited. This is one of the most important things when talking about advertising. Page impressions are the result of good high quality traffic which is mostly based on the quality of the content available on your blog/website. If you build high quality content then people will enjoy navigating through your site and therefore, create page views.

In general, AdSense reports show the following fields of information:

Page Impression: how many times the page or pages containing the AdSense advertisement was shown to your blog/website visitors
Clicks: the number of times visitors clicked on an advertisement from your site
Page CTR: The clickthrough rate of an advertisement is defined as the number of clicks on an ad divided by the number of times the ad is shown (impressions), expressed as a percentage. (1) In most cases, a 2% click-through rate would be considered very successful, though the exact number is hotly debated.
CPC: is Cost Per Click. That is what Google pay you per click.
Estimated earnings: Your account balance for the time period selected. This amount is an estimate that is subject to change when your earnings are verified for accuracy at the end of every month.(2)

Below are some ways that could help you to increase the page impressions:

1. Navigation Menu

Create a navigation structure that is clear and easy to follow. You want to make sure that once you have a visitor, they can easily make it to other parts of your blog. Creating links within your blog pages is one of the best ways to increase the number of impressions for your website.

2. Posts Summary on Homepage

A very good method to increase your page views is to have a summary of your posts on your blog/website homepage. That will force visitors of your blog to click on posts link / read more button in order to see the full article. To show only a part (excerpt) of Blogger posts, read this tutorial:
Automatic Posts Summaries for Blogger with Thumbnails

3. Improve Blog/Website Load Time

If a blog’s pages load very slowly, then visitors will eventually lose patience and stop visiting more pages, sometimes sooner rather than later. A blog that has quick loading pages is a pleasure to browse and it encourages more clicks.

4. Add a Popular Posts widget

Another great way to engage your readers to stay more on your site/blog and to browse through your content and make more pageviews is to add a Popular Posts Widget where you share some of the best posts on your blog.

Here are some nice Popular Posts widgets for your Blogger blog:

Popular Posts widget above Blogger Posts
Multi-Colored Popular Posts widget

5. Add a Random Posts Widget

If you have loyal visitors who come to your blog on a daily basis, a popular article widget will become boring just because they see it every day, with same posts. A random posts widget will mix the articles so that the probability for a post to repeat will be very low.

Want to add a Random Posts Widget for your Blogger blog? Then take a look at this tutorial:
Random Posts widget with thumbnails

6. Link to Related Posts at the End of a Post

Displaying a related posts is a smart way for keeping your site visitors around. The widget links to stories that are relevant and interesting to readers of a particular post, keeping them engaged with your blog, and increasing your traffic.

If you don't have it on your blog yet, see this Related Posts Widget tutorial for Blogger blogs: Add the Related Posts Widget with Thumbnails to Blogger

7. Add internal links to your content using related anchor text

Include a link in a new post to related information in a previous post. When you link to a previous post that you've written you should consider doing it so with descriptive words of the post, rather than generic words. (don't use simple words like "click here for more"). Adding links to previous articles will determine your visitors to view articles and automatically will be converted into page impressions.

8. Provide links into your social networks profiles or forums

Share your blog links on Facebook, Twitter or any other websites or popular forums. Answer to questions on the web. But be careful to not be too intrusive and always try to give pertinent info.
You wouldn't want to support or to be considered as a spammer, don't you?

9. Add a search box

A lot of websites does not have a search box. As a result, the visitor will leave the site if he didn't find anything further relevant. For best results, you should be using the Google custom search widget. You can embed the Google search box directly in your blog. The search results will be more relevant than those that are provided by your default search box.

10. Add Social media buttons

Give your visitors multiple options to tweet, bookmark and share your posts via Facebook as well as save your whole blog. Put social icons below your post and in the sidebar, make them visible and let them be found easily.

11. Use a clean background for your posts and readable fonts

Avoid dark backgrounds, tiny and sophisticated fonts, and make written content the visually most distinct part of your blog. If your main objective is to deliver a message and get the visitors reading your stuff, then you should make this process comfortable for them.

12. Advertising

And finally, getting people to your site may just be a matter of getting the word out. By using pay-per-click advertising, you can create an inexpensive advertising campaign to get more people to your site.

Following these tips will surely increase your blog's page views, which will make your blog traffic high in the future. Good luck!

More about → Ways To Increase Page Impressions and Traffic on Your Blog

Pages

Add Facemoods Emoticons To Your Blogger Comments

Recent Posts Widget with Thumbnails for Blogger/Blogspot

Google Translate Widget with Flags For Blogger

A Beautiful jQuery Drop-Down Menu For Blogger Blogspot

How to Add A Comment Count Bubble To Blogger Post Titles

How to Create Static Pages in Blogger

Ways To Increase Page Impressions and Traffic on Your Blog

Translate

Total Pageviews

Popular Posts

Labels

Blog Archive