Tag Archives: Design and Coding

Add Borders to Images

By Sue Bride (Sueblimely) | Published: June 2, 2008

Inbuilt blog editors make it relatively easy to insert and position images in posts but you can add some additional styling elements and make them more interesting. The WordPress insert image screen (Appearance tab) allows you to add inline styling for individual images In Blogger you have to enter the CSS styling manually. If you have a particular style that you are going to use regularly it is simpler to add the a class to your CSS styling. I will explain this more as I go along. WordPress Insert Image Screen Firstly I will show you how to just add [...] Continue Reading…

Posted in Design and Coding, Images | Also tagged , , , | 156 Responses

Navigation Menus 3 – Main

By Sue Bride (Sueblimely) | Published: March 14, 2008

I thought I would get down to the meat of the main menu today by showing you some css styling. HTML Code for all of these menus: An unordered list: <div id="navigation"> <ul><li><a href="#"id="a#current">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Page 1</a></li> <li><a href="#">Contact</a></li> </ul> <div> Menu 1 With no CSS styling – the list will display vertically: (If you try this with your current template, existing styling may alter the look of this): Home About Page 1 Contact Menu 2 display the list horizontally – display: inline; take away the bullets – list-style-type: none; CSS #navigation ul li { display: inline; list-style-type: [...] Continue Reading…

Posted in Design and Coding, Tutorials, Wordpress | Also tagged , , | 10 Responses

Ultimate Blog (Party) Menus

By Sue Bride (Sueblimely) | Published: March 9, 2008

The party has begun. The 5 Minutes for Mom Ultimate Blog Party 2008 that is. Women bloggers worldwide are getting into a festive mood. Please come and join the fun. Welcome to those who are visiting because of the party. Good to see you here. I suggest good comfortable blog hopping shoes. Prizes galore are on offer. Last year over 1000 bloggers took part. This year even if you do not write a post inviting others along you can till take part – by commenting on at least 20 participating blogs. How could I take part, keep to my blog [...] Continue Reading…

Posted in Carnivals, Design and Coding, Tutorials | Also tagged , , , , | 25 Responses

Advantages of blogspot Blogger

By Sue Bride (Sueblimely) | Published: November 17, 2007

Having been critical of Blogger I feel a need to make some amends. After all it did serve me very well for a few years. I prefer it to the other hosted blog platforms for a number of reasons: It is easy to learn and use. The new blogger has introduced features that make it very simple to add extra features or page elements. More are being added as time goes on. Click on image to see all page elements You can host the classic blogger on your own domain. There is plenty of support for those just starting out [...] Continue Reading…

Posted in Blogger, Design and Coding | Also tagged , | 33 Responses

New WordPress Theme

By Sue Bride (Sueblimely) | Published: November 14, 2007

I could wait no longer before putting my first mark on this blog’s theme. Apart from the theme being very basic the original theme it did not display the sidebar on post pages. The only way to navigate to other posts was to hit next /previous or to click on the title to go back to the home page. This tends to bug me when I am reading blogs and looking for something in particular. I also tend to read a post first and look at sidebar contents afterwards. If the sidebar is not there I am less likely to [...] Continue Reading…

Posted in Design and Coding, Wordpress | Also tagged , | 7 Responses

How to make your blog speed along

By Sue Bride (Sueblimely) | Published: September 20, 2007

I have talked before of reducing sidebar clutter and limiting the amount of widgets. plugins, scripts and images to speed up your page loading time. You may have done all this and still find your page slower than a wet week and are wondering why. What slows down page loading times and what to do about it? Images Reduce your image sizes – in dimension as well as in file size. Reduce the number of colors in graphics. Use dimensions with your images e.g. the image above uses <img src=”http://….. /turtle.jpg” style=”width:261px; height:126px;” />. I used one image rather than [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged | 7 Responses

All you need to know about styling lists

By Sue Bride (Sueblimely) | Published: September 16, 2007

Lists are used extensively within blogs, particularly in the sidebar; for example in blog rolls, category and archive lists. Lists within posts are an excellent way to improve readability and to highlight areas. Your blog software automatically creates some of these lists for you and your template styles them so you may not have had to worry about their formatting. However If you want to change the type of list or its styling you may find this of use: Types of Lists Unordered List (Bulleted List) This is more commonly known as a bulleted list – a list of items, [...] Continue Reading…

Posted in Design and Coding, Tutorials | Also tagged , , , | 10 Responses

Blog Design – 25 KISS techniques

By Sue Bride (Sueblimely) | Published: September 13, 2007

I have had blog design on my mind for a few days in lieu of having the time to actually design something for my impending move to WordPress. I came up with some wild, wonderful and complicated ideas only to end up reminding myself of the KISS principle – Keep it Simple Sue. I brought myself back to earth and reverted back to more basic web design principles and the particular needs of a blog site. These concepts apply whether you are designing a blog from scratch or trying to choose a pre-made template. Keep it Scope Sensitive 1. Consider [...] Continue Reading…

Posted in Blogging Tips, Design and Coding, Featured, Tutorials | Also tagged | 21 Responses