How To Add Guest Author Info Widget Below Blogger Post

How To Add Guest Author Info Widget Below Blogger Post 

Today I'll Inform  you about  (How To Add Guest Author Info Widget Below Blogger Post) under  blogger post from guest and i hope you'll find it very useful and informmative and give credit to post author.

Here are steps to add this widget in your bog

 1. Go to Draft Blogger >  Template > Edit HTML

   2. Backup your Template

   3. Find, ]]></b:skin> 

   4. Just before it Paste the following code

 /*****aa4y Author Box (Copyright)*******************/
.aa4yt-author-box {
    background: #eef7f8;
    margin: 0 0 30px 0;
    padding: 10px;
    border: 1px solid ;#ff553f
    overflow: hidden;
    color: #191919;
    font-size: 14px;
    font-family: Arial, Tahoma, Verdana;
    line-height: 24px;
    }
.aa4y-author-box p {
    margin: 0;
    padding: 0;
    }
.aa4y-author-box img {
    background: ;#ffffff
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    border: 1px solid ;#ff553f
    }

5. Save the template.

     6. Now, Go to Guest Author Post, Click on Edit Post

     7. Change Compose to HTML View

Now paste the Following code at the bottom of post.

<div class="aa4y-author-box"><div><img alt='' src='http://www.gravatar.com/avatar/c32f50e3139bc0d177a75e07c4b90e88?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 allabout4you check out our <a href="http://allabout4fun.blogspot.com/">Write allabout4you</a> for details about how YOU can share your tips with our community.</p>

</div></div>

Example

• 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.

Tips For Image URl 

How to create image URL Please visit This Link For create your image URL

gravatar.com

About Guest Blogger
This post was written by a guest contributor. Please see their details in the post above. If you'd like to guest post for allabout4you check out our Write allabout4you for details about how YOU can share your tips with our community.

If you find this article useful, please feel free to link to this page from your website or blog.

URL:

HTML Link:

Forum Link:

Widget by BloggerTipAndTrick