Labels!!

Hey Designers!! 

So , I've been asked many many times:

HOW DO I LABEL MY POSTS??
-=-=-=-=-

 Labeling your posts basically is putting several posts under a relating criteria.

Basically , labeling your posts is very beneficial , its a way of organizing your posts so it will make it easier to find.

 This post will show you how to create labels and how to label your posts and how to put them in your blog so that everyone could use them!

Like so,

 

Its simple and easy 

Creating Labels

Step 1:

Write your post 

Step 2: 

Once you are done , go to 'Post Settings' at either side of the page

It should look like the picture below 

One of the options is 'Labels'

Step 3:

Click 'Labels'
It should look like the picture below

  

Step 4:

Write your label

Step 5:

Click 'Save' or 'Publish' .. and you're DONE!

You can do this to previous posts by editing each post and doing the steps above OR by doing the following:

Labeling published posts...

Step 1:

Dashboard> Posts 

Step 2:

Select wanted posts 

Step 3:

Click the labels icon and choose or create your label

 You are DONE!

Labels on the Sidebar!

So you made your labels and you've labeled your posts and published them and everything,,
But you want your viewers to benefit from your labels , right?

How to put it on your sidebar?
The procedure is like adding any other widget to your side bar

Step1:

Go to Dashboard > Template

Step 2: 

Click 'Add a Gadget'

Step 3: 

Scroll down the pop-up window till you find 'Labels' , click it

Step 4:

 You can personalize how the widget will look and the order of the labels

Step 5:

Click 'Save' , then position your widget where ever you like on your sidebar 

Step 6:

Click 'Save Arrangement" at the top of the window

Step 7:

you are DONE!




Sorry I've lacked visual guide on the last one , its just because it's really simple and easy!
Anyways , hope this post helped!
If there are any questions , feel free to ask in the 'Ask Me' tab or in the comments below

hope this was helpful!

BLOG ALERT!@#%$%^

Do you want to make a big announcment? an alert? a pop-up box?
Like this one

How to make a blog alert? Copy and paste this code below in a HTML/Java script Widget.

Copy code > Dashboard > Layout > HTML/JavaScript > Paste code

Code :

<script> function MYALERT() { alert("TEXT HERE"); } MYALERT() </script>

New Websites!

I found two new websites in which you can find backgrounds for your blog and other stuff..

1. Artemisa 

You can find tutorials , blog backs , buttons and more!

2. BlogBulk 

There are tutorials , templates and lots of other stuff..! So cool!

Hope they are helpful! 

How to make side-bar tags?

So you've decide you would like to spice up your blog with a few fancy sidebar tags or images but just can't quite figure out how to accomplish it... well, no problem. Here are some helpful instructions to get you on your way....

{Before you start: There are a few things we'll need to do before we start...

1. For this tutorial you will need a selection of sidebar tags or images. You can find sets on Shabby blogs or you can make your own (to see how to make your own go here) Be sure you've already downloaded the tags you want to use on your blog by clicking on the download button . I like to save mine to my desktop so I can easily find them later.

2. Next, grab a blank piece of paper and pen/pencil and head over to your blog. Take a look around at the links, tags, and other goodies you have on your sidebars. Now is the time to decide what tags you'll want to use from the set you downloaded. Make sure to write down the order of the titles!

--------- START -------


*Begin by logging into your blog.

*Next click on "Design" found in the top right corner of your blog or navigate to your "Dashboard" and click on the "Design" tab.

Click on "Add a Gadget"...

Next scroll down to "Picture" and click the blue plus symbol...

In the next pop-up window we will work with a few features. The first is to check the "shrink" box, this will ensure your image is as wide as your side bar...

Next click the "Browse" button and navigate to one of the frame images you have saved on your computer. Click on that image and then click "Open"...

After browsing your image and its loaded , go ahead and click "Save".

** Every gadget has a title , make sure to remove the title from the gadgets (you dont want 2 titles right?) and place the right image above the gadget! Make sure to not mix up the order of the images with the side bar!! 

Click SAVE!

With that done you can click "View Blog" to see how your new tag looks and check that the link work properly. You'll probably want to wait until all of your new tags are in place before you delete any of the preexisting links you had on your blog before. That way there's no confusion and the links are still there in case you wrote down an incorrect link.

With that you should be all set.

Amazing Website...

Another amazing site , that provides HTML codes!

Your #1 community for graphics, layouts, glitter text, animated backgrounds and more.

from backgrounds to blinkies to falling objects to generators...

you can design texts ! 

AND MORE!!
 you can make Blog moods!

Background music!!

Sites where you can get Music as HTML code

• http://www2.mp3raid.com
• http://videokeman.com/
• http://www.mixpod.com/
• http://www.fullmusik.net/
• http://widgetindex.blogspot.com/2010/01/music-box.html

How to insert it?

Like any other HTML code , go to Dashboard > Template > Add new gadget > HTML/JavaScript > Copy/Paste the code > DONE!

Make sure to place it where it wont be visible!

How to make text areas?

Have you ever wondered how to make text areas??
Like this?

There are types of text areas , two types ..

FIRST - The editable text area

and there are two types of them ..

1) With text wrap

Like this one. you can write anything here!

Code

<textarea cols="20" rows="5" wrap="hard"> TEXT HERE </textarea>

2) Without text wrap
Like this one . You could write as much as you can but it wont wrap it

Code

<textarea cols="20" rows="5" wrap="off">TEXT HERE</textarea>

SECOND - The "read only" text areas

This is most commonly used in HTML codes , where the reader could not change it , but only copy and paste it.

Like this one

Code

<textarea cols="20" rows="5" wrap="hard" readonly="yes">TEXT HERE</textarea>

HOW TO USE TEXT AREAS!?!

• In a post

In your post basically you are on the "compose" view . Switch to the "HTML" view and copy/paste the desired code and insert your text .
Switch to the "compose" view to observe what you've done and to align your text area.

• As a widget

Copy code > Dashboard > Layout > HTML/JavaScript > Paste code

you are DONE!

** NOTE: Make sure to place your info instead of  "TEXT HERE"

Widgets!!

You know when you enter a blog , you find these widgets along the side bar or anywhere else ? Yep well , You can get them from

• Widget Index
• Bina Blog

So far I use these 2 , they are cool

You can add notes and stuff and moods to your blog , all you do it take the code in insert it as a HTML/JavaScript gadget to your blog ^^

**I dont understand what ever is written , I just click and see the pictures!