In the first post of this series, I talked about my decision-making with regard to how to format my blog. Generally, each post has a left-justified thumbnail with a graphic element. The primary elements include an external image, a video, or a slideshow of photos that integrated into a NextGen Gallery on my blog. Typically I create a box (division), using HTML which allows me to control that the contents be left justified on the page, the size of the graphic, and justification of text within the box. This slideshow illustrates a box (division) without border. The caption is centered using a style option.
Here the box (division) is shown with the optional border and centered caption. I am including the simple coding within WordPress for those who choose to try the NextGen Gallery plug-in.
<div style=”border: 1px solid black; margin: 3px; padding: 3px; text-align: center; float: left; width: 232px;”>[ slideshow id=1 w=226 h=170]Centered Caption</div>
Leave out the blank before the keyword ‘slideshow’.
If you don’t already have this plug-in installed in WordPress, go to your WordPress dashboard>Plugins>Plugin Browser/Installer
Input the name NextGen Gallery in the search box. Click on NextGEN Gallery in the results. Click on Install Now and wait for it to install. A new heading will appear in your dashboard called Gallery. Go there to set up and manage your albums, galleries, and pictures.
This concludes my series on formatting a WordPress blog. I hope you found it helpful.
UPDATE (2012-01-25): I did not include the hyperlink code for the caption. Sorry. Here you go:
<div style=”margin: 3px; padding: 3px; text-align: center; float: left; width: 232px;”>[ slideshow id=1 w=226 h=170 ]<a href=”http://url_of_album_you_want_to_link_to_goes_here” target=”_blank”>Click for Album</a></div>
Leave out the blank before the keyword ‘slideshow’.
15 Responses to NextGen Gallery Slideshow