WordPress has been one of the most popular and best content management system that people use to build their own web. After making websites, it's also a great platform for blogging. Mostly, every blogger uses WordPress to manage their own self hosted blogs. WordPress is on the no.1 because it has great and amazing helpful features. A user can do any kind of tweaks in WordPress as he wants but sometimes it might require self made coding.

Well, WordPress is also perfect in SEO. By default, there are not any SEO features in WordPress but many great WordPress SEO Plugins are available that make the WordPress SEO easier. So, Today we're going to discuss about some top best WordPress SEO Plugins.

Why To Use WordPress SEO Plugins?

If you're completely new about SEO and also specially with WordPress than you must have a read on this passage. SEO stands for search engine optimization and every webmaster usually optimize their webs for search engines in order to get organic search traffic. If you want to drive high traffic through search engines than you need to optimize you web for search engines while plugins help us to optimize our blog. SEO can also be done manually but in order to save time and do work properly WordPress SEO Plugins are important to use.

1. WordPress SEO By Yoast

This is one of the most popular and best WordPress SEO Plugin that is being used by almost every blogger. This comes with both free and premium versions. WordPress SEO by Yoast let you create web pages and blog posts search engine friendly and also optimize them to rank better in SERP. You can call this plugin all rounder because this plugin manages every single thing of SEO. The most needed features that you'll get with this plugin are XML sitemaps, page analysis, Meta and Link elements, permalink, breadcrumbs, RSS optimization, Google rich snippets, Social Integration and many more. Other than this, they're many free guides with video tutorials are available on the web about the proper usage of this plugin.

2. All in One SEO Pack

Another most popular WordPress SEO plugin that has got more than 20 million downloads is known as "All in One SEO Pack". Some people refer for WordPress SEO By Yoast and some also refer for All in One SEO Pack. These two plugins are top tending plugins. As its name proves, This plugin has every feature that any SEO expert will require. Its developers say that this plugin automatically optimize your WordPress website for search engines such as Google, Bing and Yahoo. Currently, It has 2.1.3 most recent updated version which have some features including XML sitemaps, Google Analytics, Advanced canonical URLs, Fine tune page navigational links, Built in API, automatically optimize titles and meta tags and many more.

3. SEOPressor

This is the third best WordPress SEO Plugin that is paid not free but also has some different features from above mentioned plugins. This plugin is best to do on-page SEOof your WordPress site this plugins looks like a manager which commands you to properly optimize your WordPress site for search engines. It gives real-time recommendation while writing articles about keyword density, keyword targeting, meta tags, image optimization, over optimization and also scores the post after the analysis. Try to get highest score while using this plugin in order to rank better in search engines. It also gives some keyword suggestion that will help you to target highly searched keywords and gain the best traffic.

4. RB Internal Links

Internal linking is important factor these days as it helps to call crawler to crawl your web more and more times. Internal linking also helps you to target keywords easily and rank better in SERP. RB Internal Links seems good and also popular WordPress SEO plugin that helps you to do internal linking of your WordPress site easily. Unfortunately, This plugin has not been updated for 2 years but it may still work cool. This plugin doesn't make use of URLs or Permalinks to do internal linking but it users post and page IDs to do internal linking that is a great thing actually. If the URL gets changed in a sudden time than it wont affects on internal links because that plugin uses IDs and saves from 404 error pages.

5. Google XML Sitemaps

Having a great XML sitemaps that may fetch new posts and ping Google for index is important for every site or blog. WordPress plugins lab provides you an exclusive plugin that creates the XML sitemaps of your WordPress site specially for Google. If Google is gonna accept such sitemaps that other search engines will probably do it. This plugin has 3.4 most recent version that is absolutely free to download. Google XML sitemaps share hands with you to create easily create XML sitemaps in which posts, pages, categories and tags pages can be included and you'll have full control to moderate them. 

6. SEO Friendly Images

Images are also an important content on our sites as they help us to improve user interface, beautify blog and also we use them as "Content" purpose. Well, search engines are also always interested in great images that they find while crawling the webpages. You might have seen image search engines and you know from where do they get those images?  Those images are also taken from webpages like our sites that use images. Well, the images in our sites can also be optimized for search engines to rank better in image search. SEO Friendly Images lets you optimize your images with alt and title tagsautomatically. Actually, It may take image name as alt and title tag.

7. Scribe For WordPress

Scribe for WordPress is another most powerful WordPress SEO Plugin that comes with premium version only. This plugin gives you some powerful content marketing tools that helps you to create ever killer content directly from your WordPress post editor. This plugin is great for business and as well as for personal small blogs also. The content that is created with the help of this plugin definitely goes viral and helps your to blog toincrease Page Rank, Domain Authority, Page Authority and some other important SEO factors. Means it also makes the content that is suitable for search engines completely. After SEO this plugin is also useful for social promotion purpose as there are also some useful tools that helps you to easily drive traffic through social media networking.

8. SEO Rank Reporter

