How To Create a Blog

Put the flash file on blog

2009-08-22T09:31:00.000-07:00

Need your blog seem cool? Flash application is very important for web nowaday.

this is sample of flash, pretty cool huh, compare to .gif file

first of all, you need to create your own flash. a ton of software you can search on google that help you make a flash file in flash.

then, you need to save for flash file to web storage, also a lot of website offer the file storage for free, for my case, i choose www.filen.com. dont ask me why, because it is the best storage i found this time.

Now, i got my flash link, http://www.fileden.com/files/2008/3/12/1810036/Header.swf

and the code is

<.embed height="100" type="application/x-shockwave-flash" pluginspage=" http://www.macromedia.com/go/getflashplayer" width="500" src="http://www.fileden.com/files/2008/3/12/1810036/Header.swf"><./embed>

change my link to yours.

Please note there is hidden dot "." in this code (white colour) to prevent it show the flash. if you copy and paste it, make sure you remove the dot just after "<" in begining and ending of code

Please ask me if you need more assistance

Link to New Window

2009-08-21T07:25:00.000-07:00

This feature is important to not lost your visitor to othher linking page. Default, when you click a url in blogspot, the web will open in new page. With simple coding added, you can open a webpage to a new window.

let see this coding you put in blog (you can view it via edit HTML section)

google search engine <---- Click this will open the search engine in same browser the code is like this <.a http://www.google.com/">google search engine<./a>

now just add- target="new" to your coding just after .com/" and before >

and now your coding will be like this
<.a http://www.google.com/"target="new">google search engine<./a>

Now, with same word, but the link now open in new browser

google search engine

Hope this help you a lot guys

<< BACK and NEXT >> Html code

2008-09-13T21:39:00.000-07:00

This is one of my favorite oode. although it no need in a website (you can access BACK and NEXT by clicking to tp top left explorer). Sometime, this code can be very important to give a direct direction to your users.

[back] [next]

so here the code is

<.div align="center"> <.a href='#' onclick="history.go(-1);">[back]<./a> <.a href='#' onclick="history.go(+1);">[next]<./a><./div>

Please notice that i put some dot (.) after the "<" symbol to prevent this code detect by blogger html editor. "-1" and "+1" is the page number that you want to access

Now you can put in your blog or site. it come handy to your user to review your item/product.

cheers!!

Slow Down Moving Text

2008-07-23T08:51:00.000-07:00

Marquee that slows down when the mouse is over

Source Code:

<.marquee onMouseover="this.scrollAmount=3" onMouseout="this.scrollAmount=6">Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here<./marquee>

Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here. Put your text here. Scrolling text here. Point Your Mouse here

Note that:
onMouseover="this.scrollAmount=3 - if you change the value 3 to 0, this text stop moving. 3 and 6 is speed of moving text

Marquee

2008-07-16T07:22:00.000-07:00

Marquee is one of powerful tools for website coding. Marquee means to some moving or scrolling of the contents. Here i show a simple guide for marquee. Still you can modified by put other code like hyperlinks, font type, color etc.

This is CCS code, can use in many type of web, but not in shoutbox

Marquee Right to Left

TEXT

Marqee Left to Right

TEXT

Alternates Back and Forth Marquee

TEXT

Marquee Up

TEXT

Marquee Down

TEXT

Marquee Up and Down

TEXT

WITH BORDER

TEXT

WITH BACKGROUD COLOR

TEXT

You can specify you marquee size by adding size code witdh and height that i will explain later in next time. Marquee tool is fun, take a try combine with other html code

Add Blogger Search Box

2008-06-16T09:54:00.000-07:00

The Google Navigation bar at the top of your Blogger blogs has an embedded search box. However, you may want to include a similar box in the main body of your blog (like what I have done), or the sidebar. Other than the convenience for users, the added advantage is that unlike Google search box, the search results of this Blogger.com search box appear in the main body of your Blog.

Under Template->Page Elements tab, click “Add a Page Element” at the place where you want your search box to appear. Select “HTML/JavaScript”.

There are several HTML codes posted on the net. I tried a few, and found the one that works as follows:-

Remember to change YOUR BLOG URL to the URL or web address of your Blog. Also, change the NAME OF YOUR BLOG to that which you want to call your site. For instance, if your Blog Name is long, you may want to write something like “Search Here” or “Search this site”.

You can also change the “Search” button to say, “Hit” or “Go”, by changing the Value.

Save the code and refresh your page. If you want a longer or shorter search box, you can play around with the size.

The above example of a width size="20" and value="Hit" will give you this:-

Whereas a width size="30" and value="Go" will give you this:-

