Showing posts with label Blogger Tips and Tricks. Show all posts

Thursday, November 19, 2015

Stylish Popular Post Widget For Blogger

The Stylish Popular Post Widget For Blogger as one of the best blogger widgets all bloggers should have, shows a list of posts that have the highest page views on your blog. To be displayed on this stylish popular post widget can be the most popular posts within 7days, a month or of all time. In order to promote your blog and improve its design, it would be useful for you to use this Stylish Popular Post Widget in your blogger blog. Follow the steps listed below to add this blogger widget in your blog.

Also Read: How to Add 'Link to This Post Widget' to Blogger Post
Social Follow and Subscription Blogger Widget
Scrolling Popular Post Widget For Blogger

How To add Stylish Popular Post Widget in Blogger Blog

Step one

From you blogger dashboard
Goto 'Layout'.
Click on 'Add gadget'.
Select 'Popular Posts'.
Tick the options for 'Snippet' and 'Image Thumbnail' before you save the blogger widget.

Step 2

You'll be Adding the CSS code in your blogger template. If you already have a popular post CSS code in your template, ensure you remove it before trying this out.

Goto your blogger template, back it up first.
Click on 'edit html',
Use ctrl+F keys to search for ]]></b:skin>
Copy this code below and paste 'above' ]]></b:skin>

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipZ-uHvKOAL52pe_Vkvt9nycO6xS8ZKiBJG40FT5PDE1Cg9I_4xlaSJi2Dtl5lKEshWYtYDObDb5jhUiG4Vg8spO6mQVHbwmdqzndux69ISdhsRVLH_or0q32hydubjR9Tcorx_bBZfTs/s1600/1.gif) no-repeat scroll 5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:1px solid #6BB5FF;
}
.popular-posts ul
li a:hover {
text-decoration:none;
}
.popular-posts .item-thumbnail img {
webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

Also Read: Related Posts Widget For Blogger / Blogspot with jQuery
Facebook Invite Friends Buttton With Timer To Blogger
Facebook Popup Like Box With Timer For Blogger

Save the template. View your blog and you'll see the Stylish Popular Post Widget in your blog.

How to Nofollow All External Links Automatically in Blogger

rel="nofollow" is an attribute which helps in SEO. Unlike the Dofollow attribute which tells search bots to crawl external links, adding a rel=”nofollow” tag to external links in your site ensures that when your site is indexed by search engines, the links are not followed and associated with your site’s rankings. The search bot will not crawl the site on the other end, does not include the link text in the relevancy score for those keywords, and the link will not be counted toward the PageRank of the site that is receiving it. Follow the steps below on how to Nofollow all external links Automatically in Blogger.

Also Read: Automatically Open all External Links in a New Window On Blogger

Why Make all External Links Nofollow?

If your blog has lots of external links without a nofollow tag, search engine bots might probably prefer these external links and therefore refer targeted visitors to them, which could make your blog ranking go down. Adding a nofollow attribute to all external links does not pass the page ranking juice to these sites.

Also Read: White Hat SEO Techniques To Enhance Blog Traffic

Where To Place A Nofollow Attribute

Most search engines recommend that you put the rel="nofollow" attribute on any links that come from a source you don’t vouch for, such as:

comments
other user generated content
links that point to advertising
forums

How to Add a Nofollow Attribute Manually

To do this manually, include the nofollow tag in the url. For e.g if this is the external link with anchor text <a href="http: //www.informationtutorial158.blogspot.com"> informationtutorial158</a> then edit it to <a href="http: //www.informationtutorial158.blogspot.com" rel="nofollow"> informationtutorial158</a>. A nofollow attribute has been added, but manually doing this is time consuming and indeed a mind-numbing task.

Also Read: Verified List Of High PR Dofollow Commentluv Blogs

How to Add a Nofollow Attribute Automatically

From your Blogger Dashboard, click on 'Template'.

Click on 'Edit HTML'.

Using ctrl+f , search for </head>

Copy the code below and paste 'above' </head>

Don't copy the code in red if you already have JQuery code in your template.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

<script type='text/javascript'>
var a = $(this);
var href = a.attr('href');
$(document).ready(function() {

$("a[href^='http://']").each(function () {
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
$(this).attr('title', 'Click to open in a new window');
$(this).attr('rel', 'nofollow');
}
}
);
$("a[href^='https://']").each(function () {
if(this.href.indexOf(location.hostname) == -1) {
$(this).attr('target', '_blank');
$(this).attr('title', 'Click to open in a new window');
$(this).attr('rel', 'nofollow');
}
}
);

});