Keeping track of search engine rankings is not much important as sometimes low rank can loose energy to work harder but sometimes high rank also boosts our energy to work even more harder. Well, The thing that I do is just concentrate on creating more and more content only that actually helps to drive every kind of traffic. If you're interested to have track of your search engine rankings than this is powerful plugin for you that will report you the ranking reports. This plugin displays data in graph and also have some more functionality. It gives you the report of every 3 days. Its free and most recent version is 2.2

9. Simple 301 Redirects

Have to redirect a big list of 404 pages or broken URLs? This plugin made it easy for everyone who doesn't know how to edit and redirect URLs manually through .htaccess file. Its too tough to do 301 redirect through .htaccess and also needs to have much knowledge about coding. But who cares if you've simple 301 redirects plugin. You can easily redirect high number of URLs with 301 type.

10. Googlyzer

Do you use Google Analytics to track visitors analysis? No doubt, Google Analytics is best tool for counting visitors but do you get fed up of going out again and again from your WordPress dashboard to check reports? Googlyzer made it easy to check Google analyticsreports directly from your WordPress dashboard. This plugin helps you to integrateGoogle Analytics data and display it in your dashboard. You can install tracking code, check multiple graph reports and also create reporting widgets with this plugin.

Source

http://www.bloggeryard.com/

Let's be honest. You are not a blogger 24/7. Sometimes you like to live life a little and capture moments. "The best camera is the one that is with you," uttered world renowned photographer Chase Jarvis.

Our smartphones accompany us everywhere. We use our phones to text. We use our phones to listen to music. We use our phones to watch videos. We use our phones to play games and we use them to take pictures

iPhonegraphy, is a popular form of photography that revolves around pictures taken with the iPhone. Our trusty devices give us the opportunity to be creative and take pictures anywhere and with ease. I am going to show you how easy it is to add an Instagram Widget to your Blog.

Why add an Instagram Widget In Blogger?

You have to understand that we are a visual society. Pictures and videos are shared more than any other medium. The highly popular mobile based social network, Instagram, works like Twitter but your updates are strictly photo based. 

As a blogger this gives you the opportunity to showcase your personality beyond the words that you type. Instagram also gives you the power to showcase your business and other hobbies. 

If you excel at designing blogs, for example, Instagram gives you the opportunity to share your work flow, your work station and even new templates. 

The possibilities are endless. 

When it's hard to communicate in words, sometimes photos make it easier.

How to Add An Instagram Widget In Blogger

1. Go to Template >> Click Backup / Restore Button >> Download Full Template (In case you messed up)
2. Go to Layout >> Add Gadget >> Select HTML/Javascript 
3. Open another Tab >> Go to Instagme website - http://www.intagme.com/
4. Put in your username >> Select Grid or Slideshow (Grid will have them show up like they do on Instagram while Slideshow is just a slideshow of your images)
5. Select your Thumbnail size (100 px is the default) >> Select whether you want a Photo Border or not
6. Decide if you want to change the Background Color 
7. Preview your creation. If you like it select Get Code
8. Copy the code into the HTML/Javascript section and save the widget 
9. Preview your page layout. If you like it Save Arrangement
10. This widget updates as you update your Instagram

Note : The best place for this widget is the sidebar. 

Final Words

Instagram appeals to professionals and amateurs alike. 

You can really spice up your blog with this addition. Remember that Instagram was bought out by Facebook so you can let your Facebook followers know that you have an Instagram account.

Source

http://www.bloggeryard.com/

In my opinion, AddThis is the most complete social sharing service allowing to share your posts in more than 270 different social networks. I use the AddThis widget, so if you would like to see a live demo, please scroll down to the buttom of this post to see the AddThis sharing buttons.

This tutorial will show you how to register and add this feature on your blog and you will get to know some of the customization options of these buttons. So let's get started!

Getting the AddThis share buttons code

Step 1. Visit the https://www.addthis.com/get/sharing page.

Step 2. To get the sharing buttons and to access the AddThis sharing stats to find out how many people shared your post by using the AddThis feature, click on the "Create account" button.

The site will ask you to make a small registration. Fill out the information to register. It's quick, simple and it's free. To finish the registration, click on the Register button.

Step 3. After you've been logged in, right below the "Get sharing buttons for", choose the "A website" option.

Step 4. In the "Select style" section, choose the buttons style that you think would look the best on your site/blog. Please note that on the right side you can see a preview of these buttons.

Step 5. After you have chosen the style, the site will provide a code - click on the "Grab it" button to copyit.

The code provided will look like this:

 <!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-XXXXXXXXXXX"></script>
<!-- AddThis Button END -->

Now that you have selected and set up your AddThis sharing buttons, it is recommended to add them in the footer of your posts...

Adding the AddThis sharing buttons on Blogger

Step 1. Access your Blogger Dashboard and go to Template, then click on the Edit HTML button on the right:

Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box.

Step 3. Type the following line inside the search box and hit Enter to find it:

 <div class='post-footer'> 

Step 4. Just above this line, add the code for the AddThis social sharing buttons.

Note: If you want to add at the beginning of your posts, add the code below the second <div class='post-header'>

Adding more buttons

To add more buttons, simply choose the button for that social network and add the code just above the</div> tag (see step 5 above).

