How to show a Different value (say price) for each post in summary on home page?


#1

The above image is a screenshot of homepage of a classified website (wordpress)

And they are summaries of posts. We can do it in Blogger.

But how can i show that price tag, which I change from post to post.

is there anyway to do this in blogger


#2

@Susheel_karam

Ask @Carrie. She is using it in her blog. (Hope That she will Help you…:yum:)

Thanks,

Robin Singh


#3

Hi Susheel,

You could wrap the price in a div with a class, we could use “price” for example.

<div class='price'>$130,000</div>
Your post goes here.

The CSS would be something like this:

.price {
float: right;
position: relative;
top: -60px;
width: 120px;
height: 24px;
background: url('your-pricetag-image.png');
color: #ffffff;
line-height: 1.375em;
text-align: center;
text-indent: 10px;
}

This should give you a good start. Change numbers and background image as needed. If you have a responsive template you’ll want to use a media query to drop the float on small screens as it will overlap the title.

Hope this helps!


#4

Hmm… That’s not iam looking for.

The script should take the price value from blog post and should automatically display for each post