Thumbnail Related Posts with Marquee (Walking)

For those of you who already use or want to use thumbnails Related Posts (related article illustrated), would be more interested in using it, karen looks quite interesting with the picture, but there are some shortcomings of the tools that this one, which takes a lot of places on the blog page. Therefore, most blogs that I visit minimize the amount of the related post, especially with the narrow size of the post pages. Therefore to make this the marquee with the alternative (walking).

Well, for example thumbnails Related Posts Marquee method can be my friend see here.

In the previous post already described how to create thumbnails Related Posts +, my friend can apply in advance tutorial Thumbnails Related Postsnya here, but just enough to apply the Code CSSnya (script code first reply)To create these thumbnails Related Posts to be displayed with the number of lots that is by Marquee method, there are little changes that will be performed on a second script code.

Well, to get started:

1. Please see how to create thumbnails related posts here (Simply apply only code CSSnya / code first)

2. After my friend apply the first point above, now please find this code:

 <div class='post-footer-line post-footer-line-1'>

 or

<p class='post-footer-line post-footer-line-1'>

3. If you've met one of the code above, place the following code after one of the code above:

<!-- Marquee Serbablog Related Posts with Thumbnails Code Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=10;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://serba-seru.blogspot.com/2010/02/thumbnail-related-posting-with-marquee.html' style='display:none;'>Thumbnail Related Post</a>
<a href='http://www.bloggerplugins.org/' style='display:none;'>blogger tutorials</a>
</b:if>
</b:if>
<!-- Marquee Serbablog Related Posts with Thumbnails Code End-->

- To show the number of posts, man can change the code red- To change the title, man can change the code blue

- To change the title, man can change the code blue

4. Save and see the results

Related Articles