1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Adding Images next to post title in Wordpress Blogs

Discussion in 'HTML & Website Design' started by travinb, Dec 1, 2007.

  1. #1
    I have seen sites like freelanceswitch.com add images right next to the title of the blog posts..
    Are they using a plugin? anyone have any idea on how do you add this feature?
     
    travinb, Dec 1, 2007 IP
  2. Richie_Ni

    Richie_Ni Illustrious Member

    Messages:
    10,721
    Likes Received:
    1,175
    Best Answers:
    0
    Trophy Points:
    410
    #2
    I don't think they're using a plugin,guess it's just a few lines of html.
     
    Richie_Ni, Dec 1, 2007 IP
  3. nks

    nks Well-Known Member

    Messages:
    1,602
    Likes Received:
    40
    Best Answers:
    0
    Trophy Points:
    160
    #3
    Exactly, just simply edit the template of your PHP file, and add the image HTML code next to the title of the blog.
     
    nks, Dec 1, 2007 IP
  4. sickanimations

    sickanimations Peon

    Messages:
    137
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    Do you mean a different picture for each post or the same picture for every post?

    I'd like to be able to elect a picture for each post in certain categories... I tried finding a plugin but I couldn't. :(
     
    sickanimations, Dec 1, 2007 IP
  5. travinb

    travinb Peon

    Messages:
    42
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    @nks.. thanks .. but the question was how... I don't want the same image on all posts.. so cant really edit the index to do it.. or can I.. not a complete newbie but I am more or less a beginner on these matters..
    @sickanimations - I am looking at different images..

    I don't know if you guys got me right on this.. let me put it again...

    When we add images to blog posts.. its usually along side the article.. .i.e. after and below the post title.. in websites like freelanceswitch.com and their other network sites.. these images that we add to blog posts begin right next tot he title itself and then go further into the posts...
    check out freelanceswitch.com to get a better idea of what exactly am looking for...
     
    travinb, Dec 1, 2007 IP
  6. maddest_lover

    maddest_lover Guest

    Messages:
    1,110
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Any more suggestions pls? I really need this thing.

    thx
     
    maddest_lover, May 19, 2008 IP
  7. yakusokutebayo

    yakusokutebayo Well-Known Member

    Messages:
    992
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    130
    #7
    If i get what u mean correctly, then i think it's just manual insertion of different image on each post. And the way the image in each post turn up like that is the design/template of the site.
     
    yakusokutebayo, May 19, 2008 IP
  8. yakusokutebayo

    yakusokutebayo Well-Known Member

    Messages:
    992
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    130
    #8
    Addition:

    Checked the source code, the image actually came before permalink on each post. So i changed my mind. Maybe they custom code some plugins, which isn't available freely anywhere. Maybe.
     
    yakusokutebayo, May 19, 2008 IP
  9. maddest_lover

    maddest_lover Guest

    Messages:
    1,110
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Alright, what if I need a same photograph in front of all titles. The titles can be on any page like index or single post. Any help pls?

    Thx.
     
    maddest_lover, May 19, 2008 IP
  10. yakusokutebayo

    yakusokutebayo Well-Known Member

    Messages:
    992
    Likes Received:
    16
    Best Answers:
    0
    Trophy Points:
    130
    #10
    Who's thread is this? ^^
     
    yakusokutebayo, May 19, 2008 IP
  11. maddest_lover

    maddest_lover Guest

    Messages:
    1,110
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    0
    #11
    I got my answer yesterday. Thx a lot for everybody you helped me here.

    cheers.
     
    maddest_lover, May 20, 2008 IP
  12. oneawesomeguy

    oneawesomeguy Peon

    Messages:
    835
    Likes Received:
    11
    Best Answers:
    0
    Trophy Points:
    0
    #12
    Seemed to be travinb's... Tread hijack?


    Care to share?
     
    oneawesomeguy, May 20, 2008 IP
  13. gouthamlal

    gouthamlal Peon

    Messages:
    64
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #13
    Ahh You got it
     
    gouthamlal, May 20, 2008 IP
  14. bidder

    bidder Active Member

    Messages:
    431
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #14
    i'm lookint to this tips. can you share with us here
     
    bidder, Jul 13, 2008 IP
  15. yankzilla

    yankzilla Peon

    Messages:
    159
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #15
    You can do this easily by adding the image to a custom field in the post, and calling that field in the template. It would go something like this:

    1. Start a new post, and half way down there is a section called "Custom Fields".
    2. Create a new field with the name "Post_Thumb", and insert the image in there.
    3. Go to your template (ie, Single.php) and add the following code where you want the image posted:
    <?php 
    $values = get_post_custom_values("Post_Thumb"); echo $values[0]; 
    ?>
    Code (markup):
    Make sure that you have the fieldname (Post_Thumb) EXACTLY as you have it in the code, or it will not work. You can create as many fieldnames as you need, and call them all using this method. This is how I show all the site information at: http://csscharm.com/2008/07/09/carbonmade/
     
    yankzilla, Jul 13, 2008 IP
  16. bidder

    bidder Active Member

    Messages:
    431
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    60
    #16
    look at line like following (theme->index.php)

    <div id="content">

    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    ...
    .........
    ............

    *play around this line, put image/photo before or after <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
     
    bidder, Jul 16, 2008 IP
  17. maddest_lover

    maddest_lover Guest

    Messages:
    1,110
    Likes Received:
    39
    Best Answers:
    0
    Trophy Points:
    0
    #17
    maddest_lover, Jul 23, 2009 IP
  18. Izr0d

    Izr0d Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #18
    I resolved this one with simply putting img tag directly into the title box

    <img src"#"> My Title

    ;)
     
    Izr0d, Jul 10, 2012 IP