LinkWithin-Inspired YARPP Template

Great post Archon! I have existing thumbs in my posts, I think I can use them. I’ll try this later today.
Øyvind´s last blog ..A time traveller?

Follow atrais on Twitter

Wow, this looks sweet.
Do you have to have a thumbnail for each post already set? or does it generate that for you?

If I get time this weekend, I’ll test it out. Thanks,jb
benwaynet´s last blog ..Stumbling with Not John Chow onto the Trust Train

Follow benwaynet on Twitter

Excellent write up!! I am going to try this on some of my sites because Link Within is great, but not having the link go through them would be even better.
Char´s last blog ..Essential Tools Featuring Randa Clay

Follow charpolanosky on Twitter

thanks for this wonderful idea… I have been using the LinkedWithin plugin but to increase the speed of blog, I have removed it.

Follow a_usman on Twitter

The custom template file “custom LinkWithin-inspired YARPP template” link doesn’t seem to be valid I can’t download the file. It gives me a 404 on link
benwaynet´s last blog ..Bookmarks for March 27th through April 9th

Follow benwaynet on Twitter

Clear my cache and tried a different browser still getting the 404 for
link

thanks,jb
benwaynet´s last blog ..Bookmarks for March 27th through April 9th

Follow benwaynet on Twitter

Dear Jonathan,
thank you for help!

i used arthemia theme with timthumb
you say – need edit the template file to match your own custom field

i made some post with custom field called “thumbnail_url” and replace “thumbnail”
in yarpp-template-post-thumbnail.php
but still post without thumbnails…

and I just want to clarify ) – YARPP + timthumb allow use first image from post
or anyway need use custom field?

I love this plugin on my blog, and I never knew that you could customize it to that degree, which should really improve the degree to which my posts are linking within each other. Thanks!
Jimvesting´s last blog ..Jimvesting.com’s New Header Compromise, A Fresh New Look!

Follow jimvesting on Twitter

Looks Good.

I might consider using this but I usually show ads next to Related Posts. With this plugin, I couldn’t anymore.
ProMovieBlogger´s last blog ..The Importance of the Ping and XML-RPC-based Push Mechanisms

Follow ProMovieBlogger on Twitter

Nice one! Just remember that this will add a few more CPU usage though (even if the images have already been cached by the TimThumb script)
Michael Aulia´s last blog ..Unlimited web hosting for $10 a year by Nexx

Follow michaelaulia on Twitter

I tried your template but it didn’t display correctly. When I added the css to style.css still no effect. Where exactly in my css must I put the code?
The Associator´s last blog ..Breves reflexiones acerca del racismo

Follow theassociator on Twitter

Finally got a chance to give this a try.
But its not working. The site is http://www.benway.net
Most of my posted don’t have thumbnails yet (I tend to host my images not on my site and I haven’t found a easy way to update all my old post with a thumbnail)
So I’m using http://onlinevortex.com/projects/default-postthumbnails/ to use the same image as the default until I get all my old post updated.

Not sure what to look for.
Thanks,jb
benwaynet´s last blog ..Music Monday – The Motions

Follow benwaynet on Twitter

Hey Archon,

