Blog Internet

Winners Announced: 75$ Plus Genesis Framework and Themes

Winners Announcement

Hi everyone…!

Today, We are going to announce winners of the giveaway conducted at this blog. In this giveaway we had decided to give three prizes. The following are the details.

1st Prize: 75 dollars (PayPal Hot Cash)

2nd Prize: 2 Free Genesis WordPress Themes and Genesis Framework 1.9.2

3rd Prize: 1 Free Genesis WordPress Themes and Genesis Framework 1.9.2


We have received more than 9000 entries. But Puntab automatically filter SPAM entries and contest ends at 6317 entries. I don’t know how Punchtab starts filtering SPAM entries. After requesting Punchtab sends us details of all entries. After filtering we found following results.

Contest Winners

[box color=”green” icon=”user_green”]

Nitin Chouhan 798 Points (1st Winner)

Arjun Arjun 782 Points (2nd Winner)

Ajinkya Ajinkya 763 Points (3rd Winner)


Winners Announced

See More Details About This Giveaway

We will announce our next giveaway within 7 days. So stay tuned by subscribing to this blog. Give your email to below given subscription box.

Now its time to say congratulation to the winners.




How to Add Twitter Follow Widget in Blogger and WordPress

Twitter follow widget can be used in both blogger and WordPress. The method is super easy. You all need to follow some steps to add twitter follow box in blogger and WordPress.

Benefits of using Twitter Follow Widget

  • You can use twitter follow widget without installing a plugin.
  • Your page speed will not disturb.
  • Code is equally useful for blogger and WordPress users.
  • You will get more twitter follow using this widget.
  • Method to use is so simple.

twitter follow box

How to Add Twitter Follow Widget in Blogger

Follow the below steps to add twitter follow box/widget in blogger.

  1. Go to your blogger dashboard.
  2. Then click on layout.
  3. Click on add a gadget in your widget area.
  4. Select a HTML/JavaScript gadget.
  5. Copy this code.
  6. Paste the code in gadget.
  7. Give name to gadget if you required. Then save.
  8. Now see the widget area by loading any page.

How to Add Twitter Follow Box in WordPress

In WordPress you can add twitter follow box/widget easily in widget area. Like in blogger adding twitter follow widget in WordPress is quite easy. Follow the steps below.

  1. Log in to WordPress dashboard.
  2. Click on Appearance
  3. Now click on widgets.
  4. In widget area select a TEXT widget and paste the above copied code into it.
  5. Give name to widget if required then save.

Customization of Twitter Follow Widget

You may customize this widget easily. Locate the [highlighter color=”yellow” ]mrmubi2[/highlighter] and replace this with your own twitter username. You can also modify the width and height of this twitter follow widget easily. Locate the 300 and replace it with your own required width according to width of your widget area. I have set the widget height 250px. To change the height of widget change this value according to your requirement.

If you need any help then write in comments. Leave your comments if you like.


Some Blogging Mistakes and their Solutions

Many of Bloggers are not aware of Blogging Mistakes. In my short blogging career I have learnt a lot about blogging. Still I am learning. I cannot say I am perfect but I can say I can explain what I have learnt. I have visit a number of blogs and found some mistakes. Blogging mistakes are not common but few of them exist in almost every blog.

How to Present Blog Post

Presenting or writing blog post has different aspects. Some of these I have listed below.

Use of Spaces and Paragraphs in Blog Posts

I have seen a number of blog posts that are unreadable. I am not telling about grammatical errors in this case. But the thing is that some bloggers are not using paragraphs and also not giving proper spacing.

To increase the readability of your blog post I recommend you to write your post in paragraphs. Each paragraph should not more than 4 lines or you can cut the line after 4 to 5 sentences. It will surely increase readability because this method is reader friendly.

Use of Headings in Blog Posts

I also recommend using headings while writing your posts. Headings increase the beauty of your article and your readers can easily find different ideas shared in single post.

Use of Picture/Image in Blog Posts

You cannot ignore this part of blogging. I dont know why still bloggers are lazy to use relevant images in blog posts. Use of images is part of SEO. Image in blog post increases beauty of post and some time your image explains the whole summary of your blog post.

I recommend to use at least one image in post.

Other Blogging Mistakes

Do Regular Posting

So you have a blog? Are you writing at least one post in three days? If yes then jump to next heading. 🙂 So what I mean, there is a number of bloggers who are not regularly updating their blogs. Never mind I am also week in this case.

