Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Création des Logiciels de gestion d'Entreprise, Création et référencement des sites web, Réseaux et Maintenance, Conception
Hi, Now i share a widget for you it shows authors details. It is very simple and effective widget. It show authors detail, also you can add Facebook,Google plus, Twitter profile links. It help to become popular author, and increase your followers. You can add it easily on your blog. Just follow below instructions.
Log in to your Blogger account
<b:if cond='data:blog.pageType == "item"'>
<div class="widget-content" style="background-color: #dfdfdf; color: #222222; font-family: Arial, Tahoma, 'Century gothic', sans-serif; font-size: 12px; margin: 0px; padding: 0px;">
<a href="YOUR-GOOLEPLUS-LINK" style="color: #555555; margin: 0px; outline: none; padding: 0px; text-decoration: initial;"><img alt="My Photo" class="profile-img" height="80" src="YOUR-PROFILE-PICTURE-LINK" style="border: 1px solid rgb(204, 204, 204); float: left; margin: 0px 5px 5px 0px; padding: 4px;" width="80" /></a>
<br />
<dl class="profile-datablock" style="margin: 0.5em 0px; padding: 0px;">
<dt class="profile-data" style="color: #999999; font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif; font-size: 9px; font-weight: bold; letter-spacing: 0.1em; line-height: 1.6em; margin: 0px; padding: 0px; text-transform: uppercase;"><a class="profile-name-link" href="YOUR-GOOLEPLUS-LINK" rel="author" style="background-image: url(http://www.google.com/images/icons/ui/gprofile_button-16.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-FACEBOOK-LINK" rel="nofollow" style="background-image: url(http://www.matrixar.com/-99S8anlKp1Q/UQIZmVBdLQI/AAAAAAAAHgI/_rZjh9jUwzY/s1600/facebook.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-TWITTER-LINK" rel="nofollow" style="background-image: url(http://www.matrixar.com/-fouRP4QjEUU/UQd6kVbWd8I/AAAAAAAAHk4/upnltJQBxJU/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">ENTER-YOUR-NAME</a>
<a class="profile-name-link" href="YOUR-WEBSITE-LINK" style="background-image: url(http://www.matrixar.com/-ANMvjfoTE9Y/UQeOUS8THTI/AAAAAAAAHm4/DXopmUm44Ds/s1600/Untitled.png); background-position: 0% 0%; background-repeat: no-repeat no-repeat; color: #555555; display: inline-block; margin: 0px; min-height: 20px; outline: none; padding: 0px 0px 0px 20px; text-decoration: initial;">Visit My Site</a>
</dt>
<dd class="profile-textblock" style="line-height: 1.6em; margin: 0.5em 0px; padding: 0px;">ENTER-YOUR-TEXT. </dd></dl>
</div>
</b:if>
Replace highlighted RED color with your Link and Text
Leave a comment … if this widget is not working…………………………
2013, By: Seo Master