Bk7nh2QefqCFPaaGEbm7yQUogfY How To Add Guest Author Info Widget Below Blogger Post | allabout4you

Sunday 23 September 2012

How To Add Guest Author Info Widget Below Blogger Post

Posted by Unknown on 12:23

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




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.




Widget by BloggerTipAndTrick



Kindly Bookmark and Share it:

0 comments:

Post a Comment

thanks for comments

 

Bc

Recent Comments

Labels

Labels

111

Subscribe via email

Enter your email address:

Delivered by FeedBurner

FeedBurner FeedCount

Subscribe Now: poweredby

© 2010 allabout4you Template by My Blogger Tricks