I recommend you and myself to write at least one post in three days. The reason behind if, you are not updating your blog then you cannot expect revisit. On the other hand you have also fewer chances to be searched in search engines.

So make it habit to write at least one post in three days. If you can, then write more.

Theme Selection

Theme selection is also major part in blogging. I have seen bloggers using dark themes. Those are not nice. I recommend light color themes with light or white background. That website with dark theme, look like hacker’s websites.

So avoid dark background color. Use light background and dark font color. Black font is recommended.

Purchase Custom Domain

Still many of bloggers using free domains. Even they know benefits of using custom domain names. Why they are not purchasing custom domain names? May be due to financial issues…!

To avoid these blogging mistakes, I strongly recommend those bloggers to purchase their custom domain name as soon as possible and enjoy the sweet fruit of blogging. I have also covered cheapest domain name and hosting company review. Or you can view the rates by clicking hosterpk.

Bore Commenting System

There are a number of third party comment plugins those can be use on your blog. But not all are good enough to use. A huge number of bloggers are still using plugins that can never help readers.

Commenting system on your blog is really important. What I found online when visiting blogs; the bloggers those create WIN WIN situation on their blog, getting more traffic. So how you can create this situation on your blog?

It’s simple; install a commentluv plugin. So by using this plugin you start taking care of your readers those are connected with same online industry. Indirectly you are helping yourself.

Start Avoiding Blogging Mistakes

I have listed only a few blogging mistakes and their possible solutions. If you agree with me then do let me know and tell me what you think about these blogging mistakes.

Image courtesy of Stuart Miles at

Two Best SEO Plugins for WordPress to Get High Rank

SEO Plugins for WordPress are playing a major role for WordPress SEO. As I mentioned in last post “Best SEO Rules for Single Post and Single Page Optimization” I will share 2 Best SEO Plugins with you those are extremely helpful for you if you are using a WordPress Blog. Because the functionality of these plugins are so easy and effective for Search Engine Optimization of WordPress. I will also explain how you can use these SEO plugins. The plugins I am going to discuss in this post are; All in One SEO Pack and Meta Tags Optimization.


The first plugin, All in One SEO Pack is known to approximate a 90% of WordPress Bloggers. But not all knows the actual use of this plugin to get maximum results out of it.

If you implement ‘what I am going to share with you’ I am sure you will soon find your WordPress blog in search results with a continuous progress. After using this mt blog has reached to Page Rank 1 and I am sure with the help these plugins I can increase the reputation of my blog day by day. It is a good achievement for any of webmaster to get Page Rank 1.

You can download these plugins by clicking on following links

All in one SEO pack

Meta Tags Optimization

How to Use All in one SEO Pack Plugin

I am using free version of All in one SEO Pack Plugin and I could not test the functionality of pro version. For me free version of All in one SEO pack is sufficient if you learn how to use this WordPress Plugin.

All in One SEO pack has three parts.

  1. Title
  2. Description
  3. Keywords

If you plan to use All in one SEO pack then please keep in mind you are now working on two Title options. One for Search Engine optimization and other one for your Post Title.


Don’t be. I am here to explain the matter.

Consider the example of this post. The title of this post is “Two Best SEO Plugins for WordPress to Get High Rank” It is a title which shows the subject of this article or post.  And you can see in the title bar of your internet browser, title of this post is different “WordPress SEO Plugins: To Get High Page Rank” because this title I have written in ‘All in one SEO pack title bar’ and this second title is also visible in search engine instead of first title.

Why I have used two titles?

The reason behind of using two separate titles is to get maximum traffic out of two catchy titles. First title is for human beings like you and the second title is for search engine robots. The first title includes the words which will be visible when I comment on any commentluv enabled blog and people reads it and second title is keyword rich title because I have used one keyword in my second title ‘WordPress SEO Plugins’

On the other hand if you are satisfied with one title and want to use single title in the search engine too then copy the whole title and paste it into ‘All in one SEO Pack’s title space’. And if you want another title to show in search engine for the same post then use another title in ‘All in one SEO pack title’

See Also: Elegant Design Social Media Follow Buttons

How to Write Description in All in One SEO Pack

Description of your post is automatically selected by search engine and you can also use your own choice custom description or summary of your post in All in one SEO pack description box. In description you can write up-to 160 characters maximum. And minimum characters length is 120 characters for better results. It is recommended to start your description with a keyword.

How to Write Keywords in All in one SEO Pack