</script>

Automatically Open all External Links in a New Window On Blogger

Auto Open all External Links in New Windows or Tabs

Got some post on your blog which have external links to other sites? then add this to a list blogger tips and tricks you've known so far, that is, automatically Opening all external links in a new window on your blog. In the blogger post editor, all links both internal and external have the same format which is, opening in the same window when clicked on. If you have external links in your blog post, then to make them appear in a new window, you'll have to manually add target="_blank" in all the links. This can be cumbersome, atimes you might forget to include it in the links and will also take more time especially if you want to edit the links and add target="_blank" for those who aren't implementing it already.

Also Read: Get More Social Shares on Your Blog

One of the advantages of opening external links in a new window is that it increases a blog's pageviews. Without opening external links in a new window, readers can leave your blog without reading the post completely or viewing any other post on your blog because they clicked on an external link. This can increase your blog's bounce rate. With this blogging tip/trick, all internal links will be opened in the same window while external links on your blog will be opened in new windows. The script below finds external hostnames and inserts into the html a target attribute which opens the link in a new window.

Also Read: How To Show AdSense Below Post Title

How to Automatically Open all External Links in a New Window On Blogger

1. From your blogger dashboard, click on template, select edit html
2. Click inside your template, Using ctrl+f keys, search for </head>
3. Copy the jQuery code below and paste above </head> (only for those who don't have it in their template. Skip to (4) if you already have this Jquery code)

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>

Also Read: Verified List Of High PR Dofollow Commentluv Blogs

4. Copy the script below and paste directly above </head>

<script type='text/javascript'>

$(document).ready(function() { 


  $("a[href^='http://']").each( 
    function(){ 
     if(this.href.indexOf(location.hostname) == -1) { 
        $(this).attr('target', '_blank'); 
      } 
    } 
  );
$("a[href^='https://']").each( 
function(){ 
if(this.href.indexOf(location.hostname) == -1) { 
$(this).attr('target', '_blank'); 
} 
} 
); 
  
});

</script>

5. Save your template. Click on any external link on your blog and it'll open in a new window.

My Blogging Journey

How it All Started

Began Blogging about a year ago, September 2013 to be precise. I can remember this vividly because that's my birth month. Decided to try something new since ASUU strike had sent us on compulsory holiday. Always wanted a website, but never created one before this time. Joblessness at home made me to finally put my thoughts into action. Didn't really know how to begin, just knew I wanted a place I could post stuff on either reasonable or crappy ones. As always, I went for my reliable search engine 'Google' and created a website which was on blogger platform. Before this time, I had no idea we had different platforms like blogger, word press, or personal website, or had any training in website design, an idea on what I wanted to post on the blog, talkless of the niche I wanted, and also that one could earn from blogging.

Also Read: Basic Tips For Blogging

The Blogging Experience

With the little experience I've gained from blogging, I can now pinpoint the mistakes I made on my first blog which was gracejoseph446.blogspot.com these were:

1. Looking at the URL, other than it's length which is too long, it's complicated with three numbers. This will be hard to recall by readers if in future they want to refer to my blog. You hardly see any professional blog using such URL.

2. No 'After the jump' Summaries: Had about 9 to 10 post on my homepage and each post had no 'read more' tag. You can already imagine how lengthy the home page was and really hard to view other post. Readers had no choice in choosing to which post to read. This will in turn reduce the page views since the content are out on display right from the first visit. It was Oluwaseun of Hallanaija who helped out with things like how to use jump breaks on blogger, reducing the number of post on the homepage to reduce the page load time, instead of a template with a dark background, a better one preferably with a bright background, also referred me to sources for my page content.

Also Read: How To Centralise Blogger Title And Description

3. Blog content: Since I had nothing in mind to blog about, I went for entertainment. It seemed easier blogging about that or copying it to paste if that counts as blogging. Now I realize having original content or even an appropriately edited form of 'copy and paste' can do your blog a lot of good. As at then, you could search for a topic on Google and my blog would fall among the ones on either the 15th or 17th pages, yes! it irritated me a lot.

4. Blogger gadgets: I had a lot of them which also contributed in increasing my blog's page load time. I spent more time trying to design my blog instead of writing relevant content. Most bloggers do this, the design of the blog is one in a million but the content of the blog isn't half as good compared to the design. Before I began blogging, I can recall I bookmarked or saved webpages that provided answers to my questions each time I searched for them on Google and this wasn't because the blog had beautiful designs but it's ability to provide relevant solutions. I returned to these blogs over and over again if I wanted to learn more. What's the use of a beautiful blog if it's empty? The only gadgets that really matter are the basic blogger gadgets.

5. Large Image size: The images were of various sizes, some too tiny while others were extra large. This was because I was blogging from phone and not even a smart phone. Couldn't upload images directly to a blogger post, So I resorted to free image hosting sites. Later, discovered I could post with images by sending them through email.

6. Inconsistency and impatience : So far I wasn't seeing any progress in my blog in terms of traffic and earning some cool cash as I've heard some bloggers testify of. I visited and posted less often and finally I deserted the blog. I'll give credit to some of my fellow bloggers like Larry Frank of Flowing Tech Blog and Johnny Ode of Readers lodge who encouraged and made me realize it wasn't also easy at first for those who finally made it at blogging. From them, I got to know the relevance of backlinks, keywords, joining high PR forums, and above all not giving up.

Within me, I still had the desire to blog, so I created this blog informationtutorial15 (the Tutor). Changed my niche from entertainment because I didn't feel contented posting other people's work on my blog, stalking the net to be the first to get the breaking news. Since my main traffic wasn't coming from Google but social networking sites, it meant less or no page views when the blog was not updated. If I was to continue blogging, I wanted to write what I know, and content that will always generate traffic for me even if it got to be years old. With the knowledge gained from my former blog, i'm now spending time on things that matter more to make my blog better. Even though the traffic isn't rollingIn in thousands now, looking at my blog I can see some significant progress which gives me the courage to blog and hope that someday i'll look back at this post and smile.

Get More Social Shares on Your Blog

How to Increase Your Blog's Pageviews

When your content gets shared by your readers, it can go viral on top social networking sites like facebook or twitter. On visiting some blogs, you'll see a “Click to tweet this” button beneath a post. This is done to promote the entire article. To quote a text is recognizing the author's effort put into generating the quoted idea. You can use this to get more social shares on your blog which will in turn increase your traffic. Instead of sharing the entire blog post, your readers can quote a portion of your post which has a link back to your blog.

Also Read: How To Get More Twitter Followers Fast And Free

Get your blog content shared with quote it

1. Visit Quote-it to get more social shares
2. Click on 'login' which appears at the top right hand corner. You can login using your facebook or twitter account.
3. Still on the homepage, select 'get quote it, plugin only'
4. Customise the widget by selecting its appearance, the social networks which you want a quote from your blog post shared to (By default, facebook and twitter have been selected) and the background colour for the quote that will be highlighted. Finally click on 'continue' to get the code.

Also Read: How To Add Facebook Invite Friends Buttton With Timer To Blogger

5. Select your platform, either blogger, wordpress or personal website.
6. If you're on blogger platform, copy and paste the code 'above' </head> in your template.

Also Read: Check Username Availability For Over 100 Social Networks

How to Add HTML Parse Tool To Blogger

HTML Parse tool for blogger also known as HTML encoder tool can be used to parse any HTML or javascript code into XML code. This post will enable you add an HTML parse tool to your blog's static page. Including this HTML parser in your blog will be helpful whenever you need to convert to display HTML codes in your blogger post. Most of these codes like the adsense code will be ineffective if added directly in your template or other codes in your post, unless it is parsed using a parse tool. Instead of visiting other sites to get this done, implement it on your blog. You can also refer others to your blog to use it and as usual, another way of increasing your blog's traffic or pageviews. See the demo of the HTML parse tool here

Also Read: How To Show Adsense Below Blogger Post Title
How to Upload Blogger Templates
How to Insert Tables In Blogger Post

How to Add HTML Parse Tool to Blogger

From your blogger dashboard, click on 'Pages', select 'new page' to create a static page.
Click on 'html' mode, then Copy the code shown below into the text field of the new page you're creating. (don't paste it in 'compose mode').

