Put a Vertical Gallery down the side

Add Two CSS Div Classes

By creating these two div classes below you can put your NextGen Gallery displays to the right or the left of the content in your post.   The width of the div can be modified to whatever size you want to make it.   It depends on the size you have set for thumbnails in your NextGen Gallery Options.

#gallright {
float: right;
width: 200px;
padding-left: 15px;
text-align: center;

}
#gallleft {
float: left;
width: 200px;
padding-right: 15px;
text-align: center;

}

Put the code above in the CSS Style.css file   Appearance-Editor-Style.css

The float tells it which side of the post to place the gallery.   Width= How wide for your thumbnails to fit. Padding=A little area between the div and the text. Text Align Center=Puts the text at the top centered over the thumbs.

Where to place the code in the post

After you insert the gallery code, Switch to the HTML Tab and enclose it in the div id for either right or left placement.

<div id=”gallright”>[noggallery id=23]</div>

or

<div id=”gallleft”>[n0ggallery id=23]</div>

That wasn’t very hard was it.   And it has a nice effect.

It takes longer to create the gallery, label the images and sort them than it does to set up and write the post.   But remember a picture is worth 1000 words so this is a 5000 word post.

Print Friendly

About Dave Smith

Did you know that with Twenty Ten if you fill in the User Biographical info field it will put an author window at the end of each post. Be sure to get your gravatar for all authors on your site. And fill out the Bio field in the profile.
This entry was posted in Real Estate Blogging, Serendipitous Marketing, Single Listings and tagged , , . Bookmark the permalink.

6 Responses to Put a Vertical Gallery down the side

  1. Chelle says:

    That’s pretty slick…The next gen gallery plug-in never ceases to amaze me :)

    Now if only Google counted pictures as 1000 words, would make seo so much easier :)

    Chelle ´s last blog post..10 Ways to Make Your Website More User Friendly

  2. Dave Smith says:

    Chelle,

    I love the NextGen Gallery plugin but it is expensive from an SEO standpoint. I’ve grown lazy using it, and I’m paying the high price for doing so. NextGen lets the reader see the images but keeps them locked away from the search engines.

    I keep hoping in a new version they will address this but I doubt it will happen.

    Dave

  3. I absolutely love it. While I really think it is great, I have the same problem with it as you Dave. Locking the pictures away from the search engines is a serious flaw. After reading your “Building Quality One Way Backlinks Yourself” blog, it seems even more important. I get a bunch of traffic from my pictures Google has cached. While I would love to use the plug in, I’ll probably pass because of that one issue. As always, great stuff though.

  4. Alex says:

    As someone who knows nothing about code, this is awesome. Very simple and easy to use. I have it saved in a text file.

  5. Brandon says:

    Great use of space Dave–it really caught my eye.

    Brandon ´s last blog post..Stunning, bright, spacious two bedroom condo!

  6. I didn’t know about the SEO limitations of next gen, I’ve also been leaning pretty heavily on it. There is always wordpress’ builtin gallery feature if you’re running 2.7…but it’s not nearly as user friendly.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

5,122 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge