Archive for August 2014

How to Add AdSense to WordPress?

add adsense to wordpress
To add AdSense code to WordPress blog is quite easy, all you need to get the code from Google AdSense and paste in a WordPress Widget. The main advantage in AdSense ads are, you don’t need to search for the ads, instead Google itself determine, what your posts and niche is all about and display those ads which are relevant to your readers, such as if your niche is about painting, it will display an ad, like “Art Supplies” etc, which associates with your niche. Google give an easy excess to add AdSense to blogger, because AdSense is run by Google itself. If you got huge amount of traffic, add AdSense ads in your blog and make some money. 

Sign-up with Google AdSenseJust Sign-in with a Gmail ID or you can Sign-up for a new account.

Agree their terms and conditions: Their terms and conditions consist of some rules, like you can’t invite people to click on your ads, don’t edit the code given to you, or don’t display the ad with a popup.

Build your Advert: Once you activated with AdSense, log into AdSense and go to My Ads, and then add a New Ad Unit. Now you can select an advert according to your choice, for example, select a banner ad for the top etc. Save and get the code.

Step 1: Login to your WordPress site, got to Appearance and select click on Widgets.
AdSense to WordPress
Step 2: In widgets you have to select a Text Widget.


Step 3: Once you select a Text Widget, Paste the AdSense Code in the widget.
  
AdSense to WordPress
Monday, August 18, 2014
Posted by Blogger Wits

How to Add Top Commentators Widget With Avatars in Blogger?

Step 1- Select your blog and click on "Layout" and " Choose a Gadget"

Step 2- Select "HTML/JavaScript"

Step 3- Paste the " Commentators Widget With Avatars Code" in section "HTML"

 <style type="text/css">
.top-commentators {
margin: 3px 0;
border-bottom: 1px dotted #ccc;
}
.avatar-top-commentators {
vertical-align:middle;
border-radius: 30px;
}
.top-commentators .commenter-link-name {
padding-left:0;
}
</style>
<script type="text/javascript">
var maxTopCommenters = 8; 
var minComments = 1;     
var numDays = 0;         
var excludeMe = true;    
var excludeUsers = ["Anonymous", "someotherusertoexclude"]; 
var maxUserNameLength = 42;
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';
//
var sizeAvatar = 33;
var cropAvatar = true;
//
var urlNoAvatar = "http://2.bp.blogspot.com/-pWdg8wLsedo/UmVWQxLdwrI/AAAAAAAAEVk/-z7YgKykkuU/s1600/avatar_blue_m_96.png" + sizeAvatar;
var urlAnoAvatar = 'http://1.bp.blogspot.com/-6B6DXCp8dek/UmVPm7D2mOI/AAAAAAAAEVU/Xz-3z2nRpUk/s1600/avatar1.png' + sizeAvatar;
var urlMyProfile = '';
var urlMyAvatar = '';
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="avatar-top-commentators" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="commenter-link-name" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length) for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g);
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
   
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json && json.feed && json.feed.entry && json.feed.entry.length && json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commentators">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
Note: To hide admin plus users name replace someotherusertoexclude text between the quotes.
To change no of users Just change the number Var maxTopCommenters = 8

Step 4- "Save Template". 

Thursday, August 14, 2014
Posted by Blogger Wits

How to Add Snow In the Background of Your Blogger Blog?


Step 1- Select your blog and click on "Templates" and "Edit HTML"

Step 2- Click inside the code area and press "CTRL + F" for search box, and search
"]]></b:skin> Tag"

Step 3- Paste " Snow In the Background Code "Above" ]]></b:skin>

 /* Snow falling for Blogger
----------------------------------------------- */
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

#falling-snow {
background-image: url(http://4.bp.blogspot.com/-26HXwn0tlWA/UaJZYbdbDnI/AAAAAAAADfA/AeiBdAIR0zU/s1600/snow.png), url(http://4.bp.blogspot.com/-8RALuvldFh8/UaJZY1tUptI/AAAAAAAADfM/rIaHhS2A4yQ/s1600/snow3.png), url(http://4.bp.blogspot.com/--AYxx7PegOc/UaJZYvy9wVI/AAAAAAAADfE/0Lp5NLrudxc/s1600/snow2.png);
-webkit-animation: snow 20s linear infinite;
-moz-animation: snow 20s linear infinite;
-ms-animation: snow 20s linear infinite;
animation: snow 20s linear infinite;
}

Step 4- Now Search ">body< Tag" or Search this line

 <body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

Step 5- Add this code Below "Body Tag"

 <div id='falling-snow'>

Step 5- Just Above "Body Tag" Add this

 </div>

Step 4- "Save Template" 

Tuesday, August 12, 2014
Posted by Blogger Wits

How to Add "Back to Top Button" in Blogger?

Step 1- Select your blog and click on "Layout" and " Choose a Gadget"

Step 2- Select "HTML/JavaScript"


Back to Top Button

