Just4Share: Blogspot Tutorials

Showing posts with label Blogspot Tutorials. Show all posts

Yahoo Messanger Emoticons

Copy paste the codes below :

:) HAPPY
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif" width=18 height=18 border=0>

:( SAD
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif" width=18 height=18 border=0>>

;) WINKING
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif" width=18 height=18 border=0>

:D BIG GRIN
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif" width=18 height=18 border=0>

;;) BATHING EYELASHES
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif" width=18 height=18 border=0>

>:D< BIG HUG
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/6.gif" width=42 height=18 border=0>

:-/ CONFUSED
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif" width=20 height=18 border=0>

xlove struck
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif" width=18 height=18 border=0>

:">blushing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/9.gif" width=18 height=18 border=0>

=;talk to the hand
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif" width=18 height=18 border=0>

-Bnerd
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif" width=24 height=18 border=0>

O:-)angel
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif" width=30 height=18 border=0>

=))rolling on the floor
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif" width=30 height=18 border=0>

/:)raised eyebrow
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif" width=18 height=18 border=0>

:straight face
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif" width=18 height=18 border=0>

:))laughing
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif" width=18 height=18 border=0>

:((crying
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif" width=22 height=18 border=0>

#:-Swhew!
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif" width=34 height=18 border=0>

:-Sworried
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif" width=18 height=18 border=0>

B-)cool
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif" width=18 height=18 border=0>

:>smug
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif" width=18 height=18 border=0>

X(angry
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif" width=34 height=18 border=0>

:-Osurprise
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif" width=18 height=18 border=0>

=((broken heart
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif" width=18 height=18 border=0>

:-*kiss
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif" width=18 height=18 border=0>

:Ptongue
<img src="http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif" width=18 height=18 border=0>

How To Write HTML Code In Your Post

How to write HTML code or Java Script on your post? (For the beginner only)

Example :

<p class='comment-footer'>

Just change codes :

* < with <
* > with >
* & with &
* " with "
* ± with ±
* SPACE with  
* © with ©
* ® with ®

ENJOY!!

Blogspot Gadgets

How's your blog to get looking more attractive? There was many ways, the one is by adding the gadget in the sidebar of your blog. For you who do not know yet how to install the gadget in your blog, please follow the steps below :

1. Login into your blog with your username.
2. Choose Layout then click Page Element then Choose HTML/Javascript.

3. There's are some gadgets that already to adding into your blog, so just choose whatever u want.

4. Click Save. Done.

There are many options of gadget who made by another site, I will discuss later one by one.
thank you.

How To Make A Link

You know how to have a word / sentence in the our post can be clicking by mouse? In the world of blogs, the name of "link" was very familiar for us. It was looks like sugar and coffee.... Make a link in a blog is very important, because if a blog with no links or exchanging links with other people's blogs, will result in the ignore our blog or isolated. Surely this is not to be expected is not it? Let's start it.

Create a link 1.

I'll give an example, like this : "If you want to know how to create a text area, please read and click here. You can adjust the color and size of the word "click here" is same as in normal typing.

Please follow this steps :

Give the words or phrase as a name for our link. The example from above is the phrase "click here".
Click this icon on your toolbar and enter the link address ( URL ) that we need are going. Suppose for my link at the above in fill : http://aa-bloger.blogspot.com/search?updated-max=2009-09-19T21% 3A00% 3A37% 2B07% 3A00 & max-results = 1. You can find copy your URL address in the menu on the address of your web browsing.
Now that you have successfully to created a link.

Create a link 2.

As same as how to create the link above, I'll give an example like this: "If you want to know more about internet business please click here. But the link I've showed here will make the readers leave my blog. Surely this is not my wish, maybe you too ... hehe. Do not worrie there are ways to fix it, that is if the visitor clicks our link, a new window will appear. So our blog will still appear on his web browsing. The trick is just add this code target="new":

For example my link above, I have filled in the URL address for the blog of http//:smarthomebusinezz.blogspot.com/.
Click that icon, was placed at the top right corner, then go find the word of http//:smarthomebusinezz.bogspot.com/. Just hold the Ctrl+F on your keyboard. for more eazier to find that word.
Find this code <a href="http//:smarthomebusinezz.bogspot.com/">click here</a> . Then add the code target="_blank" or target="new" in the middle of those.
Will be like this, if you have been added.........
<a href=" http://smarthomebusinezz.blogspot.com/ " target="new">click here</a><br/>
This is the example of the links that have been added additional code. Click Here
Done.

Have a greats day. Thank you so much.

Highlight Text Area

In the previous post about the Text Area, I'll add it again here this is Hightlight Text Area. Hopefully you will be more satisfied.
It the same as I discussed earlier, but the differently is the text this type, using the highlight button, so with the highlight button should make it easier for visitors to copy the whole text or code in the given. Because the only one click, all the text will be saved and just copy it. This facility is very useful when the text or code number given in so many and this will reduce the risk of lefting a text or code from the copying. Well, we started it.

Please copy the HTML code below in your post or where ever you want :


<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">

save your writing here, the the text that you entered will appear here and already to be copying by the visitors

</textarea></p></div></form>

Will showing like this :

Explanation :

All highlight key elements:

# <div align="center"> : The word of center showed that the position will be key in the middle, so if you want a position on the edge of the left, stay left instead to the words. And if you want to be on the edge of the right, stay right locker with the word.
# <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"></span> : This code means that when the highlight button is clicked, the entire text in it will be in highligt (the mark or in block), so you do not alter this paper.
# Value = "Highlight All" : Highlight All words are words that will appear in the button, so if you want to change this text please replace with the word you want.

Element text area:

# &ltp Align="left"> : This shows that the text area will be in the middle, well if you want your area text on the left side, replace the word center with left, if you want at the right edge, replace the word right.
# &lttext Style="WIDTH: 300px"> : the word "WIDTH: 300px" width of the text shows the area by 300 pixels, so if you want to shorten or extend the width of text area, your stay replace it with the number you want. eg: "WIDTH: 700px;"
# HEIGHT: 144px : number "144px" shows that the text area will have a high of 144 px, so if you want to change lives changed by the number you want. For example: HEIGHT: 160px.

Good luck to try. Thanks !!

How To Make A Text Area

What is a text area? A column / box who used by blogers to store the text, the text which will be in copy / paste by the readers, in order to be able to exchange a link or exchange the HTML code. We'll see examples below.
To make a text area :

Copy paste this code below into your posting :


<p align="center"><textarea name="code" rows="6" cols="20">Write the text or code you want here, then your writing will appear in the text area </textarea></p>

Look the example below :

Write the text or code you want here, then your writing will appear in the text area

Explanation:

rows="6" : shows the height of the text area, so if you want a high text area then please replace the number "6" had a higher rate.
cols = "20" : shows the width of the text area. If you want a wide text area then please replace the number "20" had a higher rate.

Hope usefully. Thanks

telusuri

How To Start Bloging

In this posting, I will explain, how to start to writing articles for a beginner. Lets start it.
The first, please log in into your blog and go to Posting menu and click New Post. Fill in your posts title and you can start writing. On the Posting menu there are several toolbars. If you are familiar with microsoft Word or Excel you will not have trouble when posting an article, but I will discuss here for those of you who don't know yet.

Toolbar :