Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...

seo How To Add Facebook Comment Box To Blogger 2013

Seo Master present to you:
Adding Facebook Comment Box To Blogger Blogs is very Old trick,but recently one of our Blog visitors asked for this Comment Box.In this regard here is a Facebook Comment Box,Actually there are many users who don't have Blogger Accounts,therefore they can comment on your blog articles via Facebook Comments Box.Now time to install Facebook Comment Box To Blogger,its installation is very simple,you may have seen many articles in which first you have to create an App in Facebook after that many steps are required,but this article is not as difficult as other articles.

facebook-comment-box


How To Add Facebook Comment Box To Blogger

For installing this widget to Blogger,you just have to copy a code and then add it to Blogger layout Section,follow the below steps.

  • Go To Blogger.com
  • Sign in there
  • And Now Click On Layout 
  • After that Click On Add a Gadget
  • A Box will Popup Select "HTML/JavaScript"
  • Now Copy the Below Script and Paste it into the Box
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div class="fb-comments" data-href="http://thatsblogginglab2.blogspot.com/" data-num-posts="10" data-width="500"></div>
  • Place the Widget/Gadget Below "Blog Posts" Section ( as shown Below )
 

Changes in the Script Before pasting to HTML/JavaScript Box

Before Pasting Script to HTML/JavaScript Box,must change/replace "http://thatsblogginglab2.blogspot.com/" with your Blog URL/Address,then Just click on save and that's it.

So What's Up:- Did You Like This Comment Box?Is it useful For Blogger Blogs?How was the Tutorial? Share your Awesome ideas with us.Stay Blessed,Happy Blogging.
How To Add Facebook Comment Box To Blogger
 Last Reviewed by Iftikhar uddinon June 24 2013
 Rating: 5
2013, By: Seo Master

seo Recent Comments Widget With Avatars For Blogger 2013

Seo Master present to you:
Recent Comments Widget with Avatars is another awesome style Comments widget,which shows the latest comments of the visitors along with round Avatars.It also shows a lil bit summary of the commenter. Actually we have posted an article which is Beautiful Recent Comments Widget For Blogger , that widget is also awesome,but the main problem with that widget is that is not showing Avatar or Profile Picture with Comments,However This Widget will show a beautiful Profile Picture or Avatar along with name and Comments.This Widget is usually placed at the footer of the blog,however you can place it in sidebar or any where in your blog.

How To Add Recent Comments Widget With Avatars To Blogger

  • Go To Blogger Dashboard >> Then Click On layout >> And Then Click On Add a gadget
  • Now a Box will popup,select HTML/JavaScript
  • Now Copy the below Code/Script and add it into the HTML/JavaScript Box.