It is very simple to write keywords in All in one SEO pack.

  • You can write up-to 5 keywords in keyword area.
  • All keywords should be comma separated
  • Do not use a comma after fifth keyword

Meta Tag Optimization Plugin for WordPress

Meta tag optimization plugin is directly integrated with All in one SEO pack. It will not work if you have not installed, All in one SEO pack.

Why we use Meta Tag Optimization Plugin?

Meta Tag Optimization Plugin is used to confirm whether you have written your SEO data correctly or not, in All in one SEO pack.

See the image below I have write title, description and keywords in All in one SEO pack but Meta Tag Optimization Plugin shows error.

Now I have made necessary changes as I wrongly put a comma after last keyword and I did not start description starting with keyword and title includes no keywords.

Look out still Meta Tag Optimization shows error in Title. So what I need to do as I have used Title correctly using one keyword and title is no more than 64 characters.

To resolve the issue I will now put a separator after keyword to highlight the search engine that Title includes this keyword so search engine robots gives priority to this keyword


Now all done and at least my post is now optimized for search engine.


Blog Internet

SEO Rules for Single Post and Single Page Optimization

Search Engine Optimization for WordPress makes easy when you have pre-designed plugins. But if you are using Blogger or any other platform then sometime it’s not easy to understand how you can optimized a post in search engine to get high page rank. Many of bloggers write a post and leave as it is without customized for search engine. And some of those want to customize but unable to understand how they can do this. And the common question is What is SEO?



I am writing this post for those who want0 to know how they can make their post SEO friendly. Please find the details under.

Major Parts of SEO

There are a number of elements in SEO to get high page rank but I will discuss only three parts just because of newbies who want to learn from the beginning. And want to learn how they can optimize their single post for Search Engine.

How to Optimize a Single Post/Article

First of all I suggest you to write your article well with full of knowledge and information then users will write your article and they can get their answers cleared. And must focus on below mentioned elements for SEO

  1. Title
  2. Description
  3. Keywords

How to Write a SEO Friendly Title

Your title should be SEO friendly. But question is that how you can write an SEO friendly title and what is meant by SEO friendly title. SEO friendly title means your title covers SEO requirements.

There are some SEO friendly requirements for SEO title.

  • Post title must contain one main keyword of your post.
  • Post title should not more than 64 characters.
  • Title should be related to post.

How to Write Meta Description

Post description is very important for search engine optimization of your blog post. To write down a SEO friendly description you must keep some points in mind.

  • Your post description must be 120 characters minimum.
  • Post description should start with a keyword.
  • Do not use all keywords in description.

Keywords Selection for SEO

Keywords are the most important part of search engine optimization. In this case I suggest you to select 5 possible keywords for your article. And use them randomly in your article.


I hope you can remind these simple tips while writing your post. But it is not final words. We have a lot more to learn about SEO. But for this case I want to share 2 plugins for WordPress users to understand the Single Post Optimization for Search Engine more deeply.

Asking a question can help us learn more and effectively. I welcome your questions.


Elegant Style Social Media Follow Buttons and Subscribe to Feed Button

Elegant Style social media follow buttons and subscribe to feed button for Blogger and WordPress is available for free to use. It can be shown in a widget of WordPress and gadget of Blogger. Design is so attractive you can see the demo of elegant style social media follow buttons.  And you are also free to customize with your own links. With the help of this follow buttons you surely have more social media followers. To have a copy of elegant style social media sharing button you all need to follow some certain steps written below.

See Live Demo


See Also: 7 Customized Facebook Floating Plugin for WordPress and Blogger

First copy the below code and Paste it into Notepad or any Text Editor

[box color=”blue” icon=”accept”]


#wtss{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#wtss a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#wtss li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#wtss .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url( no-repeat; background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px; box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap; line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#wtss li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt); line-height:32px;}
#wtss .icon{overflow:hidden; color:#fafafa;}
#wtss .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#wtss .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#wtss .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#wtss .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#wtss .rss{ width:32px; height:32px; background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#wtss li:hover .icon,
.touch #wtss li .icon{width:210px;}
.touch #wtss li .facebook, #wtss li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #wtss li .twitter, #wtss li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #wtss li .googleplus, #wtss li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #wtss li .pinterest, #wtss li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #wtss li .rss, #wtss li:hover .rss{background-color:rgba(255,102,0,1);}