Some examples:

 <a class="addthis_button_linkedin"></a> /* linkedin button */
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a> /*gplus button */
<a class="addthis_button_digg"></a> /* digg button */
<a class="addthis_button_stumbleupon"></a> /* stumbleupon button */ 
<a class="addthis_button_print"></a> /* print button */

CSS3 AddThis Share Buttons

You can add just a single button, so that when the reader hover over it, a menu will open with the options of social networks to share the post.

Visit this page for a demo.

Step 1. Go to Template > click on the Edit HTML button > press the CTRL + F keys and search for the<div class='post-footer'> line. Just above this line, paste the following code:

 <style type='text/css'>
.addthis_share_btn a, .addthis_share_btn a:visited {
background: #FF5C00; /* background color of the button */
display: inline-block;
padding: 6px 12px;
font-family: arial,helvetica,lucida,verdana,sans-serif;
font-size: 12px;
line-height: 1em;
color: #fff;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer;
}
.addthis_share_btn a:hover {
background: #D45500; /* background color on mouse hover */
color: #fff;
}
.addthis_share_btn a:active { top: 1px; }

.addthis_share_btn a span, .addthis_share_btn:visited a span {
background: url(http://www.addthis.com/cms-content/images/gallery/icon-addthis.gif) no-repeat left;
padding: 1px 0 1px 18px;
}
</style>
<!-- AddThis Share Button -->
<div class='addthis_toolbox addthis_share_btn'>
<a class='addthis_button_compact' href='http://addthis.com/bookmark.php'>
<span>Share</span></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
<!-- End AddThis Share Button -->

Customization 

- To change the color of the button according to the colors of your template, modify the color value in red.
- If you want to change the "Share" text, replace the text in blue.

Step 2. Save the changes by clicking on the Save template button and you're done!

Source

http://helplogger.blogspot.com/

If you want to available chat with particular friends but not others or chat with only few friends or Turn off Facebook chat for all friends follow this all video tutorial

In today's video tutorial Learn about How to Disable Popup in Google Chrome Browser When you open any website sometime other pop up page are showing so if you want to turn off popup in your chrome browser follow this step.. Open your google chrome browser.. Click on the wrench icon to the right of your address bar From the menu drop down menu, click on settings Show advance Setting Privacy and select content setting find the popup.. and enable Do not allow any site to show pop-ups (recommended)

How to Remove Facebook Search History | How to clear Facebook Search History | How to Delete Facebook Search History check this video for easily remove-delete your facebook search history

How to add smooth scrolling back to top button for website & blogger. Animated back to top button in blogger/website is one of the best Jquery style animated widget that looking good and also visitors enjoy easy site navigation scroll to top.

The best thing about this button is that it appears only when the user scrolls down the page and disappears as he scrolls up, and also one more feature of this script you can add your own image that you like.

Scroll this page to Bottom and See Demo at bottom right

How to Add Smooth Scroll to Top with Jquery ?

1. Go To Blogger > Layout
2. Add a Gadget Choose HTML/JavaScript widget
Paste the following code inside it

JQuery Code. if you can already add jquery plugin into your website or blog then skip first code. and if you not add already then add this code with scroll to top script.

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

Scroll to Top Code.

<script type="text/javascript">
var scrolltotop={
//Modified by bloggerknown.blogspot.com more JQuery Scroll to Top Design
//startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="IMAGE LINK" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using JavaScript
this.$control.css({opacity:0}) //hide control immediately after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
 mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>

Replace IMAGE LINK with the image link of your back to top button.we have collect some of back to top button you can also get here. If you want to add image link then right click the buttons below and select "Copy image location" and add this link:

Collection of Back to Top buttons.

3. Save the widget and drag it near the footer or any bottom position.
4. View your blog to see the magic.

I hope this little trick work on all, if any problem then post comments for help others. share with frineds :D

Make Blogger ready for Mobile Phones

In this day we can not ignore the importance of mobile internet. Because almost all of us have to use the mobile, and make easy to use internet access. And every internet provider company trying to provide best internet services like 3G's , Wifi, mobile apps,etc.

So many of your blog readers come through mobile phones. and our website is compatible for mobile phone browsers. But if you don't make the mobile friendly blog, then we have to lose a lot of mobile readers, because in a mobile phone, a normal blog takes lot of time to load and there are different problems that your website not fitting properly within the mobile screen.


Start working and make mobile friendly blog. sign in to your blog first.

Step No.1

Go to Blogger account > Template > Mobile

After click setting button a popup windows open clik "Yes. Show mobie template on mobile devices. and also choose mobile template and Save.

Step No.2

Find this line >

<b:include data='blog' name='all-head-content'/>

And paste this code below that line...

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width, initial-scale=1.0, user-scalable=0' name='viewport'/>
<b:else/>
<meta content='width=1100' name='viewport'/>
</b:if>

Save Changes!

Now your blog ready for mobile browser with good speed. visit your blog for mobile view add ?m=1 tag in url example = http://bloggerknown.blogspot.com/?m=1

Thank you for your time for read this post i hope you like this post.