Wednesday, March 28, 2012

Guest Author Info Widget Below Blogger Post

Guest Auhtor I hope, You have read my previous post on How to Use Guest Author Post System in New Blogger Interface. After Use of this Widget, I Realize that Blogger is not giving any option for Guest author Profile. There is no option to show guest author profile while I have already written a post about Author Bio Widget below Each Post but this widget can show admin profile in blogger so If your blog having many Guest author then How you will show Guest author profile below each post.Without author profile it is not easy to give back links and tough to find out Guest author for your blog. Therefore I developed a Guest Author Profile Widget in Blogger. Its really simple and Look cool and as my coding skills i developed this widget in less coding. To use this Widget in your blog, follow these steps.



Steps to Add this widget in Your Blog

  1. Go to Draft Blogger >  Template > Edit HTML
  2. Backup your Template
  3. Find, ]]></b:skin> 
  4. Just before it Paste the following code
 /*****PBT Author Box (Copyright)********************/
.pbt-author-box {
    background: #eef7f8;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid #EAEDEF;
    overflow: hidden;
    color: #333333;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    line-height: 24px;
    }
.pbt-author-box p {
    margin: 0;
    padding: 0;
    }
.pbt-author-box img {
    background: #FFFFFF;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    border: 1px solid #EAEDEF;
    }
     5. Save the template.
     6. Now, Go to Guest Author Post, Click on Edit Post
     7. Change Compose to HTML View

paste the Following code at the bottom of post.
<div class="pbt-author-box"><div><img alt='' src='http://0.gravatar.com/avatar/cb198ad98e157b9f7390db09ecfbd9a1?s=85&amp;r=G' class='avatar avatar-85 photo' height='85' width='85' /> <strong>About Guest Blogger</strong><br /><p>This post was written by a guest contributor. Please see their details in the post above. If you'd like to guest post for ProBloggingTools check out our <a href="http://www.probloggingtools.com/p/join-us">Write for PBT page</a> for details about how YOU can share your tips with our community.</p>
</div></div>
Auhtor Infor Below Blogger post

  • Edit Profile Photo URL to Guest Author Gravatar Photo
  • Edit the Message inside the Box (Bold)
  • Change The Join Us URL.
Update the Guest author Post and see the author Bio Box below the Post.

Need help?

If you facing any problem to add this widget in your blog, feel free to ask here. If you having any other widget for this, please share it with our readers.

9 comments :

confused??? Post a Comment

 

Recent Posts

About PBT

We design and develop Widget, Custom code , Template customization so that you can make your blog unique and cool. If you need any type of widget or custom code feel free to Contact. we happy to help you...