Site Thumbnail Alexa Thumbshots Mod

[relinkd]

This mod will allow your phpLD to display site thumbnails next to each link.

Instructions
--------------

1. If you use this mod it'd be great if you'd give me a link. Thanks!

<a href="http://www.thehonickteam.com/">Atlanta Real Estate</a>

2. Turn on Display PageRank in phpLD admin area


3. Open /templates/pagerank.tpl and find...

{if $pr gt -1}

4. Replace the above line with...

 
{if $pr gt -1}

Comply with Alexa's usage requirements: Change the [yoursite.com] above to your site! ie; ?id=yourdomainnamehere.com&size=

5. Save pagerank.tpl file


6. Open /main.css and find...

div.pr

7. Change the height (92px seems to work about right)


8. Save main.css


9. Enjoy! You're done!


Others have contributed some great tweaks and variations of this mod in this thread and others where you can find out how to update/create the Alexa thumbnail, show thumbnails for featured links only, create a link for visitors to update thumbnails, show the thumbnail without the pagerank, and more so read on.

PS: If you like this mod and you're using Firefox, you can get the same effect for Google, Yahoo, MSN and other search engines with BetterSearch or Google and Yahoo searches with GooglePreview.

[David]

Cool! 8)
You're from Atlanta too!

[vkaryl]

Now THAT is flat cool!

[kickass]

VERY nice! Yes, if I ever get done with paying work and get back to working on my own projects, seek locally will benefit by this one . . . just wish we could use it without that pr bar . . .

[Bill]

Originally Posted by kickass

VERY nice! Yes, if I ever get done with paying work and get back to working on my own projects, seek locally will benefit by this one . . . just wish we could use it without that pr bar . . .

I bet there is a way to use it without the PR bar.

[relinkd]

Originally Posted by microdude431

I bet there is a way to use it without the PR bar.

Just replace steps 2-5 above with this for no PR bar...

Open up a new file paste this

<div class="pr">{$link.URL}"]
</div>

Save as pagerank.tpl replacing your old pagerank.tpl

no PR bar for you!

oh and I guess this also links the image with nofollow attrib and click track ID

[vkaryl]

relinkd, you are a gentleman and a scholar! Thanks so much!

[kickass]

Cool! Now if those pesky paying customers would just go away . . . :lol: NOT!

[webinv]

You guys are awesome! Thanks for the great mods!

-Jon

[richm]

While going through your site, if you find items that do not have current Alexa thumbnails, you can update them by going by visiting:
htxp://thumbnails.alexa.com/update_thumbnail?url=nameofsite.com

I click on the link, and paste "http://thumbnails.alexa.com/update_thumbnail?url=" before the url and press enter. Alexa will update the thumbnail within 2 days.

[Nobody]

Maybe you should somehow add a link in the admin approve links section, so that all new sites get a thumbnail.

[richm]

Since sites change over time, I would also love to see a little php program that goes through the database (starting at a given record number) and opens this window for every record a few seconds apart. Would it be difficult to program such a thing (as a standalone php program).

For now, I am counting on the users to update the thumbnails. Therefore, my pagerank.tpl file, which displays the thumbnails, includes an "Update Thumbnail" butto for the users:

<div class="pr">
<a href="{$link.URL}" id="{$link.ID}" rel="nofollow">
  
 
 
   htxp://thumbnails.alexa.com/update_thumbnail?url={$link.URL}"]Update Thumbnail
</a>
</div>

To make this work, I had to increase the height of my thumbnail area by changing the following in main.css:

div.pr {
    font-size: 6pt;
    color: #000000;
    float: left;
    height: 112px;
    margin-right: 5px;
}

[Peter_Rosado]

Hey...weird, I just did that this morning on my directory (the update thumbnail thingy) :?
I also added that to the approve e-mail.

[richm]

Tell me how you added this to the email notification function. I looked at adding it to the email "function" at the bottom of dir_approve_links.php, or adding it as a button in dir_approve_links.tpl. Neither of these seemed ideal (besides, I didn't know how to add it to the function, echo?).

0r... are you saying that you added this to the text of the email message that you send, telling the submitter to click on the link (not a bad idea).

[Hizson]

I love this mod. But I am having a slight problem with it.

In FireFox it looks great as you can see at

{no longer using thumbnails and link removed}

But if you go to the same page in IE the site discription drops down and beneath the alexa thumbnail.

Does anyone know what I can do to fix this? Could this be because I am using vkaryl's great mod?

Thanks,

Jere

[HighPageRank]

link.tpl

{strip}
<table><tr>
{* show page rank *}
 
        <td valign="top">
        
 
        </td>
 
 
<td>
<a id="{$link.ID}" href="{$link.URL}" title="{$link.TITLE}"
{* nofollow *}
{if $link.NOFOLLOW or ($link.RECPR_VALID eq 0 and
        ($smarty.const.RECPR_NOFOLLOW eq 2 or
        ($smarty.const.RECPR_NOFOLLOW eq 1 and $link.RECPR_REQUIRED eq 1)))
    } rel="nofollow"
{/if}{if $smarty.const.ENABLE_BLANK} target="_BLANK"{/if}>
{$link.TITLE}</a>
 
{$link.DESCRIPTION}
 
<span class="url">{$link.URL}</span>
{if $smarty.const.SHOW_PAGERANK}  <span style="clear: both">{include file="pagerank.tpl" pr=$link.PAGERANK}
</span>
{/if}
</p>
</td>
</tr></table>
{/strip}

Replace ALEXA-ID
Example : {link removed - no longer using thumbnails}

[richm]

Hizson: It looks as if you are IE is clearing your alignment after the title. Could you post your link.tpl file and the styles you are using in your stylesheet?

[vkaryl]

Hey Jere.... yep, it's no doubt because this mod wasn't available when I set up the description class for this template.

I'll work it over this weekend, and post back when I've got a usable solution.

Thanks for the heads up!

[Hizson]

Great Varkyl...I really appreciate the help.

Jere

[vkaryl]

Hi Jere (and anyone else who might need this) -

See attachment: this includes pagerank.tpl and main.css - fixes both IE and FF for use with the Alexa thumbs mod.

This is good with the thumbs but is a tad bit wonky without, so I'm providing it as just these two files instead of including it in the main template distro.

Let me know if you run into any problems (but start a new topic in the Design forum, please!); I tested at 800x600, 1024x768, 1280x1024, and 1600x1200 on both FF 1.5 RC3 and IE 6.

BTW, I took out the border=0 in the img call, inline css is a real no no, you should have a css selector in your stylesheet to cover no borders on images and images used as links/anchors (and since I'm including my main.css, you WILL have same if using my template). For those not using my template, but not sure what to put in the stylesheet, see following (implements no borders on images and images used as links/anchors):

img, img a {
border:0;
}

Other than that, relinkd, this is an OUTSTANDING mod, and thank you very very much for providing it to this community for free.