.
,Sejarah jam gadang, danau singkarak, danau maninjau, hotel, tujuan wisata sumatera barat,daftar,jam gadang, fort de kock,West Sumatra, Sumatera Barat, Tourism

Include Author information Under Post

Posted By admin Sunday, March 27, 2011

Author information is very useful for our blog visitors, because they can easily identify who the author of articles on the blog. Although for some bloggers this is not important but it never hurts us to add this author info gadget as a form of our seriousness in managing the blog.
Adding Information Writer / Author of Article
Information Writer / Author of Article
Gadget Information Integration Writer / Author on Blogger Template
Step 1
Login to Blogger
Step 2
Go to "Design - Edit HTML"
Step 3
Checklist "Expand Widget Templates"
Step 4
Find the code below:

]]></ B: skin>

Step 5
Enter (copy and paste) the following CSS code in step 4 above code:

/************************************************
* Author Information *
************************************************/
# Authorinfo {margin: 0 0 5px; padding: 4px; background: # eee; background:-moz-linear-gradient (top, RGBA (255, 255, 255, .9), RGBA (211, 211, 211,. 9)); background:-webkit-gradient (linear, left top, left bottom, from (RGBA (255, 255, 255, .9)), to (RGBA (211, 211, 211, .9))); border: 1px solid # fff; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-webkit-box-shadow: # 600 0 2px 12px;-moz-box-shadow : # 600 0 2px 7px; width: auto; text-shadow: 0 1px 0 # FFFFFF;}
# Authorinfo. Information {line-height: 16px; margin: 0; padding: 2px; height: 80px;}
# Authorinfo. Information a {text-decoration: none! Important;}
# Authorinfo img {float: left; margin: 2px 8px 2px 2px; padding: 0; width: 72px; height: 72px; border: 2px solid # 999;}
# Authorinfo. Information ul, # authorinfo. Information ul li {margin: 0; padding: 0; list-style-type: none;}

Step 6
Find the code below:

<data:post.body/>

Step 7
Enter (copy and paste) the code (X) HTML below the above code (if info like the above article) in step 6:

<b:if cond='data:blog.pageType == "item"'>
<div id='authorinfo'>
<div class='informasi'>
<a href='[link profil]'> <img src='[gambar profil]'/> </ a>
<ul>
<li> This article was written by <a href='[link profil]' target='_blank'> <b:if cond='data:top.showAuthor'> <data:post.author/> </ b: if > </ a> </ li>
<li> Published on: <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <a expr: href = 'data: post.url' rel = 'bookmarks' title = 'permanent link'> <abbr class='published' expr:title='data:post.timestampISO8601'> <data:post.timestamp/> </ abbr> </ a> </ b: if > </ b: if> </ li>
<li> In the category: <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data: label.name /> </ a> <b:if cond='data:label.isLast != "true"'>, </ b: if> </ b: loop> </ li>
<li> Read as much as <a expr:href='data:blog.homepageUrl'> input code page view counter here </ a> times, <a href='#comment-form'> <b: if cond = ' data: post.numComments == 1 '> 1 <b:else/> <data:post.numComments/> </ b: if> </ a> to leave a comment </ li>
Subscribe <li> <a expr:href='data:blog.homepageUrl'> <data:blog.title/> </ a> via <a href = '[rss feed link]' target = '_blank' title = ' Subscribe to articles via RSS feeds'> RSS Feeds </ a> or <a href='[link feeds email]' target='_blank' title=' Email'> Subscribe via Email article </ a> </ li>
</ Ul>
</ Div>
</ Div>
</ B: if>

Step 8
Change the link (read description) and save the template and then preview your blog ...

Description:
1). Change the link [link profile] in accordance with your profile link (found on the dashboard)
2). Change the link [picture profile] in accordance with your profile picture link (found on the profile page)
3). Change the link [link feeds rss] in accordance with your RSS feed link
4). Change the link [link feed email] according to link your Email Feed
5). If you want to put Gadget Information Writer / Author at the end of the article:
A. (Replacing step 6) find the code below:

<div class='post-footer-line post-footer-line-3'>
<! - Here information gadget code writer / author ->
</ Div>


Related Post



Follow by Email