Want a Blog Makeover?

If you have been wanting a blog makeover but don't want to spend a lot of money on it here is your chance!! This past Summer I "met" Leah through the Button's for Lily fundraiser I had a few months ago! I created this button for her blog through this event.



I quickly became a follower of Leah's blog and am so excited about her journey of adoption. Leah and her hubby are raising money to help bring their baby home! Today, they are having a raffle on their blog to win a Blog Makeover by ME!! Head on over to their blog for the details! I hope one of my followers is the winner!! Good Luck!!

Post Signature

If you are wanting a cute signature for the bottom of your posts here's a quick and easy tutorial on how to add one to your blog!

• You will need an image that has your signature. I use Photoshop to create mine. I know there are other programs, such as Microsoft paint. You'll want the image to be about 100x50 pixels. The size can vary it's really up to you and what you want. You can also add a cute image like I did here!

• Next you'll need to up load the image to the internet. You can do this by using Photobucket, Flickr, Picasa or you can do as I did, and put it in a post right here on blogger! You will need to copy the URL address of the image and paste it into the code below.
  

• Now you will need to copy the following code:

<img src="INSERT IMAGE URL ADDRESS HERE"/style='border: none; background: transparent;'>

• Now you will need to go into your layout page and click on Settings.
  

• Once in Settings click on Formatting:

• Scroll down to Post Template and paste the code from above in the box and click the Save Setting button.
  

(To enlarge images click on the pictures)

• Enjoy your new post signature!

FYI: Your signature will not appear on previous posts. It will only appear on posts from this point on. There is away to add your signature to all your posts, however it's not quite as simple as this! If there's enough interest on how to permanently add a signature to all your posts I'll write up a tutorial on how to do so in the near future!

I recently mentioned in a previous post, on my personal blog, I've been reading the blog An Ordinary Miracle. This is an incredible family that has been through a lot these past few years with trying to complete their family! They have a sweet boy named Owen, who they adopted from Russia a couple of years ago. They are now in the process of adopting a little girl from South Korea who they've named Lily Soo!! They are raising money in order to bring Lily Soo home! They hope to be able to have her home by her first birthday in November!

For a couple of months now I've really felt the Lord calling me to use my hobby of Blog design for His glory! I have never charged for any of the blog design or blog services I have done thus far! I would however like to help this family bring Lily home so I thought I would do a Buttons for Lily Soo Sale!!

If you are interested in getting a button for your blog, NOW is a great opportunity to get one!! It can be a button and grab box for your personal blog or it can be for some special event happening on your blog too! Each button will only be $5! You can get a button and scrolling box to grab the code underneath for only 5 dollars!!

If you would like to purchase a button please email me at jenieshell at gmail dot com and pay the $5 fee by clicking on my paypal donate button at the bottom of this post. This sale will be for this week only and 100% raised will be donated to Bring Lily Home Fund!! I will transfer the total amount raised next Sunday, July 25th.

If you are not in need of a blog button but would still like to help out this great family please feel free to donate through my paypal button! I will make sure to include it in the final amount raised next week!

So now is the time to get your button and help bring Lily HOME!!!

Wow! It's been a month since I last posted!!

I realized this morning it's been exactly ONE month since I last posted!! Thank you so much for all the well wishes and prayers!! I am feeling better but still dealing with headaches. I am grateful to feel more like myself these days!! I feel the need to write a tutorial since it's been awhile since I posted one! So let me know what blogging question you are wanting answered and if I can answer it I'll try to write a tutorial on it!!

Under the Weather

Hi all! I am writing to let my wonderful readers and fellow blog buddies know these past few weeks I've been under the weather and I've not been able to keep up with all the emails and comments I have received on this blog. I have recently received several emails and comments on how to tweak blogs but I just don't have the energy to respond to each of your questions right now. I apologize for not being able to help you with your specific blogging needs . Please know I read all your comments and emails. I would ask you to refer to my tutorial section as I have lots of tips and hints there. Hopefully I'll be back to feeling like my normal self and can help with your blogging questions soon! I wish you the best of luck and please send me links to your blogs so I can see what you are doing and the success you have made!!

Happy blog tweaking to all and thanks for understanding!!

Navigation Bar Images

This tutorial is to be use AFTER you know how to create a navigation bar! If you don't know how to create a Navigation bar please click here!


