{"id":255,"date":"2005-04-23T15:06:59","date_gmt":"2005-04-23T14:06:59","guid":{"rendered":"http:\/\/frenchfragfactory.net\/ozh\/my-projects\/wordpress-plugin-gravatar-popup\/"},"modified":"2008-04-11T14:57:28","modified_gmt":"2008-04-11T12:57:28","slug":"wordpress-plugin-avatar-gravatar-popup","status":"publish","type":"page","link":"https:\/\/planetozh.com\/blog\/my-projects\/wordpress-plugin-avatar-gravatar-popup\/","title":{"rendered":"WordPress Plugin : Avatar Popup"},"content":{"rendered":"<p>Talking about other bloggers, or about your commenters ? Show what they (virtually) look like !<\/p>\n<p>This WordPress Plugin allows you to personalize, if not humanize, your posts, adding popups containings avatars next to mailto links, as well as next to any word. You can chose avatar images, or let <a href=\"http:\/\/www.gravatar.com\/\">Gravatar<\/a> chose it, since this plugin fully supports this  avatar wonderful database (don&#39;t have one ? Go <a href=\"http:\/\/www.gravatar.com\/signup.php\">sign-up<\/a> !)<\/p>\n<p>An additionnal &mdash; and interesting on its own &mdash; feature is that all email addresses are encrypted, using a WordPress built-in function, to protect them from being harvested by spambots.<\/p>\n<p><strong>Current version: 1.1<\/strong><\/p>\n<h2>Huh ? Show me.<\/h2>\n<p>A small warning before we go on : this doesn&#39;t work in MSIE. Another thing to make it clear : this is not a plugin to show gravatars in comments :)<\/p>\n<p>Now, onto a few examples to show what&#39;s it like and what you could do with it :<\/p>\n<p>In your post, type something like :<\/p>\n<div id=\"ig-sh-1\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">Hello ! My name is &lt;a href=&quot;mailto:ozh@l33temail.com&quot;&gt;Ozh&lt;\/a&gt;. My buddy [gravatar:dju@coolemail.net]dju`[\/gravatar] has a cool gravatar !<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>And it will output the following :<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\nHello ! My name is <a class=\"avatarpop\" href=\"mailto:o&#122;&#104;&#64;pla&#110;&#101;tozh&#46;&#99;&#111;m\" >Ozh<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=33ae983c72db97d93df45a6290d3f436&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"Ozh\" \/><\/a>. My buddy <span class=\"avatarpop\">dju`<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=f181c59b9d8a9282afca3ff5151faabb&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"dju`\" \/><\/span> has a cool gravatar !\n<\/div>\n<p>Cool isn&#39;t it ? (Hover your mouse over the words with a tiny yellow border)<\/p>\n<h2>Show me more !<\/h2>\n<p>This plugins adds a popup avatar to the following patterns :<\/p>\n<div id=\"ig-sh-2\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&lt;a href=&quot;mailto:&quot;&gt;name&lt;\/a&gt;<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[avatar:email@web]text[\/avatar]<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[avatar:comment]name[\/avatar]<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[mailto:name]text [\/avatar]<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Here are some live examples of different uses :<\/p>\n<p><strong>Regular mailto: link<\/strong><\/p>\n<div id=\"ig-sh-3\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&lt;a href=&quot;mailto:ozh@l33temail.com&quot;&gt;Send me an email&lt;\/a&gt;<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result :<\/p>\n<div style=\"margin: 0px 0px 10px 10px;padding: 5px;border: white dotted 1px;\">\n<a class=\"avatarpop\" href=\"mailto:o&#122;&#104;&#64;pla&#110;&#101;tozh&#46;&#99;&#111;m\" >Ozh<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=33ae983c72db97d93df45a6290d3f436&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"Ozh\" \/><\/a>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Another mailto: link, but with some style already<\/strong><\/p>\n<div id=\"ig-sh-4\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&lt;a href=&quot;mailto:ozh@l33temail.com&quot; class=&quot;meta&quot;&gt;Me again&lt;\/a&gt;<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result : avatar class is applied along with preset styles, and does not override.<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<a class=\"avatarpop meta\" href=\"mailto:o&#122;&#104;&#64;pla&#110;&#101;tozh&#46;&#99;&#111;m\" >Ozh<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=33ae983c72db97d93df45a6290d3f436&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"Ozh\" \/><\/a>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>A mailto link with probably no gravatar defined<\/strong><\/p>\n<div id=\"ig-sh-5\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">Send a mail to &lt;a href=&quot;mailto:spam@aol.com&quot;&gt;these dudes&lt;\/a&gt; !<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result : avatar class is applied along with preset styles, and does not override.<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<a class=\"avatarpop\" href=\"mailto:spam&#64;&#97;&#111;l.&#99;o&#109;\" >my friends<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=b1adf83fe28e292fe0e0a4962dbc4736&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"my friends\" \/><\/a>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>A mailto: link you don&#39;t want to personalize<\/strong><\/p>\n<div id=\"ig-sh-6\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&lt;a href=&quot;mailto:abuse@yahoo.com&quot; noavatar&gt;spam&lt;\/a&gt;<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result: a regular mailto: link, except that the email address is still encrypted (look at the source of this page)<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<a href=\"mailto:abu&#115;&#101;&#64;y&#97;&#104;oo.&#99;&#111;m\" >spam<\/a>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Adding a gravatar to a word, not a mailto<\/strong><\/p>\n<div id=\"ig-sh-7\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[avatar:dju@djublog.net]my friend dju`[\/avatar]<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result : pops-up a gravatar<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<span class=\"avatarpop\">dju`<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=f181c59b9d8a9282afca3ff5151faabb&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"dju`\" \/><\/span>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Adding a gravatar of one of your commenters, and you don&#39;t know or remember his email address<\/strong><\/p>\n<div id=\"ig-sh-8\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[avatar:comment]Polo[\/avatar]<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result : pops a gravatar, using email address used in the last comment on your site with this name<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<span class=\"avatarpop\">Polo<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=b28fe5a9618da3de050550fb6f88b621&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"\" \/><\/span>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Adding a mailto: link to one of your commenters, and you don&#39;t know his email address<\/strong><\/p>\n<div id=\"ig-sh-9\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">[mailto:BB2K]send him a mail[\/mailto]<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result : outputs a regular mailto: link, and the associated gravatar, using email address used in the last comment on your site with this name<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\n<a class=\"avatarpop\" href=\"mailto:s&#121;&#108;va&#105;&#110;.&#99;o&#115;&#116;&#97;&#114;&#100;&#64;&#117;h&#98;&#46;f&#114;\" >send him a mail<img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar.php?gravatar_id=1f1fe9d3ef9e21d0c7da3374515bf3dc&amp;default=http%3A%2F%2Ffrenchfragfactory.net%2Fozh%2Fwp-content%2Fthemes%2Fplanetozh%2Fimages%2Fgravatar_default.gif&amp;size=80\" alt=\"send him a mail\" \/><\/a>\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Using your own images for pop-up avatars<\/strong><\/p>\n<div id=\"ig-sh-10\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">My son [avatar:http:\/\/planetozh.com\/gallery\/oscar.jpg]Oscar[\/avatar] is serious<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result: a classical hover pop up<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\nMy son <span class=\"avatarpop\">Oscar<img decoding=\"async\" src=\"http:\/\/planetozh.com\/gallery\/albums\/miniozh2\/thumb_041128-039.jpg\" alt=\"\" \/><\/span> is serious\n<\/div>\n<p>&nbsp;<br \/>\n<strong>Mixing things altogether<\/strong><\/p>\n<div id=\"ig-sh-11\" class=\"syntax_hilite\">\n\n\t\t<div class=\"toolbar\">\n\n\t\t<div class=\"view-different-container\">\n\t\t\t\t\t\t<a href=\"#\" class=\"view-different\">&lt; View <span>plain text<\/span> &gt;<\/a>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"language-name\">code<\/div>\n\n\t\t\n\t\t<br clear=\"both\">\n\n\t<\/div>\n\t\n\t<div class=\"code\">\n\t\t<ol class=\"code\" style=\"font-family:monospace\"><li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">You can<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&nbsp;[avatar:\/ozh\/images\/old-postcard.jpg]&lt;a href=&quot;mailto:ozh@dot.com&quot; noavatar&gt;mail me&lt;\/a&gt;[\/avatar],<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&nbsp;and those using [avatar:http:\/\/wordpress.org\/style\/header-logo.png]&lt;a href=&quot;http:\/\/wordpress.org\/&quot;&gt;Wordpress&lt;\/a&gt;[\/avatar]<\/div><\/li>\n<li style=\"font-weight: normal;vertical-align:top\"><div style=\"font: normal normal 1em\/1.2em monospace;margin:0;padding:0;background:none;vertical-align:top\">&nbsp;are [avatar:\/ozh\/images\/mr-t.gif]cool[\/avatar] !<\/div><\/li>\n<\/ol>\t<\/div>\n\n<\/div>\n\n<p>Result: pop-up frenzy !<\/p>\n<div style=\"margin: 0px 0px 10px 10px;\tpadding: 5px;border: white dotted 1px;\">\nYou can <span class=\"avatarpop\"><a href=\"mailto:&#111;zh&#64;p&#108;&#97;netozh&#46;co&#109;\" >mail me<\/a><img decoding=\"async\" src=\"\/blog\/images\/old-postcard.jpg\" alt=\"\" \/><\/span> , and those using <span class=\"avatarpop\"><a href=\"http:\/\/wordpress.org\/\">WordPress<\/a><img decoding=\"async\" src=\"http:\/\/wordpress.org\/style\/header-logo.png\" alt=\"\" \/><\/span> are <span class=\"avatarpop\">cool<img decoding=\"async\" src=\"\/blog\/images\/mr-t.gif\" alt=\"\" \/><\/span>\n<\/div>\n<h2>Tell me more !<\/h2>\n<ul>\n<li>First of all, you may have understood : these popups are 100% CSS based, there is no javascript involved. They need your browser to have a decent CSS support, in other words : it&#39;s not working with MSIE. Sorry :)<br \/>\nIf there is a demand for it, and if I can find a light javascript file to generate this kind of popup for MSIE, I&#39;ll probably implement. But as for now, since after a (real) quick search, I just could find js script bloated with tons of useless features, I dropped it.\n<\/li>\n<li>Each mailto link is &quot;encrypted&quot;, so for instance <strong>ozh@ozh.com<\/strong><br \/>\nbecomes :<br \/>\n<strong>ozh&amp;#64;&amp;#111;z&amp;#104;&amp;#46;&amp;#99;om<\/strong>\n<\/li>\n<li>Each Gravatar is fetched using a secure md5 hash, so your privacy is absolutely guaranted and reading the source of the page doesn&#39;t reveal your email\n<\/li>\n<li>The plugin outputs clean feeds, removing any avatar popup (added in version 1.1)\n<\/li>\n<li>And, of course, the generated code is valid XHTML for all you markup maniacs.\n<\/li>\n<\/ul>\n<p>Using this plugin is easy : just download it, put it in <em>wp-content\/plugins\/<\/em>, activate it in your plugins admin interface, and forget it !<\/p>\n<h2>Cool ! Want it !<\/h2>\n<div class=\"download\">\nDownload the plugin :<br \/>\n<a href=\"http:\/\/downloads.wordpress.org\/plugin\/ozh-avatar-popup.zip\">ozh-avatar-popup.zip<\/a><br \/>\nExtract and upload to your blog, preserving directory structure if any.<br \/>\n<small>Note: download counter here and stats on wordpress.org may differ and reflect the number of downloads before this plugin was hosted on the plugin directory<\/small>\n<\/div>\n<p>You can also configure a few things. To do so, edit the plugin file itself (with a raw text editor, or right from within the admin interface)<\/p>\n<p><strong>$wp_ozh_avatar[&#39;size&#39;]<\/strong><br \/>\nThis defines the sizes of popup images from Gravatar. They are 80&#215;80 pixels by default, but you can lower the size (increasing it will probably produce ugly results)<\/p>\n<p><strong>$wp_ozh_avatar[&#39;default&#39;]<\/strong><br \/>\nThis one defines the default gravatar, to be used when the email adress is not registered with Gravatars (ie your buddy did not sign up for a free Gravatar ! go tell him !)<br \/>\nYou need here an image URI, such as <em>http:\/\/yourblog.com\/blog\/images\/default_gravatar.gif<\/em>. The image can be of any size and proportion, and will not be affected by previous setting.<\/p>\n<p><strong>$wp_ozh_avatar[&#39;css&#39;]<\/strong><br \/>\nYou define here the css &lt;style> you want to apply to pop-ups and links, which will be added to the head section of every page of your blog<\/p>\n<p><strong>$wp_ozh_avatar[&#39;printcss&#39;]<\/strong><br \/>\nIf set to 1, print the style as previously defined in every &lt;head> section.<br \/>\nBut you could also, and I recommend it, add the popup styling section to your main and site-wide CSS, saving a few extra bits in every page. In such a case, set this var to 0 (zero).<\/p>\n<h2>Version History<\/h2>\n<ul>\n<li><strong>1.0<\/strong><br \/>\nInitial realease<\/li>\n<li><strong>1.1<\/strong><br \/>\nFixed feeds that now remove the avatar markup to produce simple and raw text<\/li>\n<\/ul>\n<h2>Credit, feedback, disclaimer, stuff<\/h2>\n<p>I had the idea of this plugin when I saw a tiny face pop up on a site when I hovered a name. In my mind immediately popped &quot;hoooooo gotta do gravatar with this&quot;. I found later that the pop-up was from a very simple WordPress plugin by Owen, named <a href=\"http:\/\/www.asymptomatic.net\/_wp-hacks\">Acropop<\/a>. I used the CSS for the popups of his plugin.<\/p>\n<p>A few images used here without permission. Sue me.<\/p>\n<p>Please do not ask for support with some CSS problem. I suck at CSS.<\/p>\n<p>Go get a Gravatar. It&#39;s cool, free, reliable, and cool. By the way, did I say that it&#39;s cool ?<\/p>\n<p>Play with WordPress. Until it breaks, hack it !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Talking about other bloggers, or about your commenters ? Show what they (virtually) look like ! This WordPress Plugin allows you to personalize, if not humanize, your posts, adding popups containings avatars next to mailto links, as well as next to any word. You can chose avatar images, or let Gravatar chose it, since this plugin fully supports this avatar\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":241,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-255","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/pages\/255","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/comments?post=255"}],"version-history":[{"count":0,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/pages\/255\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/pages\/241"}],"wp:attachment":[{"href":"https:\/\/planetozh.com\/blog\/wp-json\/wp\/v2\/media?parent=255"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}