<ul id=”wtss”>
<li data-alt=”Follow me on Facebook”><a class=”icon facebook” href=”“>Follow on Facebook</a></li>
<li data-alt=”Follow me on Twitter”><a class=”icon twitter” href=”“>Follow on Twitter</a></li>
<li data-alt=”Follow me on Google+”><a class=”icon googleplus” href=””>Follow on Google Plus</a></li>
<li data-alt=”Subscribe with pinterest”><a class=”icon pinterest” href=””>Follow on Pinterest</a></li>
<li data-alt=”Subscribe with RSS”><a class=”icon rss” href=”“>Subscribe to RSS feed</a></li>
<!–Follow Me Sliding Gadget Button by—>
<a href=”” title=”Add floating social media share buttons to your blog! do not remove this”><span class=”getfloat”>Get This !</span></a>


Now follow the below tutorial of how you can edit the code with your own social media profiles or pages add these social follow buttons to your own Blogger or WordPress.

In above code, Find this word howtowords and mrmubi2, then replace the word with your own Facebook, Twitter, Feed Burner, and Pintrest username

Then find this code 103803904451424576751 and replace it with your own Google+ Profile username

If you are newbie and facing trouble to find your username or edit above code then you are free to ask your query in below comment form.

How to Add Social Media Follow Buttons in Blogger

It is very easy to add social media follow buttons in Blogger. Do as written below.

  • Login in to your Blogger dashboard
  • Go to Layout
  • Then click on Add a Gadget and select HTML gadget
  • Paste above code after modification and give a name to gadget or leave it blank and save the gadget
  • Place the gadget anywhere you want to show these social media follow buttons on your blog

See Also: Blogger Template Free Download

How to Add Social Media Follow Buttons in WordPress

  • Login in to WordPress dashboard
  • Click on Appearance
  • Then click Widgets
  • Open a TEXT widget and paste the modified code in it
  • Give a name to widget or leave it blank
  • Select the area of widget where you want to show social media follow buttons and feed burner subscription button
  • Then save

Now see your blog and enjoy the elegant style social media follow buttons.


Uwon Blogger Template Plus Modification

Uwon blogger template is a beautiful free template you can use and modify according to your requirements. This template is for those who like dark environment on their blogger blog. You can see live demo for Uwon blogger template. Now after viewing if you want to download then please follow below link.

Download Uwon Blogger Template

Blogger Template

See Also: Add Page Navigation Bar in Blogger


After download you will find a zipped file. Extract the file in your desired folder using WinRAR or any other Unzip software and then upload from your blogger dashboard. If you are not familiar with how you can upload this template then you can follow these steps below.

How to Install Uwon Blogger Template

  • First of all open your blogger account.
  • And navigate to template link.
  • Then click on Backup/Restore button located at the top right of Template window.
  • Now I highly recommend you to please back up your previous template before uploading new template.
  • Click on Download Full Template button to backup your previously installed template.
  • Now click on Choose File and navigate to your downloaded and extract Uwon template folder and select Uwon.xml file.
  • Click on Upload.

Your template is now installed and ready to use.

Modification of Uwon Blogger Template

First of all I will guide you how you can modify basic button links to your own links. See image below.

The above image shows menu bar, now if you want to add your own links on that menu button then follow the below steps.

See Also: 7 Customized Facebook Plugin for Blogger

How to Edit Menu Bar of Blogger Template

  • Click on Template.
  • Then click on Edit HTML
  • Then press Crtl +F and find below code

<li><a href=’>Home</a></li>

<li><a href=’‘>Forum</a> </li>

<li><a href=’‘>Videos</a></li>

<li><a href=’‘>Contact</a></li>

Now Edit highlighted links with your own.

From here you can also change the name of menu bar buttons written in green color. And you can also add a new button in the menu bar. If you want to add new button then copy below line and paste after the above written code. And also edit according to requirements.


How to Change Header Image

Default header image size in Uwon Blogger Template is 1020 x 200. So make it sure your required header image should be 1020 x 200 otherwise it could be missed. You have also an option to delete header image.

In order to replace images with your own image, repeat previous step and open Edit HTML in Template. Now, Search this link;

And replace it with your own uploaded image. Or if you do not want to use then simply delete the link. If you need any help then you are welcome to ask in the comments.


How to Change Comments Avatar in Blogger

Bloggers can change comments avatar with their own choice. By default blogger has two default avatar seems like in below image.

Default Comments Avatar

One is used for those who comments anonymously and second for those who make comments and are belongs to blogger or have a blogger account. There is also a third avatar option. The Commentator if already set his own picture or avatar for his or her account then custom avatar did not change that avatar. So it is also a plus point. Modification process is so easy. You just have to follow some steps in order to things to be worked for blogger comments. First overview default avatar of blogger.