<form>
<textarea style=" height: 320px; width: 600px;" name="data1" ></textarea><input  type="button"  class="myclass" value="Convert" onclick="html2entities(this.form.data1)" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"><input type="reset"  class="myclass"  value="Clear" onmouseout="this.className='myclass'" onmouseover="this.className='myclass myclasshov'"></form>

Save the page.
Next, goto your Template, click on 'Edit HTML'. Click inside your template, using ctrl+F search for </head>
Copy the code below and paste code 'above' </head>

<script type='text/javascript'>
//<![CDATA[
function html2entities(){var
a=/[(<>"'&]/g;for(i=0;i<arguments.length;i++)arguments[i].value=arguments[i].value.replace(a,function(a){return replacechar(a)})}function replacechar(a){if("<"==a)return"&lt;";if(">"==a)return"&gt;";if('"'==a)return"&quot;";if("'"==a)return"&#039;";if("&"==a)return"&amp;"};
//]]>
</script>

Also search for ]]></b:skin> in your template. Copy the code below and paste 'above' ]]></b:skin>

input.myclass{background:none repeat scroll 0 0 #888;border:2px dotted #777;color:#eef;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif}

input.myclasshov{background:none repeat scroll 0 0 #aaa;border:1px dotted #aaa;color:#FFF;font:bold 13px ‘trebuchet ms’,helvetica,sans-serif}

textarea{width:100%;color:#261fc0;font:14px verdana;background:#fffdf7;border:2px dotted #ff180d}

textarea:hover{border:1px dotted #444}

Publish the static page you created. View your blog to see the html parse tool in your blogger blog.

Dofollow Social Bookmarking Sites With High PR

High PR Social Bookmarking sites can help you with Search Engine Optimization. Social bookmarking sites are online services that allow users to store links that they have an interest in, as well as sharing them with other web users. You can gain high PR backlinks when you bookmark your pages with these sites. Your authority on google can be increased depending on the number of quality backlinks you have, and most especially, if they have a dofollow attribute. Below is a list of free dofollow social bookmarking sites 2015 with high PR, which you can use to bookmark your posts and pages in other to increase the number of backlinks pointing to your site.

Also Read: Verified List Of High PR Dofollow Commentluv Blogs
Free Online Backlink Checker Tools
All In One SEO Pack Plugin 2015 For Blogger

Importance Of Social Bookmarking

1. It improves a website's pagerank and the number of high PR backlinks. This in turn drives targeted traffic to the website. You can use it to increase your revenue from Adsense and affiliate marketing.

2. Measuring Quality of a site. If more users bookmark a site's page, then that site has more quality and relevance.

3. A site is indexed faster.

Also Read: How to Add 'Search Description' On Blogger
How to Create HTML Sitemap In Blogger
Add Nofollow Attribute to All External Links In Blogger

List Of Social Bookmarking Sites With High PR

Website PR

http://slashdot.org	8
http://digg.com	8
http://reddit.com	8
http://stumbleupon.com	8
http://connotea.org	8
http://delicious.com	8
http://technorati.com	8
http://mixx.com	8
http://citeulike.org	8
http://bibsonomy.org	7
http://squidoo.com	7
http://mister-wong.com	7
http://metafilter.com	7
http://newsvine.com	7
http://fark.com	7
http://designfloat.com	7
http://folkd.com	6
http://blinklist.com	6
http://wikio.com	6
http://blogmarks.net	6
http://icio.de	6
http://current.com	6
http://hotklix.com	6
http://jumptags.com	6
http://dzone.com	6
http://clipmarks.com	6
http://sphinn.com	6
http://bizsugar.com	6
http://pusha.se	6
http://kwoff.com	6
http://searchles.com	5
http://swik.net	5
http://tagza.com	5
http://gabbr.com	5
http://dropjack.com	5
http://shetoldme.com	5
http://youmob.com	5
http://designbump.com	5
http://buddymarks.com	5
http://tipd.com	5
http://netvouz.com	5
http://social-bookmarking.net	5
http://givealink.org	5
http://fwisp.com	5
http://kirtsy.com	4
http://indianpad.com	4
http://qaafe.com	4
http://a1-webmarks.com	4
http://lintasberita.com	4
http://corank.com	4
http://1888pressrelease.com	4
http://blogengage.com	4
http://mylinkvault.com	4
http://oyax.com	4
http://dealigg.com	4
http://shoutwire.com	4
http://addictionaire.com	4
http://fcc.com	4
http://sitejot.com	4
http://clipclip.org	4
http://bukmark.net	3
http://bookmark4you.com	3
http://mysitevote.com	3
http://rambhai.com	3
http://startaid.com	3
http://humsurfer.com	3
http://linkarena.com	3
http://tugatop.com	3
http://postonfire.com	3
http://wagg.it	3
http://siyudis.com	2

With the dofollow social bookmarking sites listed above, you're sure of getting high PR backlinks to your website.

White Hat SEO

White Hat SEO Techniques are used to improve a Web page's position in a SERP, where you have to know how search engines work. Search engines categorize Web pages based on keywords that are relevant to that page. To enhance the online presence and visibility of your website for more traffic, you can use the following white hat optimization techniques which include:

List Of White Hat SEO Techniques

1. Avoid repetitive content
Try not to rephrase the same content over again. Search engines have techniques that are used to detect repetitive content on the same website. The White Hat SEO Technique using Keyword Analysis can easily recognize where the information has been repeated by reviewing the quality of the content available on the website.

Also Read: Basic Tips For Blogging

2. Keyword placement
A good place to use keywords is in post titles. If your page has several sections, consider using header tags and include important keywords in them. It is recommended that you use important keywords throughout the Web page, particularly at the top. When doing this, ensure you avoid keyword stuffing.

3. Backlinks
Apart from keywords in your content, backlinks can also take a website higher in search results, thereby increasing your traffic. Backlinks studies how many other links or websites are talking about (read promoting or appreciating) the link in question. If your website has been referred by a group of bloggers, it may be positioned among the top searches which will end up attracting more readers. These backlinks can be good or bad ones. The bad ones are links from web pages that have no relevance to the content of your page.

Also Read: Verified List Of High PR Dofollow Commentluv Blogs

4. Create original content
All search engines are well-equipped to recognize plagiarized content and if your website has copied information, it might be ranked very low by the search engines for plagiarism. To rank higher, create relevant and original content.

6. Consistency in blogging
Update your blog regularly with relevant information. Ranking with Search engines like Google is largely based on the ‘freshness’ and ‘new appeal’ of your content .

Also Read: How To Insert Tables In Blogger Post

7. Link Exchanges
This involves link exchanges between one website and another that are related in context of their content. Both websites gain from this white hat SEO technique thereby increasing the significance of their content, improving their Google ranking and identifying target audience.

High PR Dofollow Commentluv Blogs 2015

This post contains a list of High PR CommentLuv Blogs 2015 for getting high PR dofollow Backlinks. To rank high in Google, most webmaster use high pr social bookmarking sites and commentluv blogs 2015 to increase the number of quality backlinks pointing to their site. The links can be the url of your homepage or urls of other pages on your blog. A Vote to your website is a backlink, and getting them from reputable sites with high pr can add more value to your blog by increasing your blog rank and traffic. These Backlinks can be inbound links, Incoming links, Inward link etc.

Also Read: High PR Dofollow Social Bookmarking Sites 2015
Free High PR Gov and Edu Forums 2015 For Backlinks
All In One SEO Pack Plugin 2015 For Blogger

Another way of generating high PR backlinks can be through the use of high PR dofollow commentluv blogs and forums, high pr social bookmarking sites etc. For blog commenting which is easier, you do this by commenting on high PR CommentLuv blogs where a link to your most recent post or a post between your last 10 post is left on the blog you're commenting on. This will increase your blog's traffic, rank, as well as the number of backlinks. For its relevance these blogs should be high PR blogs in other for you to get high pr backlinks.

Though backlinks are necessary for any blog, google can penalize your blog for one of the following ways to generate or acquire backlinks:
1. Getting many backlinks within a short period
2. Many non Quality backlinks
3. Getting backlinks from a niche different from yours.

Below are some high PR commentLuv enabled Blogs 2015 for getting quality Backlinks.

Also Read: Top 60 High PR DoFollow Directory Submission Sites 2015
How to Create Custom Robots Header Tags In Blogger

List Of High PR Dofollow Commentluv Enabled Blogs

1.http://weblogtoolscollection.com/
2.http://comluv.com/
3.http://interactiondesign.sva.edu/
4.http://jiscdigitalmedia.ac.uk/blog/
5.http://links.org.au/
6.http://freebloghelp.com/
7.http://blondish.net/
8.http://askolivertausend.com/
9.http://theworkathomewife.com/
10.http://ariherzog.com/
11.http://women-unlimited.co.uk/
12.http://w3blog.dk/
13.http://techehow.com
14.http://comptalks.com
15.http://wptechie.org
16.http://useme4info.com
17.http://readmeloud.com
18.http://blogpunch.com
19.http://johnbanksblog.com
20.http://hitechzilla.com
21.http://techteen.net
22.http://techforwards.com
23.http://skillcollector.com
24.http://techjay.com
25.http://outofmygord.com/
26.http://affordable-internet-marketing.com/
27.http://smallbusinessbranding.com/
28.http://hobo-web.co.uk/seo-blog/
29.http://krisbuytaert.be/blog/
30.http://blog.astrumfutura.com/
31.http://kthread.com/kthread/
32.http://kikolani.com/
33.http://growmap.com/
34.http://dazzlindonna.com/blog/
35.http://wilsonellisconsulting.com/blog/
36.http://basicblogtips.com/
37.http://doitwithwp.com/
38.http://kaiserthesage.com/
39.http://ian-belanger.com/
40.http://weblogbetter.com/
41.http://lifeintherough.com/
42.http://theadventurouswriter.com/blogwriting/
43.http://focusorganic.com/
44.http://zigpress.com/
45.http://rebeccawalker.com/blog/
46.http://alemsys.com/
47.http://bluehatseo.com/
48.http://selberg.org/
49.http://blog.2createawebsite.com/
50.http://searchenginepeople.com/blog

CommentLuv Enabled Blogs With DropMyLink

Using DropMyLink, you can find commentluv enabled blogs based on your keyword. Visit DropMyLink, enter your keyword in the search field, then click on 'CommentLuv Premium Blogs' as you can see from the image below. The result is returned from the keyword you entered for the commentluv blogs.

Also Read: How to Add Nofollow Atrribute to All External Links In Blogger
Automatically Open all External Links in a New Window On Blogger

How To Insert Table in Blogger

By default, blogger has not provided capabilities to easily insert tables into a blog post. On how to add or insert tables into a blogger post, one will have to know the html codes to construct the table. Obviously, this will take more time and fraught with opportunities for mistakes. With this post, you can use sites that can automatically generate the html codes of the table which will be added to the post.

Also Read: White Hat SEO Techniques

Tables in blogger post presents information in a way that is easy to grasp at a glance by readers. These tables can also be help in organizing the data entered such as aligning it, aid in comparing two or more products or services which makes it more tidy and clear.

Also Read: How to upload blogger template

How To Insert Table In Blogger Post

First, you'll have to create a table in Microsoft word, excel, or any other spreadsheet. In this post, i'll be using Microsoft word.

1. From your Computer, Go to Microsoft word.
2. Click on 'Insert' tab, Select 'Table'
3. Specify the number of rows and columns you want that can contain the data you wish to enter in the table.
4. Highlight and copy the entire table.

Also Read: Verified List Of High PR Dofollow Commentluv Blogs

How To Convert The Table In Miscrosoft Word Into HTML Codes

1. Visit Tableizer to Insert a Table in Blogger
2. Paste the table codes you copied from Microsoft word into the required field.
3. You can customize optional settings like the Font size, Header color and Font style.
4. Click on 'Tableize it' or 'reset' to make changes.
5. Copy the html code generated in tableize into a notepad or any other text editor.
6. From your blogger dashboard, create a new post, paste the tableized code in your blog post.

Online Character Counter

An online character counter and word counting tool allows you to easily count the number of characters, words, sentences and paragraphs within a text area. With an online character counter, you don't have to go through the cumbersome process of manually calculating the number of characters in your text, tweet, article or email. For your blog posts title which should not exceed 66 characters and meta description of 144 characters, using this online character counter can make your blog more SEO friendly. This is because when the number of characters for the post title or meta description is exceeded, the remaining part will not be shown in search engines result.

Also Read: Free Blog Backgrounds
Random 468x60 Banner Ad For Blogger
jQuery Background Slideshow Plugin For Blogger

To use this online character counter tool, all you have to do is copy your entire text and paste or type your text in in the space below provided below. Then click on calculate characters. As you update the text, the number of characters currently in your text is displayed immediately.

How to Add Online Character Counter In Blogger

To include this online character counter in your blogger blog, copy the code below and paste in the HTML editor section while creating a new post/page on your blog.

<form method="POST">

<table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr>       <td width="100%">
<textarea cols="60" name="charcount" rows="12" wrap="virtual"></textarea>
</td>     </tr>
<tr>       <td width="100%"><div align="right">
<input onclick="countit(this)" type="button" value="Calculate Characters" /> <input name="displaycount" size="20" type="text" />
<div align="center">
<center>
<a href="http://wegist.com/">Celebrity</a>
</center>
</div>
</div>
</td>     </tr>
</tbody></table>

</form>

Basic Tips For Blogging

Most bloggers if not all strive to make their blogs better. This can only happen from the knowledge acquired about basic tips and tricks for blogging

Also Read: White Hat SEO Techniques

1. Remove the time from your post - Most likely, your blog will be ignored when it comes up in search results because the post might be viewed by visitors as outdated and not current enough even though the post is still relevant.

2. Use your keywords as anchored text when linking internally - Anchor text tells spiders what the linked-to page is about. Links that say “click here” do nothing for your search engine visibility.

3. Let your post be easy to share using social share buttons - With share buttons at the right locations on your blog, (below post or floating share button on the side bar) you can increase your blog traffic when the post is shared to social networks like Facebook, Twitter, Reddit, LinkedIn, and others.

Also Read:Verified List Of High PR Dofollow Commentluv Blogs

4. Don't be obsessed with your blog's pageviews - Avoid using automatic bots to increase your pageviews. You'll always hear "content is king". Spend more time writing quality content and what is in trend.

5. Dont copy and paste - Apart from the satisfaction derived from having loyal readers, avoid plagiarism, copying word for word even the images. If you must refer to sources, edit the post, with keywords at the appropraite places. Give credit to the source(s).

Also Read: How to upload blogger template

6. Learn from top bloggers - Here, you can Get more tips for blogging which will make the entire learning process easier and help you manage your blog effectively. Don't see them as your competitors, get help when necessary, it'll do your blog a lot of good .

7. Write as often as possible - If you can, daily or after a few days. Search engines love blogs that are updated regularly, keep your blog fresh. Keep in mind, it's not the number of post you have on your blog that matters but the quality each.

8. Don't relent your efforts - Blogging to you might look like a waste of time if there's no meaningful traffic or quick cash, but it'll pay off at the end if you're patient. Most successful bloggers passed through this phase. As a new blogger, concentrate on good content. Write about what you love and know, also blog for fun.

9. Get quality backlinks - Apart from quality content, quality backlinks matters. Having high pagerank sites that point to your blog can increase your blog traffic, reduce your alexa rank, and in turn increase your pagerank. Remember, 5 high pr backlinks could be worth more than 10 zero pagerank backlinks.

10. Include a site map - A site map helps spiders find all the important pages on your site and index them. This is especially helpful if your site has a hard-to-crawl navigation menu.

Google Adsense Ads Showing On Opera Mini/Browser

Finally, google adsense ads are now showing on opera mini browsers, both on the mobile version and web version of blogs. Still doubting? check out your blog! Goodnews to all bloggers, since this will increase the earnings they make from google adsense. Bloggers/webmasters can now convert the traffic they get from opera mini users into impressions and also get clicks on their ads especially those whose top pageviews by browsers is opera mini. Most people who surf the net use Opera mini as their preferred browser because of its ability to render web pages fast and in a way that is efficient, so it makes sense why one should try to also make money from Opera mini traffic.

Also Read: How To Show AdSense Below Post Title

Also Read: Automatically Open all External Links in a New Window On Blogger

Before this time, google ads could only be displayed on browsers like mozilla firefox, UC web browser, bb10 default browsers, internet explorer and the rest. The mobile Adsense units (300x50 and 300x250 ad units) when added to on custom blogger mobile template, could not display on Opera Mini browsers. No need searching for blogger tricks to get this done or paying other sites to display a compatible mobile version of your blog showing adsense ads, since the ads can now go live automatically.

Also Read: How to Add HTML Parse Tool To Blogger

But has this come to stay or Is it just for the festive period? Could be days, weeks, or months before the ads stop showing on opera mini. A post I stumbled on from 2011 says adsense ads were displayed on opera mini browser around June 2011, but disabled on the browser ten days after that post. Anyway, now that google adsense ads are now displayed on opera mini browsers, all webmasters/bloggers should seize this opportunity to increase their total earnings.

How to Show Ads and Gadgets In Blogger Mobile Version

Still wondering how you can make Ads and blogger gadgets appear on mobile version of blogger blogs? Waste no more time. The guidelines are given below. Most of the traffic we get are from mobile users who atimes don't view the web version of our blogs. This reduces the chances of getting clicks on ads, readers subscribing for post on the blog with the email gadget or viewing other related post which in turn increases your blog's bounce rate. For adverts, blogger gadgets like popular post gadget, labels, social media follow and subscription widget and the likes, these guidelines will show you how to display them on the mobile version of your blog, making your blogspot blog compatible with mobile phones . Also showing ads on mobile version of blogger will be another opportunity to make money.

First, Goto your template
Click on the gear icon for mobile settings.

Select 'Yes. Show mobile template on mobile devices'.
From the drop down menu, select 'custom'.
Save your template.

Also Read: How to upload blogger template
How to Add HTML Parse Tool To Blogger

How to Make Ads and Gadgets Appear on Mobile Version of Blogger

Next, goto 'layout'.

For New Gadgets

Click on 'add gadget'.
Select 'html/javascript', paste your code, either the ad code you generated or a blogger widget/gadget code.
Save the gadget.
Still in the layout section of your blog, edit the gadget you just created.
View the address bar and note the 'html number', which is the widget ID of your new gadget/widget.
Next, goto your blogger 'Template', click on 'Edit html'.
Select 'Jump to widget' and click on the html number you noted previously (that is, if it was html12 or html8).
Add this line of code when the widget/gadget opens in your template mobile='yes', just after where "locked false" appears. Or, If you want the widget/gadget to appear only on the mobile version of your blog and not on the web version, then add this instead mobile='only'.
Save your template.

For Existing Gadgets

Click on 'Edit' option for the gadget you want display on the mobile version of your blog.
View the address bar and note the 'html number', which is the widget ID of your new gadget/widget.
Next, goto your blogger 'Template', click on 'Edit html'.
Select 'Jump to widget' and click on the html number you noted previously (that is, if it was html5 or html8).
Add this line of code when the widget/gadget opens in your template mobile='yes', just after where "locked false" appears. Or, If you want the widget/gadget to appear only on the mobile version of your blog and not on the web version, then add this instead mobile='only'.
Save your template.

Also Read: How To Show Adsense Below Blogger Post Title
How To Centralize Blogger Title And Description

NOTE: Using mobile='only' might bring error messages each time you try to rearrange the gadgets in layout. It'll be advisable for you to include mobile='yes' instead. With this your ads and gadgets will now be displayed on the mobile version of your blog.

Pages

Thursday, November 19, 2015

How To add Stylish Popular Post Widget in Blogger Blog

How to Nofollow All External Links Automatically in Blogger

Why Make all External Links Nofollow?

Where To Place A Nofollow Attribute

How to Add a Nofollow Attribute Manually

How to Add a Nofollow Attribute Automatically

Tuesday, November 17, 2015

Auto Open all External Links in New Windows or Tabs

How to Automatically Open all External Links in a New Window On Blogger

Sunday, November 15, 2015

How to Increase Your Blog's Pageviews

Get your blog content shared with quote it