Ok, now that you know how to create a Navigation Bar let me explain how to add images* to your navigation bar instead just using text, similar to the one above! Each navigation link such as About me, Blog Roll etc were each different images. So for the above navigation bar I had to create four different images, one for each link!

Remember the HTML code you added in a widget under your header? That's what you are going to tweak in order to have an image for your link instead just text. Your current code in your widget should look something like this:

&lt;div id="newnavbar"> &lt;ul> &lt;li>&lt;a href="http://all-about-me.html">All About Me&lt;/a>&lt;/li> &lt;li>&lt;a href="http://blogroll-html">Blog Roll&lt;/a>&lt;/li> &lt;li>&lt;a href="http://giveaway-html">Giveaways&lt;/a>&lt;/li>&lt;li>&lt;a href="http://contact-me.html"\>Contact&lt;/a>&lt;/li> &lt;/ul>&lt;/div>

Now you are going to replace the WORDS that appear on your navigation bar (YELLOW words)with this code.

<img src="URL address of your uploaded image"/>

After you have replaced all the Words such as All About Me etc with your new code including the url address of your images then click save and enjoy your new customized navigation bar!

On a side note, the padding and margins may need to be adjusted in order to fit the new images!

*You will need to upload your images to the Internet. You can use flicker, photobucket, picasa or simply upload them in a post on Blogger!! There you will be able to get the URL address for the image! That address is what you paste into red html code above!

I hope this was easy to follow! Any and all feedback is always appreciated!

How to Make a Navigation Bar for Blogger Blogs

I recently received several emails asking how to install a navigation bar. I thought the easiest way to help my blogging buddies would be to try to write a tutorial! I say the word try because honestly it's a little tricky and I am still figuring out the kinks!! In fact recently, while changing the look of my personal blog, I kept getting stuck while installing the navigation bar. It kept putting my links and a box and I couldn't figure out how to get rid of that BOX!!! Thankfully after taking a break I finally figured it out!! Hopefully after all my frustrations, it's still fresh in my mind and I can write this tutorial !


This is a picture of my personal blog! Isn't it pretty? You can see my navigation bar directly below the tree branch! This is an example of a navigation bar where I used images for my links! In order to make this tutorial as simple as possible I am going to start by showing you how to create a navigation bar just using text. Similar to the one on this blog!

Ok, let's get started and install that navigation bar!! (Hope I haven't scared you off! Honestly it's not too hard!!)

• Go into your layout page and click on edit HTML.
  

It's always a good idea to download a copy of your template before changing your HTML.

I also recommend clicking on preview before saving your newly edited template!!!!

You will need to look for the html code that needs to be edited. Click on the link below to see what needs to be changed.

Click here for further instructions

Now go ahead and click save! It's ok to click save THIS TIME because there isn't anything to preview!!

What you just did was make it possible to add a widget to your header!! This is where the navigation bar will go!! If you go back to your layout page this is what it should NOW look like!

• Now that we are able to add a widget to our header lets go ahead and add the code for the links of the navigation bar in a new widget. Click Add a Widget and select HTML/Javascript. In the text box you will copy and paste the html code for the navigation bar.

Click here to get the Code

Once you have added and personalized this code go ahead and click save! This is what you will see!!

Don't worry are not done yet!!

Are you still with me?

Let me clear up a couple of things before we move on:

First if you want your navigation bar to be centered in the middle of your page you will need to add the code below in red, to the html code you just saved in your header widget:

<center> in front of your code.

and

</center> at the end of the code.

If your links are appearing above your header and you want them below the header then

simply go into your layout page and drag the widget below your header and drop it! Just like you do when you are arranging your widgets on your sidebars.

• Now we need to edit your html code in order to get the links to appear in a line on your page instead of a list!!
  

• Go into your layout page and click on Edit html. Once again if you haven't done so download a copy of your template and her e's where the preview button , I mentioned earlier, will come in handy!!

• Look for the Header section of the CSS code. It should look something like this:

Click here for the code that needs to be added and further instructions.

• Now click Preview and if you are happy with what you see then click save!
  

It's should look something like this!

• 

Soon I will write a tutorial on how to add an image to your navigation bar! I hope this tutorial was helpful I would LOVE any and all feedback! I hope it's easy to follow! Please don't hesitate to contact me if anything I mentioned in this tutorial was unclear! All I ask is that you be specific in your questions so I can better help you!