See Also: 7 Facebook Floating Widgets


If you want to replace your default blogger avatar with the following avatar then do as written below.


change comments avatar


Change comments Avatar

  • Go to Blogger “Dashboard”
  • Click on “Template”
  • Click on “Edit HTML”
  • Check the box ”Expand Widget Template”
  • Then find below code </body>
  • Now copy the below code and paste it before </body>') .ssyby('blank')']") .attr('src', '') .ssybya('blank')

  • Finally click "Save Template" button.

If you have a dark blogger template then you can use this avatar. To get these avatars, use below code.

Blogger Comments Icon') .ssyby('blank')']") .attr('src', '') .ssybya('blank')


Some Custom Blogger Avatar Links

If you want to make your blogger comment avatar more beautiful according to your template design, then you can replace below codes with the above written highlighted codes to change comments avatar.

If you like then please share this. So other bloggers can change comments avatar too.


How To Show Your Picture In Search Results For Blogger

Blogger provides the facility to make our free blogs on blogger. We wright a number of posts on our blog, and those are our original content. So we have the right to show author of that post and Blog Markup in Search Results and claim Google Authorship. For this we must have our Google Plus account, which is also free. By using the Google Plus account we can show authorship or Google Author Markup of our blog or content in two different ways. The first way I explained in my last post named: How To Show Your Picture In Search Results
Which can also be used for a Blogger account. Here is the second process to be followed in order to claim your author of your blog.

authorship markup

See Also: Facebook Widget for Blogger

Show Your Picture In Google Search Results For Blogger using Google Rel=Author and Google Author Tag

  • Things to be needed in order to get desired results
  • Your Blog with a number of Posts
  • Google plus Account
  • About the Author Box on your Website (See Example)
  • An About me Page on your Website (See Example)
  • A little Attention 🙂

You must have save your Google Plus Profile Picture with your Head Shoot (See Example)

Step 1: Rel=Author Tag

  • Edit your About Me Page; In About Page add a link to your Google Plus Profile with an additional attribute rel=”me” for relation

Example: <a href=”″ rel=”me”>Google Plus</a>

Step 2:

  • Now Copy the Link of your “About Me Page”
  • Open your Google Profile
  • Click on “Edit Profile”
  • Then Paste your “About Me Page URL” under Heading “Contributor to”
  • Now wright some introduction about you under Heading “Introduction”
  • Click “Done Editing”

Step 3:

  • Go to Blogger Acoount
  • Open “Layout” then Click on “Add a Gadget”
  • Now Add Gadget named “Profile” and give name to that gadget as “About Me” (See Demo)
  • You all done.

Now Google when re-index your blog posts then you can see your picture in search results so your claimed Google Authors
You can instantly see your work done by copy paste your any post link to Webmaster Rich Snippets Tool
Hope this will helps you


How to Remove navbar from blogger

Hello friends today I will teach you how you can remove Navbar or hide navbar from your blogger. Below tutorial was created in June 2012. The procedure I am going to show you includes editing of your blogger template. Blogger itself has an automatic option to hide or remove navbar from blogger accounts.

Remover Navbar From Blogger

Navbar is top bar which is by default included when you make a new blog. Blogger Navbar has better options. If you are login to your blogger account and working on your page then you can easily access different blogger editing options. You can click on NEW POST to write a new post without opening your blogger account page again and again. You can click on the DESIGN to open your blogger account main menu. You and your visitor can click on NEXT BLOG to visit next blog.

Hide or Remove Navbar YouTube

[su_youtube url=””]

But there is a major drawback of Navbar is REPORT ABUSE Button which is often against the blog owner, If someone click on it and claims spamming or copywriters material offence. By the way, this is not only logic because there are also other ways to report abuse.

The reason why I recommend removing Navbar from your blog is to make your blog more attractive and clean. And dont let your reader go away from your blog by pressing next blog button.

How To Remove Navbar in Blogger

Here is the process to be followed to remove navbar:

  • Login in to your blogger account.
  • Click on Template.
  • Click Edit HTML then Proceed.
  • Find ]]></b:skin> by pressing Ctrl + F
  • Then paste following code before ]]></b:skin>


#navbar {

height: 0px;

visibility: hidden;

display: none;



  • Click Save Template then Close.

Refresh your blogger page your Navbar will be removed.