Display Guest Author Box Automatically in Blogger
Guest posting saves great time when you are stuck in exams or engaged in some other off-side work. Google Blogs provide the best blogging experience when it comes to ease and comfort. The user interface and over all control options are extremely easy to set and play with. Unlike wordpress where you can display author box using a plugin, in blogger we will have to code things ourselves. Displaying author info at the bottom of the posts can be done in two ways. The first method as you may know is pasting the author info box manually below each post yourself. The problem with this method is of course precious loss of time. Manually adding an author box below each post could turn out to be a headache, therefore an automatic way would be the best. You have seen the above author box displaying introduction of Qasim below all his posts. This box appears automatically below each post published by his shared blogger account. We used conditional tags to make it work and its really just two lines of code, the rest is all design. Lets understand few things before jumping straight at the tutorialWhich Method suits you: Automatic or Manual?
If you are the only author at your blog and you don't receive frequent posts from one single author and rather receive guest posts from different authors then you should go with the manual method. This wont slow your blog load time because you will be adding the box for each author under his or her post instead of adding several boxes for each author inside the template.
And if there are more than one author at your blog like ours then you should better go with the dynamic way. Here you will have to add the box just once inside your template and it will display automatically below all posts published by that guest or co-author.
Create Author Accounts in Blogger
You can invite up to 100 Team members per blog. Which means that your blog can be authored by 100 different people. All you need is to send them an invitation by going toSettings > Basics > Permissions . The invitee will accept the invitation and he can thus start posting on your blog with a separate dashboard and limited editing options. you can choose to grant him admin privileges also. To learn more when and how to grant admin rights, please read:
- How To give Admin rights?
How To Add Author Box Manually?
All you need is the author's profile picture, two lines of bio and then the following tasty tutorial that explains all:
- Show Guest Author Introduction Below all posts
How To Add Author Box Automatically?
The steps are kept simple so you will find it really interesting to apply.
- Go to Blogger > Template
- Backup your template
- Click Edit HTML
- Click Proceed
- Then Click Expand Widget Templates
- Search For ]]></b:skin>
- Just above it paste the following CSS code,
To change color of the text "About author" edit color:#666666
8. Next Search for data:post.body
9. Just below it paste the following code:
All steps are self explanatory. you just need to fill the bolded parts with correct requirement details. There is one thing that needs care.
- Replace AUTHOR NAME with the account name of the guest author. This name should match exactly the name appearing on his posts. See the screen shot below:
10. Finally save your template and you are all done!
Visit your blog and check the post of any of your co-authors. You will find his bio appearing just perfectly at the bottom of all articles published by him. You can even create an author box for yourself by simply replacing the AUTHOR NAME , profile pic and bio to that of yours.
No comments:
Post a Comment