Step 3- Paste " Back to Top Button Code" in "HTML"
Style 1
Back to Top Button

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-hsRaTBL9lpY/USDb4Wzo2WI/AAAAAAAAAiU/2eSTakNmCOE/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Style 2
Back to Top Button


<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-PEmadyDjsUw/USDjUyqlWsI/AAAAAAAAAjs/oVRttmskRfc/s1600/back+to+top+button.gif "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Style 3
Back to Top Button

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://1.bp.blogspot.com/-b3YWne8aCdw/USDmXTnyUiI/AAAAAAAAAkg/SieNqYTVQKQ/s1600/back-to-top-button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Style 4
Back to Top Button

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://4.bp.blogspot.com/-nhvmIT-UOiY/USDh-EyeKDI/AAAAAAAAAjE/hjEdj5OMvO0/s1600/back+to+top.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->
Style 5
Back to Top Button

<!--BACK TO TOP STARTS-->
<a rel="nofollow" style="display:scroll;position:fixed;bottom:10px;right:5px;" href="#" title="Back to Top"><img src="http://2.bp.blogspot.com/-36z7H3mWlZ0/USDizr47anI/AAAAAAAAAjU/8SoPm-odD7I/s1600/back_to_top_button.png "/></a><!--mybloggersworld.com-->
<!--BACK TO ENDS-->


Step 4- "Save Template" 

Monday, August 11, 2014
Posted by Blogger Wits

How to Add Popular Posts Widgets in Blogger?

Popular Posts


Step 1- Select your blog and click on "Layout" and choose"Popular Posts Gadget"
Step 2- "Add Gadget" and paste code in "HTML"

                                                                           OR

In some templates it might not allow adding CSS directly, If it not works in "Gadget" Then you have to...
Step 1- Select your blog and click on "Templates" and "Edit HTML"
Step 2- Click inside the code area and press "CTRL + F" for search box, and search
]]></b:skin>
Step 3- Paste the Popular Post  Widget Code "Above" ]]></b:skin>

Style 1
#PopularPosts1 h2{
padding:7px 0 3px 0;
width:100%;
margin-bottom:10px;
font-size:1.3em;
text-indent:-12px;
font-size:18px;
text-align:center;
color: #757575/* Color of the widget's title */
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:8px 0px 1px;
left:-7px;
width:290px;
}
#PopularPosts1 li{
position:relative;
margin:0 0 10px 0;
padding: 3px 2px 0 17px;
left:-5px;
width:285px;
}
#PopularPosts1 ul li{
background: #eee;
position: relative;
display: block;
padding: .4em .2em .4em 2em;
*padding: .2em;
margin: .5em 0;
background: #ddd;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:before{
content: counter(li);
counter-increment: li;
position: absolute;
top: 50%;
margin: -1.3em;
height: 2em;
width: 2em;
line-height: 2em;
font-size: 15px;
color: #fff/* text color of numbers */
background: #FB8835/* background color of numbers */
border: .2em solid #fff/* border color */
-webkit-box-shadow: 0 8px 5px -7px #888;
-moz-box-shadow: 0 8px 5px -7px #888;
box-shadow: 0 8px 5px -7px #888;
text-align: center;
font-weight: bold;
border-radius: 2em;
position: absolute;
left: 0;
transition: all .3s ease-out;
}
#PopularPosts1 ul li:hover{
background: #eee;
}
#PopularPosts1 ul li:hover:before{
transform: rotate(360deg);
}
#PopularPosts1 ul li a{
font: 14px Georgia, serif; /* font size of post titles */
text-shadow: 0 -1px 2px #fff;
color: #444;
display:block;
min-height:25px;
text-decoration:none;
text-transform: uppercase;
}
#PopularPosts1 ul li a:hover{
color: #444;
}
Style 2

 #PopularPosts1 h2{
position:relative;
right:-2px;
padding:8px 63px 6px 17px;
width:100%;
margin:0;
font-size:16px;
background:#4F4F4F/* Background color */
color:#f2f2f2/* Color of the widget's title */
text-align:left;
text-indent:18px;
}
#PopularPosts1 h2:before{
position:absolute;
content:"";
top:36px;
right:0px;
width: 0px;
height: 0px;
border-bottom:12px outset transparent;
border-left:12px solid #000000;
}
#PopularPosts1 h2:after{
position:absolute;
content:"";
top:-6px;
left:-5px;
width: 0px;
height: 0px;
border-bottom:24px outset transparent;
border-top:24px outset transparent;
border-left:24px solid #ffffff/* Arrow background color on the left */
}
#PopularPosts1 ul{
list-style:none;
counter-reset:li;
padding:10px;
left:-8px;
width:100%;
}
#PopularPosts1 li{
width:100%;
position:relative;
left:0;
margin:7px 0 16px 12px;
padding:10px  4px 0 5px;
}
#PopularPosts1 ul li:before{
content:counter(li);
counter-increment:li;
position:absolute;
top:-2px;
left:-20px;
font-size:35px;
width:20px;
color:#888888;
}

