How to - - - upload Blog spot background.

Few days back I was so bored with the old look of my blog that I planned to give it a new look…  
I had two options,
1. Either to make my own background and upload it
2. Or to get a free blogger background available online.
 
And Obviously I took the Second easier option….. I selected background from an online free web page and installed it in my blogger.

These are few resources for really good blogger backgrounds. Some one them also have matching buttons available.

http://thatblogplace.com/store/Default.asp
http://aquapoppydesigns2.blogspot.com/
http://myblogmakeover.blogspot.com/
http://www.backgroundfairy.com/
http://slsfreeblogbackgrounds.blogspot.com/

 
So I Followed these simple steps for installing new background.

STEP 1

Choose DESIGN option from your dashboard

STEP 2

Select EDIT HTML

STEP 3

& then select SELECT LAYOUT TEMPLATE

STEP 4

Choose MINIMA

STEP 5

SAVE TEMPLATE and go to PAGE ELEMENTS from DESIGN options

STEP 6

Now ADD A GADGET

STEP 7

Add HTML

STEP 8

Add code of the background you selected. Save and done.

It is simple isnt it?

Deciding background took me alot of time (I am toooo indecisive, i know) but uploading hardly took 5 to 10 minnutes.

In next post ill show you how I designed my blog buttons.

Let me know if you have anything in mind...

How to - - - Remove ANNOYING blogspot Navbar

I really don’t understand the reason of that Navbar on the top of your blog.... I have never used it…

Really I want to know, what is the right way of using it, educate me if you use it…. I will love to know



You have two options with Navbar....
1. you can move it to bottom... (which doesn’t sound like a kool idea to me…)
2. Secondly to disable it.

My post is about disabling it... as I wanted to get rid of it...

OK lets start....


Step 1

Dashboard -> Design -> Edit TML


Step 2

Search (Ctrl+F) and find following code in HTML code.

]]></b:skin>


Step 3

Now add following code "above" ]]></b:skin>

#navbar-iframe { height:0px; visibility:hidden; display:none; }

It will look like this

#navbar-iframe { height:0px; visibility:hidden; display:none; }
]]></b:skin>

Save & DONE!

happy blogging

Am I obsessed with "HOW TOzzz" hmmm

Enough of blogging tips....

Now a days I am working on my blog's designing & layout... so you will be seeing a new look of DUBAI CRAFTER MOM soon :). Secondly in next few days ill be uploading tutorials on blog designing, adding background, designing and adding blog buttons, adding facebook,email,pinterest links, adding tutorial pages to blog, arranging tutorial page attractively and alot...



OH YA one thing more... all the designing I have done WITHOUT USING PHOTOSHOP... I had  been working in photoshop and its extremly fun but dont have it installed in my system now so this time I took help from

Microsoft paint
Microsoft word
& the amazing Picnik

and it worked well :)

I am no expert, but learnt alot of QUICK, EASY, TRICKY ways of getting a new personalized look for your blog in last few days, while customizing my blog... & will be sharing that.

So mail me at irum.adnan@gmail.com if there is anthing you would like to share or teach me....

Stay Blessed

 

How to - - - watermark your pictures, the quickest way?

I started blogging in April this year…. in march I read a post by Khadija, Creative mind that her tutorial pictures were stolen as they were not marked with her name…. & she was very sad about that…. we can understand how she would have felt :(



Since then I started marking my pictures too…. Until now I have been using two ways

1. Picnik…. you can check here, Khadija has excellent post on that.
2. And I tried Microsoft paint another good option, I like it as my camera pictures are quite heavy… I mean really heavy, 5MB to 6MB so by using paint,
* you can easily resize your pictures, using “print screen” option (let me know if you need help with that)
* & label your pictures…
so it’s a kool option BUT again time taking…. as you have to upload 1 picture at a time in both cases (picnik or paint) which means patience…. and I DONT HAVE THAT….
Recently I started using Windows Live writer and came to know about its watermark option…. its so easy….

check out….
Step 1
upload your picture…


2. Select Picture, and you will see Picture Tools->Format->watermark option, select that


Step 3 Add your text, font, size & position.


AND DONE…………


Which means you upload pictures in your post & then watermark them, just by this simple way…

Please let me know if you know any quicker way then this…..
Happy blogging

How to - - - Increase Traffic to your blog by adding “Alt” to your pictures

There are a lot of long I mean really long articles on how to increase traffic to your blog, this and that… and yes they are helpful but bit difficult to understand & implement for a non-techie person (like me :)

There is one little simple trick which is not very techie and it really works…. after implementing this I saw a HUGE difference in traffic to my blog…

OK! No more exaggeration I am talking about adding “alt” tag to your pictures…

What is “alt” tag? It is simply adding description code of your picture (you upload on your blog) in HTML….

How it can improve traffic? Ok, ill explain with an example, I have this Monster Hook post on my blog, with a lot of pictures and I have named these pictures like 1.jpg or hook.jpg or may be 101239.jpg

And some one search Google images for “diy kids craft” or “kids monster wall hook” will not see my pictures….. As Google bots are looking for diy kids craft/kids monster wall hook and not 1.jpg or hook.jpg or 101239.jpg

Make sense?

Adding “alt” tag to pictures… Ok so now, lets talk about how to do that…. there are 2 ways
1. If you are using windows Live writer then, once you add picture, you get the formatting option and there you can see “Add alt” option. add relevant info… SIMPLE!



2. In other case if you are using blogger for posting, then you need to add tag in HTML manually….

once the picture is uploaded in your blog post, go to HTML.



Now search <img



Just after <img add space then alt=“your tag” and single space
for example, for this picture I will add…



img alt="monster hook, kids fun, kids diy, kids craft, kids wall hanging" border="0"



This way your pictures will be visible in all relevant Google searches….
Please let me know if I can help you with anything…
Happy Blogging,