Update and Friday Blog Hops…

I promise more clay and tutorials over the weekend. I have been busy schooling myself in HTML. On that topic, here is a wonderful website with free HTML courses. It is interactive and starts at the most base level (which I appreciate). I will keep you posted as I progress through this site. So far I have finished the "Basic HTML" course.

Friday link parties...






badge

A Few Clayless days… A Blogger’s Fresh Start…


Not sure what spawned it, but I have delved back into the land of HTML code for the past couple of days. I would like to monetize my blog by doing product reviews and giveaways, and I will only take that dive when I have figured out how to get the exact site design I want (without paying hundreds of dollars to some very talented designer to do it for me :). Gotta be a good steward of the finances I am blessed with, and my situation just doesn't have room for that kind of expense.

I will figure this out, oh yes. What do you think of my new header design I plan to implement? Seriously. Click it for a bigger view. I have been looking at it so long that it appears to be melting at this point. Feedback appreciated. I will be back to clay soon! Blessings...

Create Signature in Photoshop, Then Add it to the End of Your Blogger Posts…

See mine? It follows every post - not just the ones published subsequent to the addition of the code.
Ok, first make your signature. I did mine in photoshop. Here is how...
1. Open a new file. I made mine 220px by 96px (trial and error - it fits best after my posts). Make sure you choose "transparent" in the background contents tab as below.
2. Choose the Text tool (keyboard short cut T) and pick your favorite font. I used "Hannah's Messy Handwriting", which I downloaded here at dafont.com. Pick your font color and size, and type your name...


3. I added a heart using a heart brush that I made (that is for a later tutorial)...
Choose the brush tool (keyboard shortcut 'b'), pick a foreground color and brush that you like and paint design of your choice...

4. Save file and upload to image hosting website (I use Photobucket)...
Save File as .png, so that transparency will be maintained and the signature file will not come with a background that may vary from your post background color.


Now put code for your image into your Blogger HTML template...
Go to your blogger dashboard and click 'layout', then 'edit HTML', then
check the expand widget box as follows...

Find the line:

Blogger Code Tweaking; the Sites That Helped Me Survive…







For the past 48 hours, I have been swimming in html code, attempting to make my blog look just like I want it to look.
I have a medical degree - html is not something I know... even a little.
Could I have paid someone to do this for me and saved myself a lot of time? Yes. However, I do not regret my efforts. Although my page is not exactly where I want it, I learned much about coding, and about myself. Turns out I love playing with code. Putting that with my love for graphic design... web designer in the making? We'll see. I never pictured myself in this area at all. Anything is possible.
Here, I would like to share the links that helped me the most in my changing code adventures...
  1. Get a 3 Column Blog: I originally had the blogger minima template. I wanted to go to three columns, which I learned via this tutorial at Three Column Blogger. It was very helpful, although I had to make my outer wrapper width smaller than its suggested 940px in order for my page to load correctly in my safari browser. I found it is wise to stay at 780px or less. Then I had to decrease my main wrapper, sidebar wrapper and new sidebar wrapper widths to fit within the 780px. I found a wonderful diagram explaining margin, padding, wrapper width and how to put them all together here at Blog Buster.
  2. Adding a Horizontal Nav Bar: As you see, there is now a horizontal nav bar under my page header pic. This web tutorial is the best I have ever seen, and really is why I am writing this post. Nicole at The Pixel Boutique did a superb job, and has my full attention.
  3. Adding background image: At Tips For New Bloggers, I found a great tut on this fairly simple tutorial (click here). There are many helpful tutorials on jazzing up your blog on this site.
I also found a site with a list of top blogger resources here at Blogger Plugins. I plan to make the background for my sidebars a different color than for my main post area. I am also considering placing both sidebars on the right and main post on left. Undecided. There are some widgets I plan to add, like blogs i heart, and so forth. I am trying to figure out how to put all of my favorite links in one spot accessible by a link in my new horizontal nav bar (which may just have a new background color next time you see it).

Ok, my husband is giving me that look. You know the one. The -are you seriously still on the computer... really- look!"

So grateful for all of the awesome tutorials I found out there. Much love!!