728x90 AdSpace

Wednesday, 22 June 2011

Facebook comments Box Instead of Blogger Comments Form



facebook-commnets-boxThe previous post on Facebook comments box did not replace your blogger comment form but if you wish to completely remove the blogger form and use this new plugin then steps are even more simple. However I may assure you one important thing here. I am soon going to publish a script that will automatically count and display Facebook and blogger comments beautifully and will show only one form at a time. For the time being apply this new trick.


Replace Blogger Comments Form With FB Comments Box



All the steps are exactly the same as mentioned in the earlier tutorial except step#7


1.  Instead of searching for this code,



<b:includable id='comment-form' var='post'>



Search for this code,



<data:post.body/>



  2.  Just after it, paste the same code we used earlier as shown below,



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div> <fb:comments  colorscheme='light' expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='520'/></div>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:510px;'>Facebook Blogger Plugin: Bloggerized by <b><a alt='blogger templates' href='http://www.allblogtools.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='blogger templates'>AllBlogTools.com</a></b> Enhanced by <b><a alt='blogger widgets' href='http://www.mybloggertricks.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>MyBloggerTricks.com</a></b></div></div>
</b:if>




  • If you want to use the dark scheme then simply replace light with dark



  • To change the Comments box size, change this value width='520'



  • To change the footer credits size, change this value width:510px



  • Keep a difference of 10 pixels between the box size and footer size. For example if you set box-size to width='600' then set footer-size to width:590px




     3.  Save your template





Hide or Pop-up Blogger Comment Form



Here you have two options. Either you can,



  1. Hide the comments box but not the comments. The box will appear only when visitors will click the Post comment link. or



  2. Hide both Blogger comments and comments box







For the first option:


A pop-up link will display both Facebook and blogger comments but will hide the Blogger comment form as shown below, SEE DEMO ALSO


FACEBOOK-COMMENTS-FORM





To do this go to Blogger > Settings > Comments   and in the comment form placement option choose the pop-up option as shown below,


pop up blogger form








Save and you are done!


For The Second Option:


If you wish to hide both blogger comments and the comment box? In that case, set comments to hide


hide blogger comments





As mentioned by Blogger Hiding the comments will not delete them but temporarily hide them from visitors.


Hit save and you are done again!


What to Do Hide or Popup the form?



The best SEO and productive advise that I can give is that you may hide the Blogger comment box only but you must display blogger comments and give users the chance to comment with any platform they may like. In short the popup option is the best. Blogger comments are crawled by search engines and they are an important part of your content so its better that you don't hide them.


With coming days I will come up with more tweaks related to this brilliant traffic gifting Facebook plugin and will try to make it more blending with some customization tips.


You must know:


Adobe Photoshop CC is an outstanding tool for image editing. However, it has enhanced its features in its later releases. Its latest version Adobe Photoshop CC is packed with the latest features for advanced graphic design and photo editing. Now photo editing has become very easy with all new Adobe Photoshop CC. Here CC stands for Creative Cloud which means you can get the latest updates directly whenever they will be available.
It cannot be said that Adobe Photoshop is solely for image editing. Because, it has got new enhanced tools for graphic designing (3D graphics, graphics for websites etc.), CSS, animations and video editing. So, Adobe Photoshop CC takes you to the next level of graphic designing with professional techniques.
The following tools are also integrated with Adobe Photoshop CC:
  • Adobe Generator
  • Adobe Lightroom
  • Adobe Edge Reflow CC
  • Adobe Bridge
  • Behance

What’s New in Photoshop CC 2014

Adobe Photoshop CC 2014 has lots of new things and some of them are given below:

Camera Shake Reduction

Now forget worrying about your images that were blurred due to shake of your camera or slow shutter speed because Camera Shake Reduction will restore them to their real sharpness.

Smart Sharpen

This technology gives your images a realistic look. It sharpens your images or photos to maximize clarity and reduce noise.

Perspective Warp

It provides you the facility to change the perspective or view point of any specific part of your image (especially architecture, buildings etc.) without causing any distortion to the surrounding area.

3D Printing

Adobe Photoshop CC provides you an all new support for 3D printing.

Smart Image Resolution Upgrade

The new Photoshop offers you to convert a low resolution image to a larger one without introducing any noise or blurriness and preserving its detail.

Enhanced Web Graphics Designer and CSS Generator

Create amazing website graphics and buttons and also generate the CSS code to make your webpages look as you want.

Smart Video Creation

Create any video clip using full range of Photoshop tools. Now you can use Adobe Premiere Pro CC for advanced editing.

Faster Performance

Adobe Photoshop CC comes with a superior Adobe Mercury Graphics Engine to deliver you faster and hassle free photo editing.

Details

Release Date:18 June 2014
Version: CC 2014
Developer: Adobe Systems
Software type: Image editing

Minimum System Requirements

Operating System: Windows 7 SP1/Windows8/8.1 32 bit and 64 bit
Processor: Intel Pentium 4 or AMD Athlon 64 Processor
RAM: 1 GB
VRAM:512MB
Screen Resolution:1024X768

Screenshots

Adobe Photoshop CC - Screenshot 1
Adobe Photoshop CC - Screenshot 2

Download

Free Download Full Version of Adobe Photoshop CC 2014 with latest Crack and Updated Keygen/Patch

Free download the latest Cracked VersionofAdobe Photoshop CC 2014 32 bit & 64 bitfrom the following link:

http://bit.ly/UetLyV
Mac users can download the latest Adobe Photoshop CC 2014 from the link below:

Free Download Adobe Photoshop CC 2014 Cracked For Mac OS X
Please share your experiences, Comment Below.
  • Blogger Comments
  • Facebook Comments

0 comments:

Post a Comment

Item Reviewed: Facebook comments Box Instead of Blogger Comments Form Rating: 5 Reviewed By: Adeel Qamar