MatrixAdapt | Logiciel de gestion d'Entreprise, Création et référencement des sites web

• Go To Blogger Dashboard
• Now Click On Layout
• Then Click On Add a Gadget

• A Small Box will Popup,Select HTML/JavaScript
• And Now Copy the Below Script and Paste it over there

• Replace "www.matrixar.com" with your Own Blog URL
• If you are interested in Changing the Text of "Total Posts" or "Total Comments",Simply Change the Green with your Own Text.
• You Can Also Change the Font Size and Style in the Script.
• After changing Copy the Above Script and paste it in HTML/JavaScript Box and hit save.
• That's it :)

• As the Author of the Blog or Admin of the Blog you will receive visitors Comments
• Comments can be done by those who has Google+ Profile or Page
• It is very easy to navigate and friendly Comment widget
• When someone comments on the shared link(i.e from Google+) this widget will fetch that Data(comments) and will show it in Blogger Comments Area.

• Go To Blogger.com
• Sign in to your Blogger Account
• Now Click On Google+ (at the right side) 
• Now a Another page will appear,there select "use Google+ Comments on this Blog",it will be as shown in the below screen shot 

• And that's it
• Enjoy Google+ Comment Widget in Your Blog

It will show this Option in those Blogs which Email Address is attached to the specific blog.In simple words it will work with the blog which you own and you have to full access of your blog and email address.

How To Remove Google+ Comments Widget To Blogger

Actually i applied this Comment widget,but it is not as interesting as the blogger old One Comments Default widget.So i removed it,Now how to remove this its very simple follow the below steps.

• Go To Blogger Dashboard
• Now Click On Google+ at the right side
• Now Unchecked "use Google+ Comments on this Blog",it will looks like as shown in the below screen shot 

• Visit DLVR.it
• Now Sign up there,by filling the form with required Data

• After Entering Email and Password , click on Sign Up.
• Now Go To Your email inbox and Confirm your Email Address
• Now it will redirect you to another Page where you have to enter your Blog Feed Burner Username 

• Click On Twitter Icon at the right side,Now it will redirect you to twitter account,there enter E-mail and Password and Click on Authorize App

• Now your Blog Posts will Automatically Publish to your Twitter Account
• Now For Facebook Click On The Facebook Icon at the right side,it will redirect you to Facebook,there enter your username and password,after that they may ask you about Page username i.e Fan Page

• Enter that and Save Changes

So What's Up

<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

• Go To Blogger Dashboard >> Then Click On layout >> And Then Click On Add a gadget

• Now a Box will popup,select HTML/JavaScript

Changes in Code Before pasting into HTML/JavaScript Box

• Go To Blogger Dashboard
• Now Click On Template and Then Click On Edit HTML

• Now Check the small Box "Expand widgets Templates"

• 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.

• 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>

• 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>

• Now Check for Preview,if it works that's it you are done.

• Go To Blogger.com >> Click On Template >> Edit HTML and Proceed it
• Now Search for the below Code/Script(by Pressing CTRL+F)

<div class='region-inner header-inner'>

• If you haven't found the above try finding the below Script

<div id='header-wrapper'>

• Now when you found any one of the above Codes,immediately below you will find the below Script/Code

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

• Replace the above Code with the below Code/Script or just change the green values

<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

• Now take a preview and hit save template,that's it.

How To Add Adsense ad unit Above The Blogger Header

• Go To Blogger Dashboard
• Click On Layout
• And Now You will see an option of adding new widget in the header as shown

• Now Just add AdSense ad from the Box,and wait for 5 minutes,Adsense Ads will dance on the blog header.

• Go to Blogger.com
• Sign in there and visit Blogger Dashboard.
• Now Click On Layout and the click on add a widget/gadget ( as shown below in the picture).

• Now When you click on Add a Gadget a box will popup Select HTML/JavaScript from that Box(as Shown)

• A Blog or Website
• A Google+ Account
• And an About me page in your Blog.

• Add the below script/Code on your blog any where i.e at sidebar or footer .

<a href="https://profiles.google.com/HerePasteYourG+ID"rel="author">My Profile</a>

• Don,t change the script just change HerePasteYourG+ID with your own Google+ ID.You can get your Google+ Profile ID by visiting your Profile as shown below in the picture.

• Now next step is go to your About me page and add the below link any where in about me page.

• Replace YourG+ ID with your G+ ID , however you can also change G+ Profile to any text you want. 

• Now You have to link your Website/Blog to Contributor Section.
• Visit Your Google+ Account>>Edit Profile>>Add your website/blog link to the "Contributor to" List as shown below.

• Not the last and most important thing is uploading a Profile Picture to Google+ Account,Actually this Profile picture will comes in any search results.So upload an awesome Photo,Remember if your Picture is 160px by 160px ir will look great.And now just save your Profile.That's it.
• Now Time for Checking.Either its working or nope? So for Checking visit the Google Rich Snippet Tool and enter your blog/website URL and hit preview .Now if its working perfect it will show the result as shown below in the Picture.

• That's it,if its not working with you read the below Tips.

• Complete your Author Page i.e About me with all required data and a picture(the Picture should be Google+ Account Profile Picture).
• Make sure that you have added correct name similar to your Google+ Account.
• The main step is your Google+ Profile should be complete.
• And one another thing i personally observed that you must add some circles.

• First of all Visit TrickedOutTimeLine Website
• Now Scroll Down,you will see four options.
• Select any Effect You want to apply to your Photo.
• Now another Box will popup,there click on upload photo (you can upload photo from your PC or You can also share from your Facebook Albums).

• Now Edit and crop Picture as you wish.

• You can easily preview your image by clicking preview option.
• And Now Just Click On Done that's it :)
• Note:- TrickedOutTimeLine Never Save Your Personal Photos.

How To Add Cover Photo To Facebook Timeline?

• Go To Facebook.com
• Sign in There with your E-mail and password.
• Now Click On Profile
• Now You will see your Profile,There move your mouse to the timeline and you will surely see an option of Change Cover Photo as Show Below.

• Sign in to your Blogger Account
• Visit the Dashboard
• Now Click On Template(Shown below)

• Edit HTML
• Now Proceed it
• Check the Small Box "Expand Widget Templates"
• Now Search For This Code <data:post.body/> by pressing CTRL+F.
• Now Copy the below Script .

Conclusion

• Go To Blogger Dashboard.
• 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 in HTML/JavaScript Box.

<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/Thatsblogging&amp;width=300&amp;height=248&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border:none; overflow:hidden; width:300px; height:248px;" ></iframe>

• Now just hit Save and that's it !

Changing in the Script/Code 

• Now Add the parsed Code in the below Script/Code

• Now Click on edit HTML and Proceed that.
• Check the small Box "Expand Widget Template".
• In this Step Search for this Code <data:post.body/> .
• Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
• Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
• And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
• Now save template and that's it !

• Copy the below Script (must add the parsed Code in the Script)

• Go To Blogger Dashboard 
• • Click On Template As Shown Below

  
  • Now Click on edit HTML and Proceed that.
  • Check the small Box "Expand Widget Template".
  • In this Step Search for this Code <data:post.body/> .
  • Note :- In Magazine Blogger Template you may found the Above Code two or three times , so do the below step for All.
  • Now If you want to Show your Adsense Ads Above the Post So Paste the Above Code up this Code <data:post.body/> .
  • And If You want to Show Adsense Ads below the Blogger Post so Copy the Above Script and paste it below <data:posts.body/> .
  • Now save template and that's it !

• Copy the below Script .