Skip to content

Instantly share code, notes, and snippets.

@jasondavis
Created March 16, 2012 13:08
Show Gist options
  • Save jasondavis/2050005 to your computer and use it in GitHub Desktop.
Save jasondavis/2050005 to your computer and use it in GitHub Desktop.
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
body{
background: #EDECE8
}
#author-info {
margin: 0 0 44px 0;
overflow: hidden;
}
#author-info {
margin-bottom: 5px;
padding: 20px 20px 0px 20px;
margin-bottom: 30px;
border-image: initial;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
background-color: white;
}
#author-info .avatar {
float: left;
margin: -20px 15px 0 -20px;
width: 200px;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
#author-info .meta-prep-author, .author-vcard {
color: #333;
font-weight: bold;
font-size: 18px;
}
<!-- content to be placed inside <body>…</body> -->
<div id="author-info" class="metafooter-author-info vcard">
<div id="author-avatar">
<img alt="" src="http://1.gravatar.com/avatar/31b64e4876d603ce78e04102c67d6144?s=120&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D120&amp;r=G" class="avatar avatar-120 photo" style=" max-width: 100%; max-height: 100%; ">
</div>
<!-- #author-avatar -->
<span class="meta-prep meta-prep-author">Articles written by</span>
<span class="author-vcard">jasondavis</span>
<div class="author-bio note">
<p>
to implement it on your site. Don’t forget to check a few of your pages with the Rich Snippets Testing Tool provided by Google to make sure your authorship data is implemented in <a href="sdff">My Website</a> a way that Google is able to parse. If you encounter any problems implementing authorship data on your site with the methods described above, let us know and we’ll do our best to respond.
</p>
<!-- #author-link -->
View my website:<a href="http://www.codedevelopr.com/">
<strong>http://www.codedevelopr.com/ →</strong>
</a>
</div>
<!-- #author-bio -->
</div>
{"view":"split","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment