Posts

Showing posts with the label threaded comments

How to Enable Google Plus Comments in Blogger

Image
How to Enable Google Plus Comments in Blogger Long time ago, Google proudly announced their new integrated commenting system which is now available for users who have created a Google+ profile and connected it with their Blogspot blogs. This way, Blogger users will be able to use Google+ as a commenting system for their blogs, while comments from Google+ will automatically appear on their blogs. For those who haven't yet upgraded the Blogger profile to a Google+ profile, here's a tutorial on how to associate a blog to a Google plus page . Once you have connected a blog to a Google+ profile, you'll have a new " Use Google+ Comments on this blog " setting on the Google+ tab of your blog. To enable the Google plus commenting system, just check the box next to this setting: As soon as you've enabled the feature through your Blogger Dashboard, you'll have the following features: - Threaded commenting system : the threaded system will allow a reader to reply to ...

Add a Cool Style to Blogger Threaded/Nested Comments

Image
If you need a fresh style to the threaded comments of a standard Blogger template, here's a simple CSS that will help you to apply a different background, make your avatars rounded, add a border with rounded corners and a triangle which is actually an HTML entity to get that speech bubble look on your comments. You can see a demo here . To have this style in your comments, all you need to do is to paste the below code inside the CSS part of the template, which is between <b:skin> and </b:skin> Styling Simple Nested Comments with CSS Step 1. From the Blogger Dashboard , go to Template and press the Edit HTML button Step 2. Click anywhere inside the code area and press the CTRL + F keys to open the search box: Step 3. Paste or type the following tag inside the search box and hit Enter to find it ]]></b:skin> Step 4. Just above ]]></b:skin> add this CSS: .comments .comment-block { background: #F9F9F9 ; color: #555 ; box-shadow: 0 4px 10px #EEEEEE ;...