Showing posts with label Widget. Show all posts
Add G+ Comment box on Blogger
FEATURES OF GOOGLE+ COMMENTS:
- When leaving a comment on a blog, you have an option to whether share that comment to Google+ or not.
- Google+ posts that link to blog posts will show up as a comment underneath those blog posts
- If comment is shared on Google+, all replies to the comment on the Google+ stream will show up in blog as a comment replies and vice versa.
- If a comment is not shared with the blog author, the blog author will not be able to see the comment in either location.
- As the author of a post, you’ll receive Google+ notifications when readers comment on or share your blog post.
- Google+ posts that link to blog posts will show up as a comment.
- You can view your blog and Google+ comments, all in one place.
- It will helps your readers to connect with their Google circles.
HOW TO ADD GOOGLE+ COMMENTS:
- Go to your Blogger dashboard
- Click on the small arrow then select Google+ in drop down menu (remember you should use Google+ as your default profile instead of Blogger profile)
- Tick mark on "Use Google+ Comments on this blog" check box
Incase Google+ comments are not working on your blog, don’t get terrified because you just need to tweak your template. Go to Blogger.com >> Template >> Edit HTML >> Format Template. Now within the template coding, search for and just below it paste the following coding. Once everything is done, save the template.
<div class='cmt_iframe_holder'
expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>
Note: If you find "" code more than once ,you need to add the above code Before all those codes.!
That's all you have successfully enabled Google+comments to your blog, that allows you to use various features of Google+ comments.Share your experiences whether you liked the new comment box or not with me and others by commenting below.
Post Views Hit Counter in Blogger
As a blogger for very long time, I’m sure that every blogger wants to know how many times his new post viewed.
A lot of visitors contacted me about this widget and asked me if it’s possible to do it in blogger.
So today i’ll show you how to do it in blogger.
It’s very easy to do and there are 2 styles for this widget.
How To Add this widget For blogger.
This is very easy to do it two steps, step 1, choose your widget style,
and step 2, pate it’s code in your blogger template code.
Step 1. Choose the style And get your code.
Style 1. ( With Icon ) code.
Style 2. ( No Icon ) code.<b:if cond='data:blog.pageType == "item"'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><img height='16' src='http://forums.bit-tech.net/images-light/misc/stats.gif' width='16'/> <a href='http://WebsTrickss.BlogSpot.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>
<b:if cond='data:blog.pageType == "item"'><div align='center' style='border:solid 2px #999999; padding:2px; margin:2px; width:100px; display:compact'><a href='http://WebsTrickss.BlogSpot.com'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Views</font></b></a></div></b:if>Please copy your widget code and follow instructions in step 2.
Step 2. Add the widget for your blogger blog.
Now go to your blogger account then navigate to, Layout >> Edit html, And before doing any thing you must check Expand Widget Templates box.
And find the next Code
<div class='post-header-line-1'/>
And after it, paste your widget code You can get the widget code from previous step
What, If you didn’t find the code above in your template, The try to find the following,
<data:post.body/>And paste the widget code Before it.
, after doing this, please click Save Template and you are done.
Thanks. bye..