Am I the only one who can never remember how to do HTML formatting in a Goodreads review? I’ve spent seven years repeatedly checking how to add a link, image, or whatever, and it was literally moments ago that I realized my life would be much easier if I just took a damn screenshot of it.
I’ve been thinking about changing up the look of the blog for a while now, and today is the day it all begins! I’ve searched the internet from top to bottom, and I finally found some images that fit the ideas floating around inside my head. Yay!
I’m also thinking about changing up the theme. I know, I know… I should just pick one already and stick with it. And I will. Just as soon as I find the one that does everything I want it to do and looks nice, as well. One of these days I’ll have to give in and upgrade my blog so I can use the exact type of theme I want, because all the themes I love are either premium themes, or have to be uploaded. Sigh. But you know… it would be nice to drop the “wordpress” off my web address and simply be “thegeekybibliophile.com”… I just need to talk myself into it. Knowing myself as well as I do, I can tell you that it’s not going to be an easy task. Ha!
Sadly, my geek girl won’t be part of the makeover. She’ll still be my avatar for WordPress, but she won’t be prominently featured on the blog anymore. My plan is to use imagery that is the similar (or at least, complementary) to my new banner image, so the time has come to retire the geek girl.
It’s going to take a while to get all my graphics sorted—deciding what goes, and what stays. Unless you’re reading my old posts, you likely won’t notice most of the changes until they appear in a new post later on. The end result (I hope) will be feminine with a simple elegance… because book blogs can be beautiful, too, right?
The cool thing about all this is that while I searched for my new look, I also managed to find lots of inspiration for my Blogging 101 feature. It’s been AGES since I’ve written about blogging tips, and I’ve really missed doing it. I’ve got lots of topics in mind, and I’ve also found tons of new resources I’m dying to share with all of you. If all goes well, I’ll have the first one up in a few days.
Speaking of Blogging 101… I’m also going to be adding a sub-feature to this topic that’s all about book blogging. It’s been nearly two years since I started blogging about books, and I want to share what I’ve learned with others who are just getting started. Book Blogging 101 will kick off in about a week, and in my first post, I’ll be talking about all things Edelweiss. Stay tuned!
I’m really excited about TGB’s new look, and all the content and resources I’m planning to write about and I can’t wait to share it with you all. Hopefully you will find it as useful as I have these last few days.
In the meantime… pardon my cyber-dust as I change-up the decor around here, and I’ll see you soon with some new resources and tips!
Have you ever visited a blog that had neat rows perfectly aligned images and wondered, how the heck did they DO that?
Every wordpress user knows that when you’re writing a post, you can insert your images in a neat row in the editor, but they almost always come out looking like this:
When what you wanted was this:
You can even add captions to the images, and they will still be neatly aligned:
|Pink Ribbon||Teal Ribbon||Purple Ribbon|
Yeah…yeah… that’s great, but how do I DO it?!
Three HTML tags is all it takes.
‘table’ defines the HTML table
‘tr‘ defines a table row
‘td‘ defines a table cell
A table row is filled with tables cells that will contain either text or an image. In Table 1, the HTML I used to create the table looked like this:
<table> <tr> <td>INSERT_IMAGE1_URL_HERE</td> <td>INSERT_IMAGE2_URL_HERE</td> <td>INSERT_IMAGE3_URL_HERE</td> </tr> </tr> </table>
I pasted this code into the HTML tab of the Post Editor, then returned to the Visual tab.
HTML code MUST always be pasted into the HTML tab of the Post Editor. It will not work if it’s pasted into the Visual tab.
When I returned to the visual editor, the table looked like this:
I deleted the text from the cells, and inserted a photo into each individual cell. (The default setting for this simple table is for text or photos to be left aligned, so I changed the image alignment to center in each of the cells.)
In Table 2, there are captions under the photos. I did this by adding another table row …
<table> <tr> <td>INSERT_IMAGE1_URL_HERE</td> <td>INSERT_IMAGE2_URL_HERE</td> <td>INSERT_IMAGE3_URL_HERE</td> </tr> <tr> <td>INSERT_IMAGE_CAPTION_HERE</td> <td>INSERT_IMAGE_CAPTION_HERE</td> <td>INSERT_IMAGE_CAPTION_HERE</td> </tr> </table>
…which looked like this once I was back in the visual tab of the editor:
Rather than a photo, I added a caption in each cell of the second row, which resulted in the Table 2 example above.
When adding more rows, remember to ALWAYS close your tags if you type it out, rather than copy and paste. If you look closely at either HTML example, you’ll note that each of the three tags are always used in pairs. For example, < td > is always followed by < /td >. Tags that are left open will not work properly, so make sure you always close them.
And that’s all there is to it. Feel free to copy and paste the code examples into Notepad on your computer. You never know… it might come in handy one day!