<style type="text/css"> ul.w2b_recent_comments { list-style: none; margin: 0; padding: 0; } .w2b_recent_comments li { background: none !important; margin: 0 0 6px !important; padding: 0 0 6px 0 !important; display: block; clear: both; overflow: hidden; list-style: none; } .w2b_recent_comments li .avatarImage { padding: 3px; background: #fefefe; -webkit-box-shadow: 0 1px 1px #ccc; -moz-box-shadow: 0 1px 1px #ccc; box-shadow: 0 1px 1px #ccc; float: left; margin: 0 6px 0 0; position: relative; overflow: hidden; } .avatarRound { -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; } .w2b_recent_comments li img { padding: 0px; position: relative; overflow: hidden; display: block; } .w2b_recent_comments li span { margin-top: 4px; color: #666; display: block; font-size: 12px; font-style: italic; line-height: 1.4; } </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 6, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 40, showMorelink = false, moreLinktext = "More »", defaultAvatar = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://helplogger.googlecode.com/svn/trunk/w2b recent comments with avatars.js"></script> <script type="text/javascript" src="http://Blog-URL.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=6"></script>

Changes in Code Before pasting into HTML/JavaScript Box

#1) Replace/Change Blog-URL with your Own Blog URL (e.g www.matrixar.com)
#2) Replace 6 in the Code with the number of comments you want to show on the widget.
#3) If you are interested in changing the anonymous avatar, then replace "http://www.gravatar.com/avatar/?d=mm" with your own image URL.
#4) If you want to change the Avatar Size,Replace 60 with your own desired value.
#5) Now Copy the edited Code and paste in the HTML/JavaScript Box and that's it.

So What's Up:- Recent Comments Widget With Avatars is really a cute widget,i hope you liked it,must pass your views,and ask any question free.Stay Blessed,Have a nice Day,Happy Blogging.

The Code Credit Goes to @Helplogger and Harish(Way2Blogging)
2013, By: Seo Master

seo How To Remove Attribution Gadget From Blogger 2013

Seo Master present to you:
No one want this shit on his/her blog.Actually this is a gadget which is in the Footer of the template,usually looks like this "Powered By Blogger".If you ever have tried to remove this gadget from a blog,it will say the gadget is locked,means you can,t remove this gadget from Blogger Blogs.So Now if you want to unlock this gadget and want to remove,here is a trick via which we can easily remove this Gadget from any Blog.

How To Remove Attribution Gadget From Blogger

Now let's apply this trick,this trick will unlock the attribution Gadget then you can easily remove from your blog.Follow the below steps for Removing Powered By Blogger from Blogger.
  • Go To Blogger Dashboard
  • Now Click On Template and Then Click On Edit HTML
  • Now Check the small Box "Expand widgets Templates"
  • Now Search for The Below Code (CTRL+F)
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>


  • Now Replace/Change the "True" with "False" 
  • Now Just take a preview and hit save Template.
The Attribution Gadget is unlocked now time to remove the gadget,so let's learn how to remove this Gadget from blogger layout .

Steps for Removing Attribution Gadget


  • Visit Blogger Dashboard
  • And Click On Layout
  • Now Search for Attribution Gadget in layout.
  • Now Click On Edit
  • Now a Box will popup as shown below >> Click On Remove and that's it

So What's Up:- Do You Like Attribution Gadget on Your Blog? Are you Hell Bore of this Gadget?How Was the Trick?Share your ideas with us,and feel free to ask any Question,we are here to answer you.Stay Blessed,Happy Blogging.


2013, By: Seo Master

seo How To SEO Optimize Blog Titles For Higher Search Results 2013

Seo Master present to you:
SEO-Results
image Source
This is what we called Blogger Title Swapping.If you are interested in getting a flood of traffic to your blog,and want to Optimize Blog Titles for Higher Search Results,then you are at the right place.We will show you How To SEO Optimize Your Blog Titles for Higher Search Results.You may have observed that whenever you visit a blog,in browsers title bar you will notice the Blog name(for example ThatsBlogging) and after that you will see the post Title.It will look like the below picture.
But after Swapping it will look like the below picture.

You will think that what is its Bonus Point?The benefit of Applying this trick is that your Blog Title will appear clearly in Google Search results.And according to my experience visitors search for the specific Post not for Blog Title or anything else.So by applying this trick visitors will easily navigate your Blog articles and contents.


How To SEO Optimize Blog Titles For Higher Search Results

  • Go To Blogger Dashboard.
  • Then Click on Template
  • Now Click On Edit HTML
  • Proceed it >> and Click on expand widgets template ( i.e Check the Small Box)
  • Now Search for the Below Code 
<title><data:blog.pageTitle/></title>
It will look like the below picture
  • Now Replace the above Code with the below Script
<b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> |<data:blog.title/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>
After replacing it will look like the below picture 


  • Now Check for Preview,if it works that's it you are done.
So What's Up:- Applying this trick will surely help you to boost blog traffic,your blog will be at the top of Google Search Results.Now time to apply this trick,so just Open your Blogger Account and do it :)


2013, By: Seo Master
Powered by Blogger.
Design by Dev Nasser