Your YARPP style is *exactly* what I want to have on my blog, but unfortunately, I seem to have missed something.
Take a look at http://techhaze.com/2010/04/mac-app-transmit-4/ for instance. I think it has something to do with the CSS. I copied
ul.related-posts {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.related-posts li {
list-style-type: none;
float: left;
width: 100px;
padding-right: 8px;
padding-left: 8px;
font-size: 12px;
line-height: 18px;
}
.related-posts img{
width: 100px;
padding: 1px;
border: 1px solid #CCC;
}
to my stylesheet.css, but I’m still showing very weird bullet points etc…
Any help is greatly appreciated!
Florian Wardell´s last blog ..Mac app: Transmit 4

Follow techhaze on Twitter

Many many thanks, i was trying to do it myself but couldn’t work it out, you’re heaven sent!

I think I got it!!!

I changed the “else” statement in yarpp-template:

else {
$output = preg_match_all(‘//i’, $post->post_content, $matches);
if ($matches [1] [0]) { $first_img = $matches [1] [0];
} else { $first_img = ‘./cache/default.jpg’; }

?>
<a href="” rel=”bookmark” title=”"><img src="/timthumb.php?src=&h=100&w=100&zc=1&q=100″ alt=”" width=”100″ height=”100″/>

plus added another str_replace in timthumb (replacing ” ” with “%20″).

I think it works now… I believe it could be a nice feature to add in the original script: basically it relieves the user from manually creating the thumbnail custom field!

Thanks for the template, it’s awesome

This is great. We’ll be implementing this same related post template on our upcoming blog

Follow brooklandsGB on Twitter

Some one refer me to this site and find this post what I need and now using this I can add thumbnail in my related post

As others have mentioned, great post Archon Digital!
I like seeing how someone takes something that already exists, and expands upon it’s functionality.

I actually came across your article here searching for ways people are adding images to their related posts. I use a different plugin myself (for now at least), but it’s based on the same concept and I’ve modified it a bit myself.

One thing I would like to mention in case anyone is interested, is if they’d like a “hover effect” when someone mouses over their images in the related posts box. You can see how I’m using this on my site(s). I’ve added the following css to mine (I added the class you are using in your article here):

.related-posts a img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Just use the class or id of the related post image you are using. The opacity limits can be played around with as well to get your desired look.
Larry´s last blog ..AC-DC Video – Thunderstruck – Live at Donnington 1991

Hey, i am the admin of pastisold.com.Thank’s for sharing this information.This is very helpful and informative material.Good post and keep it up dude.

Hi

Could you, please tell me where can I get your complete yarpp-template-post-thumbnail.php file? There is no download link like for .css and the stuff that is available to copy is not php. I can only select and copy this:

Possibly Related Posts
have_posts()):?>

No related posts.

But this is incomplete code… Maybe I’m missing a download link for a full version.

I’m using timthumb and would really like to combine it with yarpp. Thank you for your help.

Z

Follow ArtZoran on Twitter

Finally got it working, but only after replacing some html entities again. I compared it to the other pages where I have timthumb and noticed some differences. For instance…

My timthumb:
“zc=1&q=70″

Your timthumb:
“zc=1&q=70

Notice the absence of “amp” in your version. I’ve corrected this in eight instances alltogether. Now I’m having tumbnails but they are all scattered around, probably have to get css in order. Something with the span class. If you’d like, you can check it out on my blog, just view any single post…

Oh, yes, I also had to check the option “Automatically display related posts” in order for thumbnails to be displayed.

Thank you again for a great enhancement to YARPP and for a prompt response regarding the problem.

All the best.

Z

Follow ArtZoran on Twitter

I would like to use your plugin in the main index and the main index only on my website, like here: http://theplaylist.blogspot.com/ Is that possible with what you have made. If so, what are the steps?
ProMovieBlogger´s last blog ..Movie Website In-Text Advertising- Infolinks Review

Follow ProMovieBlogger on Twitter

nrelate is another alternative with awesome looking thumbnails! It works like linkwithin, where all the logic is done on the nrelate server. The plugin is a simple 1-click install and is on WordPress.org http://wordpress.org/extend/plugins/nrelate-related-content/

Highly recommended.

Hey, that’s a nice tut, I have further expand this tut into diffrent idea, show related posts in a list with thumb side by side. check my post at http://www.alivethemes.com/how-to-create-style-related-posts-using-yarpp-plugin/

For those of you asking about getting it to work with the WP 2.9+ “featured image” functionality – here is what worked for me:

have_posts()) : $related_query->the_post(); ?>

<a href="” rel=”bookmark” title=”Permanent Link to “>
<a href="” rel=”bookmark”>

I used the function the_post_thumbnail() with a custom image size of 120×120 in this case. All my posts have the featured image thumbnails, but if you needed to do some detection, there is another function called has_post_thumbnail() that could be used.
Wood Flooring´s last blog ..Unfinished Hardwood Floors Have Unique Advantages

So, I managed to get this to work. The problem was this – I have been using the media uploader to insert images, and it is not storing it in the post using the image fields (I think).

Anyway, I used the code below (written by a friend) to pull the image out using

” $output = preg_match_all(‘//i’, do_shortcode(‘[gallery]‘) . $post->post_content, $matches); ”

to pull the content from the post and grab the image.

This took me quite a while, and someone who can code a lot better than I, to sort this. Hopefully this will be of some use to others who had the problem I did:


function get_first_image()
{
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('//i', do_shortcode('[gallery]') . $post->post_content, $matches);
$first_img = $matches [1] [0];

?>


Thanks again Archon. This looks as good as LinkWithin, and gives me the far better matching capabilities of YARPP, with the extra control.

Thank you.
Chris´s last blog ..Tomorrow Queen Reimi by 3A Toys

Follow yellowbearvinyl on Twitter

Sports Pilipinas News Update Online
watch pba,nba,boxing,manny pacquioa,smartgilas,ufc,james yap,online news,kobe bryant,lebron james,dwyne wade,nonito donaire,online streaming free
http://www.sportspilipinas.info/