The size of the search box is a matter of appearance. You may have noticed that the maxlength="255". This indicates that a user may enter up to 255 characters in the search box, which I think is sufficient and need not be altered.

Image instead of Search button

Just for the fun of it, if you want readers to click an image instead of a button, you will first need to do up a small picture. You can also resize a picture you already have with photo editing tools like Google's Picasa. After creating a picture, upload it onto a free server like GooglePages or Google Groups, or other free hosts that offer direct links to the image files. Take note of this IMAGE URL.

The HTML code to insert is this:-

Remember to insert into the code the IMAGE URL, where your picture is uploaded. You can align the image to the top, bottom or set a horizontal space between the bar and the image by using a hspace tag.

source : http://tips-for-new-bloggers.blogspot.com

Add Yahoo! Messenger to Blog

2008-06-15T09:30:00.000-07:00

One of cool widget that can put in your blog, Yahoo!! Mesengger. This widget can show to your website visitor that you available online to ask any question through Yahoo!! Mesengger. There is 10 of icon sytle that you can add on your blog.

To placed the yahoo! messenger icon just place this code at your blog, use this html code :

For example. If your yahoo ID is joel1234@yahoo.com, your ID is joel1234, So the code for yahoo! messenger icon with choice Style ID 9 is as follows :

Now, place the code to your blog by Click at Page Element and Choose HTML/JavaScript Code.

This widget is cool and you can get quick response from your visitor. It very suitable for live support method.

After trying a few experiment with this code, i get very nice thing to share.
Note that the code part ymsgr:addfriend? when someone click on the Ym icon that you choose, it will automaticly adding as friend (of course it still need approval by ID owner). But how to get into Chat Box instantly? just simply change the addfriend? to sendIM?
addfriend? ----> add as friend
sendIM? ----> Chat instantly

Now experience it your self. This is really cool blog widget!!

UPDATE:
New icon have been added! Now you have variety Ym icon to put in your blog

t=10

t=11

t=12

t=13

t=14

t=15

t=16

Visit us later for more cool tip and html code

Costumize a Blog

2008-06-07T11:31:00.000-07:00

on right top of your page, you can choose to make a new post or costumize your page. this part is very important to make you page attractive with add-on element.

you can change the option of section like blog post, blog archive and etc here. to ad a new element, click the "Add a Page Element" button.

now you have a few element that can be add to your blog. in this example, we add the "Text" element to page

You can edit the font color and type event html code in. after that proceed with button "Save"

Now, see that you text element being added in you blog page.

Here the interesting part of blogspot. You can drag the element and put at any column available. it very important to put the element in the right place.

Dont forget to save your work then view the blogpage after that.

Now you can see the element in your page, you can edit or delete the element by click the tool icon.

You need to experiment to all the element in the costumize page element.

Welcome Newbies

2008-05-26T09:16:00.000-07:00

Welcome to my personal blog. I will try my best to give you a guide to start your own blog today.
It easy to Create a free blog using Blogspot

1.Go to http://www.blogger.com/ and click on “Create Your Blog Now”.
2.Create a Google account by entering the information required. For those who already have a Google account, for example, a Gmail account, you can sign in first and you will be using your existing Google account to access your new Blogger account after the registration.
3.Give your new blog a title as well as a blog subdomain address as you wish, subject to availability.
4.Choose a template for your new blog. Blogger comes with 12 default templates that you can choose from. Always choose a template that suits your blog topic.

Done, you blog has been created and you can now start posting by writing the content and giving it a title. Try making a test post and when you click “Publish”, your post immediately goes live and you can always go to your blog address (http://yourblogname.blogspot.com) to see how it looks like. Do also go around and explore your Blogger dashboard and familiarize yourself with the features, functions and commands.

Now, you already have your own blog with just 5 simple step. See the picture below for more details.
................................................................................................

1. Once you complete the registration, you will link to dashboard page. Name you choose in registration will be on right top. Click "Create a Blog" to make a new blog. Please note that you can create blog as much as you like in one account.

1. You will ask for Blog Title, blog address (you can check the availability) and word verification. After you fill the requirement, proceed to next page by click the "Continue" button.
2. Please note that blog address you choose is permanent. so pick the name that suitable to your page.

1. Now choose the template for your blog. this page can be change later.

1. Now your blog has been created. To start your first page, click to "Start Blogging" button.

1. Now you are ready for your first page. note that the toolbar that mark by rounded red almost same to microsoft word. you can change font colour and size, add picture and picture, and can create a hyperlink to other website page.

1. After satisfied with your article, click the "Publish Post" button to publish your post. you can change this post later.

1. Now your post is ready. you can view the blog, edit the post again or make a new post.

1. This is the sample of my posting. to make it more attractive you can put a picture in your post.

Happy blogging!!