Show Random Posts with Thumbnail Display




Hi, Bloggers! Are you ready to learn a new tricks? OK, now I'm gonna share you about Show Random Posts with Thumbnail. Maybe, this trick almost similar with previous trick, How to Add Labels with Thumbnail. But, in these trick, you just need little code. Need a DEMO? You can see the demo at the bottom of my blog. Now, if you want to add Show Random Posts with Thumbnail Display into your blog, just follow the steps below.

1. Log in to your blogger account
2. Go to Design --> Page Elements --> Add Gadget
3. Then, add the code below

<style text-type="CSS">
img.label_thumb {
float:left;
padding:3px;
background:#CCC;
border:1px solid #A4A4A4;
width:100px;
height:75px;
margin-right:10px;
margin-top:10px }

img.label_thumb:hover {
opacity:0.8;
filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8 }
</style>

<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
</script>

<script type='text/javascript'>var numposts = 4;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Hacks?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

=> The blue code is the number of the post that you want to show
=> The green code is the name of the blog label (The alphabet must be same)

4. Then, click SAVE TEMPLATE

22 comments:

This is test :)

Reply
16/6/11

Awesome !

Reply
19/9/13

I'm very inspire to this post.

Reply
18/2/16

aBlogtoWatch: Let's go back for the pre-Instagram days, were you the type of guy who saw persons with fake watches around the street and got irritated or is this a thing new for you personally?

FakeWatchBuster: I have had a few situations exactly watches where I wanted to compliment a person on their watch and when I saw it closeup I realized it was a replica. I guess this is the true life version of FakeWatchBuster, hehe. I didn’t make an effort to insult them, but I’m not afraid to point out inside a friendly way that a watch is not genuine if I’m certain about it getting a replica. I’m not an conveniently irritated individual and I’m not a hater just like the account maybe can make me look like, my most significant motivation is just the adore of genuine watches.

aBlogtoWatch: Is it hard to uncover images of people today proudly wearing fake watches on the internet or it truly is significantly simpler than one may well feel?

FakeWatchBuster: I started out just looking hashtags on Instagram and there are plenty of fake watches mainly on the #Rolex tag. It generally baffled me that when these men and women show this off to their buddies they include things like the option of any individual replica breitling colt on Instagram of locating it. I guess people today truly believe nobody can tell the difference involving genuine and fake watches. When I began moving much more towards celebrities as the account grew bigger, I began targeting particular accounts or reading a number of the blogs that re-post high priced stuff from Instagram. At this point I get about 100 submissions every day so I really don’t must appear for fake watches anymore - they come to me.

aBlogtoWatch: Based in your experience "busting fake watches," what would you replica rolex cellini say are the most well known watch brands and models that people are buying fakes of?

FakeWatchBuster: Rolex is [the] number 1 [commonly] faked brand, particularly amongst these with the least expensive replicas. The next most typical faked watch is Audemars Piguet. I assume the rise of Audemars Piguet is on account of its recognition inside the hip-hop culture and also due to its original price tag point getting higher. The Rolex DayDate and DateJust would be the most copied Rolex watch modes and then the Submariner following watches replica these. When it comes to Audemars Piguet it's all about the Royal Oak Offshore. Other brands on the rise in regards to replicas are Panerai and obviously Omega. I've however to find out any properly created replicated of Patek Philippe, Vacheron Constantin, or comparable brands. They're replicated, but the fakes look nothing at all like actual production models.

Reply
9/4/17

:) thank you so much.. For the past couple of months I'm searching a code that for random post with thumbnail view. finally i found here only. This code works good for me... Keep rocking...

Reply
23/4/17

Post a Comment

:) :( :)) :D =))
Loading Comment Form