Showing posts with label Bloggers. Show all posts
Showing posts with label Bloggers. Show all posts

Oct 22, 2013

Blogger Introduces Wordpress Like Professional Author Profile Boxes

trackmyblog
Recently after updating the comment features, blogger is still moving on. You have seen many sites and blogs hosted on wordpress having a author profile box just below where the post ends. It is auto generated box linked to the wordpress account profile. Blogger too has created such thing for it's users. Now you don't have to add it manually in all your sites hosted on blogger it will be automatic. All you have to do is activate this feature from the control panel of your blogger account.

Before working in blogger first you must know that The About Story Written In Google+ will be displayed under your Blogger Posts after activating this Author Profile feature. So if you wish to edit what is to be shown in your author's profile box in your blogger site then do edit the about story page of Google+

Google+profile


Open Blogger Dashboard → Layout


blogger


Now Check in the box of Show Author Profile Below Posts



blogger
Now open Template → Html Editor and search for following piece of code.


<div class='post-footer-line post-footer-line-1'/>
Or
<div class='post-footer-line post-footer-line-2'/>
Or
<div class='post-footer-line post-footer-line-3'/>


Add the below code just after any one of it.


Xml

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.authorAboutMe'>
<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorPhoto.url'>
<img expr:src='data:post.authorPhoto.url' itemprop='image'/>
</b:if>
<div class='author_name'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</div>
<span itemprop='description'><data:post.authorAboutMe/></span>
</div>
</b:if>
</b:if>


Now find the code ]]><b:skin> and add the below given code just above it.


Css

/* Author Profile */

.author-profile {
margin: 5% 0 0;
overflow: hidden;
padding: 2%;
border: 1px solid #ddd;
font-size: 14px;
}

.author-profile img {
border: 1px solid #bbb;
float: left;
margin-right: 1.5%;
width: 85px;
}

.author_name {
font-size: 18px !important;
font-family: arial, verdana, sans-serif;
font-weight: bold;
margin: 0 0 2px;
display: list-item;
overflow: hidden;
}

Final Words

Well this widget is quite simpler in working but to add some special look we have done a little bit of customizations using Css and division classes. If you liked what we do then share your voice with us. We are eager to hear you.
Continue Reading(...)
3 comments

Sep 28, 2013

Blogger Brings Update To It's Very Old Comment System

Blogger Comment

Blogger has both the aspects of pros and cons about it. As blogger is perfect so it is imperfect too. Every single person using bloggers have noticed this that there are some very good things in blogger and at the same time there is also some very bad points about it which can annoy your upto a certain extent that sometime you may opt to leave Blogger forever.

Well we don't get annoyed upto that extent ever using Blogger, because we believe that as hard as we work to make Blogger a better place, Blogger also works & strive hard to improvise itself. And we have seen it also in the past few months as Blogger has gifted us with it's admirable works i.e. bringing it's own Contact-form, updating the HTML Editor.

Now very recently Blogger has updated it's old dated comment system with a new feature i.e. Comment Follow feature.

Blogger has also improvised the old look of Comment i-frame and gave it a classy look. You can see it in the image below

blogger-comment-system

Old Comment i-frame vs New Comment i-frame


Old Comment i-frame possessed very old and boring look.
New Comment i-frame has been brought up with a very new and classy look.

Old Comment system don't give Comment-Follow option.
New Comment system provides Comment-Follow Up System.

You can update yourself regularly with all the comments of your favourite blog by opting to Notify me. Before this ,such feature was only available on some third party comment system like Commentluv, Disqus comment system. Blogger has done a wonderful job by adding this feature to it's comment system.

Still there's a lot to discover about Blogger. As soon as Blogger brings something new we will track it for you guyz. Till then Happy Blogging.
Continue Reading(...)
Leave a Comment