#PopularPosts1 ul li a{
display:block;
font-size:16px/* Font size of the links */
color: #666/* Color of the links */
text-decoration:none;
transition: all .1s ease-in-out;font-weight: bold;
}
#PopularPosts1 ul li a:hover{
color:#3366FF;
margin-left:3px;
}
Step 4- "Save Template
Code Copied from www.w3schools.com
Posted by Blogger Wits

1.9 Tips to Increase Your Traffic through On-Page and Off-Page SEO Techniques (SEO Guide)

On-Page and Off-Page SEO
As we know that, Search Engine Optimization (SEO) is very powerful technique to visible of your content in search engines. Many people adobes different techniques and strategies to increase their website traffic. If we divide SEO into parts, then it has two main areas, On-Page Optimization and Off-Page Optimization. If your blog is unable to visible in search engines, all you need to focus on On-Page and Off-Page SEO techniques, because these two are right and left hand hands of SEO. This article will help you to understand the differences between On-Page and Off-Page SEO as well as, how to increase search engine traffic through these both.

On-Page Optimization

On-Page Optimization is the process of synthesizing, modifying or an activity done on your web page listing in natural search engine results. Many factors are responsible on controlling on-page optimization, like you, HTML code, Heading Tags, Keyword Placement, Meta Tags, and Keyword Density etc.

Tips to increase On-Page SEO

ü  Try to select keyword, which has been less used by the bloggers.
ü  Use keyword in title, body, and Meta of the post content.
ü  Try to include ALT and Heading tags in your post content.
ü  Select best URL structure from 6 options in WordPress dashboard.
ü  Keep keyword density between 1-6%. Do not use more keyword phrase in body of a post.
ü  Do not include duplicate content.
ü  Write title and description for the images.
ü  Avoid Cloaking and Mirror pages.
ü  Do not include hidden text and links.

Off-Page Optimization

The word Off-Page means that, the process in which the optimization is done through outside sources, like backlinks, comments and page rank etc. Search engine is providing top rated and quality of content to its searchers, and quality of content is that, it gets more shares. So if your blog is down on search engine and unable to get traffic with On-Page SEO, better to do Off-Page SEO as well, because it is the second source of SEO.

Tips to increase Off-Page SEO

ü  Try to participate in social networks; means try to become a member of Facebook, Myspace, Linkedin etc.

ü  Guest blogging, Write articles for other blogs to increase your presence.
ü  Comment on famous blogs, like Problogger, Johnchow, etc.
ü  Submit your website search engines like Google, Yahoo, Bing, MSN etc. You should know how to submit your site to search engines like Google, Yahoo and Bing.
How to add WordPress blog to Google Webmaster Tools
ü  Submit your site to different Directories, like DMOZ, Zoominfo, Yahoo, One Mission etc.
ü  Bookmarkyour site to different bookmarking sites, like Delicious, StumbleUpon, Digg etc.
ü  Exchange links will also increase Off-Page SEO.
ü  Link your content to internal and external links.
ü  Create videos and share pictures of your product.
ü  Try to answer the questions on different social networks, like Yahoo Answers, Answer Bag etc.
Tuesday, August 5, 2014
Posted by Blogger Wits
Tag :

How to Make your Blog User Friendly

blog User Friendly

User Friendly Navigation


It means you have to make an easy menu for the readers, so they can easily understand and search the relevant articles in your blog. There is a famous quote, “First impression is the last impression”. It means, if a person come first time in your blog, the first impression should be friendly and impressive so he can spend some more time in your blog.

Two mouse clicks

Two mouse click means, a person cannot face trouble to find his interesting material which he is looking for.
ü  First click should be on the main menu and
ü  Second should be on the sub menu.
If you place your articles in this order, then everyone can easily find your blogging stuffs. Most searchers don’t like complicated navigation, so if you want to catch those searchers, you have to make a friendly navigation/menu.

Create Categories

Categories means sum up similar stuffs in one basket. In blogging we are writing different articles resembling many fields. For example, Sports, Blogging, Entertainment, Showbiz, Business News etc, here I am creating categories. The sporting activities should be label to sports menu, so it can be easier for your audience. Therefore create user friendly categories.

Include natural link or authentic link

Natural link means the original link of a website. For example if you are providing a source for an article, you have to add an authentic link with it. It will give brief information for the readers, who want to know more about it.

Improve Bounce Rate

Refers to the visitors who come to your site and then leaves without viewing other pages in your blog. It’s a negative indicator for you, because people are not interested to see your page. You can reduce your bounce rate by providing quality content, which can satisfy and answers the questions of the reader. It’s an important point because many people came to your blog, but they also left in a few minutes, it’s because, you are not fulfilling the reader’s requirement. Therefore you should improve Bounce Rate of your blog.

 Look your site like a search engine


If you evaluate or search your blog, it will provide you the true picture of your blog. You will easily find out the weaknesses and strength of your blog. For example, search engine is providing you the information associated with your blog. It will give you the name and places of the countries, where your articles has been read. From that you can easily figure out your targeting audience and followers.
Friday, August 1, 2014
Posted by Blogger Wits

Popular Post

Copyright © 2014 Bloggerwits