Make a marquee effect

What is the marquee? Marquee is a HTML code to make an object can moving or walk. Marquee code is a popular code because many blogger using this code at them blog's. Marquee effect can make by using ... tag . However marquee just work if viewed at Internet explorer, if you looking at firefox it's bad looking.

The attribute which almost used is :

BGCOLOR="color" → to manage background color of an object (teks, image, ..etc).

DIRECTION="left/right/up/down" → to manage direction of the moving object .

BEHAVIOR="scroll/slide/alternate" → to manage behavior of the moving object .

Scroll → object moving scroll.

Slide → object moving 1 time and then stop.

Alternate → object moving from left to right and then return again.

TITLE='message" → The title or message will emerge when the computer mouse at the marquee object.

SCROLLMOUNT="number" → to manage the speed of marquee, ever greater of number is faster his speed.

SCROLLDELAY="number" → to manage delay time, it's on second.

LOOP="number|-1|infinite" → to manage sum of looping.

WIDTH="number" → to manage width of marquee object, it's on pixel (px) or persen (%).

So that clearer I will show the example :

The example of marquee from direction :



this is example of marquee, the text moving from rigt to the left



the result :

this is example of marquee, the text moving from rigt to the left



Change the word "left" with other word what you want, there is : right, up, down.

The example of marquee from behavior :



this is example of marquee from behavior



The result :

this is example of marquee from behavior

The example from marquee of text variation with background color.

The example of marquee of text variation with background color.

The result :

The example of marquee of text variation with background color.

There is differ various from marquee, namely when computer mouse is reside in the marquee area the object will stop and when computer mouse in re-shifting to the other place the object will moving again. To make this effect only adding a few code at the marquee code.

For example, Please drop your computer mouse to the marquee area :



Please drop your computer mouse to here and you will be see the effect



The result :

Please drop your computer mouse to here and you will be see the effect

The example of marquee with links object :



Rubrik Elektronik


Blog kang Rohman


UniQue Template


CSS Library




The result :



Rubrik Elektronik

Blog kang Rohman

UniQue Template

CSS Library



Perhaps only that for example, please creat other various of marquee effect with your self. See you at may next post. Happy blogging! 

How to Remove the Number of Label

Somebody ask to me, how how to remove teh number of label? allright, do you understand the meaning of the above question? please take a look at the following picture :


Do you wish to eliminate the number at lable too? this is the steps :

1. Login to blogger with your ID
2. After entering the dashboard page , click Layout. Please saw the picture :

3. Then click edit HTML tab. Please saw the picture :

4. Click the Download full template link. Save your template:

5. Please mark the little box beside Expand Widget Templates. Wait for a moment.

6. Go to your template code, and find the code like this :
()
7. If you was found the above code, please delete.
8. Click Save Template button.
9. Done. Please see the result.

Now your label will not with number. 

Add a Clock to Your Blog

So that your blog see interesting and beautiful, you can add some blog accessories, one of them is by add a Clock. If you interesting to add a clock to your blog, you can get it for free at http://www.clocklink.com site. The example of clock from http://www.clocklink.com is like this :





Feel interest to add a clock to your blog? please follow the steps :

Step #1

1. Please check out http://www.clocklink.com.
2. Click at "Gallery" tab.
3. Click at the categories of clock which you want, there is Analog, Animal, Animation, Count Down & Up, Dark Background, Digital, Holidays, Logo & Custom, Seasons, Sport, Transparent, and Wallpaper.
4. If you have found the clock you wish, click at "View HTML tag" below of the clock.
5. Click at "Accept" button.
6. Choose the time which match with your zone beside "Timezone" text. Example : for west indonesia, choose GMT+7:00.
7. Set the measure of the clock beside "Size" text.
8. Copy the code and then paste at Notepad or other text editor. Save into your computer.
9. Close your browser.

Step #2

1. Login to blogger with your ID.
2. After entering the dasboard page , click Layout. Please see the picture :

3. Click at Page Element tab. See the picture below :

4. Click at Add a Page element.
5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :

6. Open your Clock code, copy and then paste into available column.
7. Click      
8. Done. Please see the result.

Now you have had a Clock at your blog. 

How to Make a Logo and Image Button.

If you are which have ever been skilled use graphical design program such as adobe photoshop, coreldraw and another program, make a logo is not a difficult work, and possible this tutorial not interesting to reading. However perhaps there are some from the readers is same with with me that is not expert at graphical design program, you can use the site provide this service. One of the sites which provide this service is http://www.cooltext.com.

if you use service from cooltext.com, you'd be very easy to make a logo or image button, this is the steps :

1. Please visit http://www.cooltext.com.
2. For create a Logo, click at Logos tab.
3. Click at the example logo style which you love.
4. Write the text wishing in making the logo beside Logo Text. For example : Blog Tutorial.
5. Write the measure of text in wishing beside Text Size. For example : 50.
6. Click at the colourful icon beside Text Color to choose the color of text. Please choose the colour whict you want.
7. Choose the format of image beside File Format. Better .JPG or .GIF
8. Click at Render Logo button.
9. Wait for a moment, your logo is processed.
10. See the logo result, if you want to change the logo, click at Edit this Logo. If you want to download the logo, click at Download Image. Save into your computer.
11. Done. Now you have had a Logo.

If you want to make a Image Button, please following the above step, but don't choose logos, please choose buttons


Allright, so that the logo can display at your blog, you must upload your logo to the Image Hosting. For upload an image to image hosting , you can read at this post. For example, I have had upload my logo to http://www.phtobucket and the image URL is :

http://i162.photobucket.com/albums/t253/rohman24/logoblogtutorial.jpg

To display this image URL, you only add a little code like this :

Blog tutorial">

This is the result :



If you want to resize the image, just add the value of width and hight. For example :

width="130" height="40">



This is the result :


If your logo want to make a link, you must have a link target. for example : I want to the logo linked to http://template-unik.blogspot.com. This is the code :




This is the result :


How about the Image Button, that is the same way with Logo. This is the example for image button with link :


Where I place the above code? if you post, please at Edit HTML and if want to sidebar, please choose HTML/Javascript element.

Make a Drop Down Menu With Same Width

Hi every body ! meet you again at my new tutorial. Several weeks ago, I'm ever posting about How to make a drop down menu at this post. One of my reader ask to me, it's the question :

Hi Rohman,

Thanx for the piece of code! Now I have a set of drop down menus on my blog. But I have one query... Is there any way I could have them all of the same width? It kinda looks ugly to have different sizes for each drop down menu... Thanx in advance!

Allright, i will give you an example :

- Blog Tutorial - Start to blogging Blog setting Backup template backup widget

- Blogspot Tutorial - Start to blogging Blog setting Backup template how to backup widget

Is there looks ugly for you? don't worry, you can make a drop down menu with same width. Only add a little code, your menu will looks with same width. it's the code :

style="width:200px"

200px is value of width, you can change this number with other value, maybe 150px, 220px, or other value.

Now, i will give you an example. this is my previous code :

- Blog Tutorial - http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting

- Blogspot Tutorial - http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">How to seeting

the results :

- Blog Tutorial - Start to blogging Blog setting

- Blogspot Tutorial - Start to blogging How to seeting

And this is the code with : style="width:200px" :

- Blog Tutorial - Start to blogging Blog setting

- Blogspot Tutorial - Start to blogging How to seeting

the results :

- Blog Tutorial - Start to blogging Blog setting

- Blogspot Tutorial - Start to blogging How to seeting

What dou you think about this? looks prety?


Except same width, with style you can manage the other function such as the color of alphabet, background of your menu, and etc.

for example :

style="width:200px;color:#ff0000;background:#B2DDFB"

#ff0000, #B2DDFB is the code of color, you can change this code with your color code.

this is the example of drop down menu with color and background color :

- Blog Tutorial - style="width:200px;color:#ff0000;background:#C3F4BD">Start to blogging style="width:200px;color:#ff0000;background:#CDDCE7">Blog setting

the results :

- Blog Tutorial - Start to blogging Blog setting

Hmmmm.. how do think about this menu?

How to Upload an Image to Image Hosting

Hi brother/sister meet you again at my new tips. In this opportunity I will try to give you a tips about how to upload an image/picture to image hosting.

if you have an image or picture in your computer and wish in presenting online on internet, hence you must upload that image to image hosting as the server. Free image hosting is very much, and the most popular is such as Yahoo Geocities, google page creator, image hack, photobucket, and etc. To upload an image to their server, first step is you must registered at that site.

However, for this post i will only write how about an image/picture uploaded to Yahoo Geocities. First you must have an account at yahoo! Don't have a Yahoo! ID? Sign up here. Now I assume you have had an account in yahoo. For upload to Yahoo Geocities please follow the step below :

1. Please login to Yahoo geocities with your ID.
2. Click "Manage" tab at yahoo control panel. See the picture :

3. Click "Easy Upload". See the pictute :

4. Click "Browse" button, insert image file at your computer and then click "Upload File". See the picture :

5. If your upload has been succes will show a display, click at "File Manager"

6. Right click at "View" link, then "Copy shoertcut", open your "Notepad" and then paste at notepad. That is your Image URL. See the picture (please click at the image for large image):

7. Now you have had an image URL.

How to display/show your image URL at your blog? allright this is the steps :

Example, I have an image URL like this :

http://www.geocities.com/amn_tea/blogtutorial.gif

to display this URL, only make the code like this :



Result :


For good SEO (search engine optization), always use "Alt="..."" tag at every your image. With "Alt="..."" tag, if the mouse computer drop to the image, that is will appear the title of "Alt="..."". For example :

alt="blog tutorial">

Result, please drop your computer mouse to the image, that is will appear a title of the image:

Do the image can be made to link? the answer is yes.

For example, i will made a link from the above image to my other blog, the URL is http://template-unik.blogspot.com. This is the code :

http://template-unik.blogspot.com">

Result, please drop your computer mouse to the image and then click, you will visit my other blog :



If you do the step above, your page will be lost and will change with new page. If you want your page not be lost when the image link clicked, you must add "target="_blank"" at the code, example :

target="_blank">

Result, please drop your computer mouse to the image and then click, you will visit my other blog but this page will not be lost (open new page/window) :


Remember. To do this tutorial, if you want to display the image at your post, you must at , and if the image will show at sidebar, please choose "HTML/Javascript"

Add Digg Button to Post Page

Do you know Digg.com? I'm sure you know about digg.com, because digg.com is a most popular site in the world. With digg.com you can discover and share your blog content. So it's one of the way to increse your blog traffic. But I do not want to converse many hitting about digg.com, which I will focussed is the step of installing the digg button on your page post. Yea, this is my mean :






With Digg button you can easy to submit your post with your self or with your visitor to digg.com. Feel interesred to add digg button to your blog? this the steps :

1. Login to blogger with your ID
2. After entering the dashboard page , click Layout. Please see the picture :

3. Then click edit HTML tab. Please see the picture :

4. Click the Download full template link. Save your template:

5. Please mark the little box beside Expand Widget Templates. Wait for a moment.

6. Go to your template code, and find the code like this :
7. Delete the code above and alter with following code :

13 Steps to Successful Blogging

Blogs can be a very marketable and very profitable tool if used correctly. Profiting from blogs is just a matter of grabbing the attention of an audience and not doing any actual salesmen selling. In this article you will learn the 13 most essential steps to successful blogging. 1) Where to start? You should begin your blog with a free blog hosting service such as Journal Home or Blogger. Starting with a free blog hosting service allows you to begin blogging instantly without having any advance knowledge of scripts, hosting, or programming. It allows you to focus on your content and not the internal maintenance of the blog. The best benefit of starting with a free service is, in the case your blog doesn't become successful you do not lose any money or are you left holding the bill. The great thing about a blog is that they are organized in chronological order, your latest entry is displayed first. When your blog traffic grows greatly and you are ready to upgrade to your own domain then you can simply make your last blog entry the announcement of your "move". Simply add a last entry stating that your blog has "moved" and type the new blog URL address. Which directs visitors to your new blog site, keeping your following, without a major inconvenience to anyone. Upgrade as you need to...but only when you need to! 2) Niche A niche is a targeted product, service, or topic. You should first decide on a product, service, or topic which interest you. Choose an area which you can enthusiastically write about on a daily basis. You can use keyword research services like Google Zeitgeist or Yahoo! Buzz Index to find popular searched topics. It does NOT matter if your topic is popular as long as there is a audience for your topic and the topic is precisely focused then your blog should be successful. Anything can be considered a niche as long as it has a target audience no matter how large or how small the audience is. A blog about your cat can be a niche or a blog about the species of the cat family can be a larger niche market, if there are people who are interested in hearing about your cat or the species of the cat family...you can even choose to build your audience for a market which an audience does not exist, but first you must build your blog. 3) Update Daily (nothing less) This step is a must and not a suggestion. Updating your blog daily not only keeps your blog more interesting to readers, but it also gives your blog fresh content on a day to day making it more appealing to search engines. Not updating your blog on an occasional holiday or one day here and there is understandable to most, but missing days at a time or weeks is unacceptable and will most likely result in your blog being unsuccessful. To keep your blog traffic and retain your visitors interest it is a must to update your blog daily with multiple entries. You should try to update your blog everyday with at least 3 or more daily entries. The best way to accomplish this is to set aside 1-2 hours a day for tending to your blog and adding new entries. It may even be wise to schedule a set time which you dedicate to your blog each day. Give yourself work hours and treat your blog as a job, what happens if you don't come to work for days or weeks...you lose money or worse you get fired! Same applies here...if you don't update your blog for days or weeks you'll lose visitors. 4) Traffic It's no secret. You must have traffic to profit from blogs. There are numerous ways to build traffic. Paid advertising, free advertising, viral marketing, search engine marketing, RSS/XML feeds, and word-of-mouth. You should always use your blog URL address in the signature of your email, forum discussions, message boards, or any other communication media. You should submit your blog URL address to search engines and blog directories. You should submit your RSS/XML URL feed to blog ping services like Technorati, Ping-O-Matic, and Blogdigger. You should confidently share your blog with family, friends, co-workers, associates, and business professionals when it relates. Many blogs can be considered as a collection of articles, for this purpose you should submit your blog entries (those that are valuable and lengthy articles) to content syndicators like GoArticles.com or ArticleCity.com. Once submitted your articles can be picked up and published by others. The trick is to make sure you include your Blog URL address in the "About the Author" passage. What this does is create link popularity and backlinks for your blog, when someone picks up your article from the syndication then publish the article on their website the "About the Author" passage is included with each publication and the link you included is followed, crawled, and indexed by search engines. Imagine if your article is popular enough or controversial enough to produce 10,000 publications across the web. The search engines is bound to find your site in no time with that many publications and credit you a authority on the topic, in return increasing your rank on search engines. The small effort of writing a well written article is rewarding. You should try to write at least 1 full length article every week for syndication and submit your article to at least 10 article syndicators. 5) Track Your Blog How do you know if your blog has traffic? Just because no one is leaving comments doesn't mean your blog isn't growing. Many visitors do not leave comments but they are returning visitors. I know it sounds crazy but with blogs people are more interested in what "you" have to say! Many visitors do not comment their 1st, 2nd, or 3rd time. Some do not comment at all, but are active daily visitors. Tracking your blog does not have to be overly sophisticated usually a simple free page counter like StatCounter.com or Active Meter will do the trick. Install (copy/paste) the code into the html of your blog template and start tracking your visitors. Its better to use a service which gives you advanced traffic analysis, such as keyword tracking information, referral information, and search engine information. Visitors, returning visitors, and unique visitors should be standard for any page counter service you choose. 6) Listen to Your Audience When using the proper page counter you should begin to see how others are finding your blog and if through search engines then which keywords are being used to find your blog. If constantly your blog is being found by 1 or more keywords then focus your blog around those keywords to make it even more powerful. When writing entry titles and entries use the keywords as often as possible while keeping the blog legible and interesting. 7) Multiple blogs Use multiple blogging accounts to attract more people. This means you should have a blog with JournalHome.com, Blogger.com, LiveJournal.com, Blog-City.com, tBlogs.com, etc. The more blog accounts the better. You can copy/paste from 1 blog to all others. Having different blog accounts is like having a publication in different newspapers. This enables you to attract more visitors and this also increases the chance that 1 of your blogs will be in the search engine results for your focused keywords. 8) Short & Concise Aside from the lengthy article a week for syndication and publication your blog entries should be short & concise (if you can help it). Sometimes there are exceptions to the rule and you have no choice but to blog lengthy entries, but try to avoid this as much as possible. You do not want your blog entries to become hours of reading. Visitors like to easily find information and skim through your entries. It is good to be detailed and provide useful information, but do not include useless information or run away sentences that veer away from your topic. 9) Digital Art Try to include non-advertising graphics, pictures, photos, and art in your blog entries. Not too much. Once a week is fine. Graphics can sometimes bring your blog to life. Of course, the content of the blog is the most important aspect and you do not want to overshadow your content with graphics, but displaying graphics can add a bit of spice to the blog. Be choosy about your graphics and make sure they fit your entry topic. You should add content with the graphic, at least a caption. Original graphics, photos, pictures, and art is recommended. 10) Keep it Personal A blog is most successful when it is kept personal. Try to include personal experiences which relates to the topic of your blog entry. Stay away from the business style of writing. Write with a more personal style and use first-person narratives. Do not write any of your entries as sales letters, instead share product reviews and personal endeavors. 11) Interact With Your Visitors You now have the traffic you deserve. You should begin interacting with your visitors. Create a regular theme such as: "Monday Money Tip" or "Picture of the Week" which entices your readers to look forward to each week. Give your readers advance notice about a product, service, or topic which you are going to review and then talk about later. If the President was scheduled to give a speech then in your blog you should state that you "will discuss the speech and give your opinion after the speech airs. Comments will be appreciated". Try your best to find exclusive information that not many have. Do not disclose any confidential or secret information which is deemed illegal or can potentially get you into trouble, but try to get the scoop before everyone else does. Such as: If your blog was about Paris Hilton (the socialite) and you had a blog entry about "Paris Hilton Getting Married" then it would be interesting to your readers if you had a actual picture of Paris Hilton engagement ring. Give your best effort to dig and search the internet for exclusive information and you will possibly come up with something useful. Your readers will appreciate this and they show their appreciation through word-of-mouth referrals. Imagine how many readers will tell their friends, family, and others about information they only can find at your blog. 12) Make Money Once your blog has gained some real momentum and your blog traffic is increasing then it is time to start thinking about turning your traffic into profit. You should use contextual advertising, like Google Adsense or Chitika. Contextual advertising is usually text links which use the content of your blog to publish targeted ads on your blog. The payout is usually based on a pay-per-click model, meaning for ever click an ad receives you are paid a small percentage of the profits. In addition to contextual advertising it is good to also use graphical advertising such as: BlogAds.com, Amazon.com, MammaMedia, or General Sponsored Advertising. 13) You're a Professional You're a professional now! What are you still doing with that free blog hosting service? It is time to upgrade to a domain hosted solution. You need to get a web host and choose a domain name for your blog then check its availability. Select the blogging software you wish to use, such as: Squarespace.com, WordPress.org, MovableType.org, etc. When you have your new blog domain setup and ready for traffic then it is time for you to announce your move on all your previous blog accounts. Your last entry to the blog should be a "move" announcement. The title should be "Moved" and the blog entry should state something like "Old Blog has been moved to New Blog please follow and bookmark this link for future reference: http://www.YourNewBlogDomainName.com". This way all returning visitors and new readers should not have any problem finding your new blog domain. At the level of a professional blogger you may want to team up with 1 or more other bloggers. This will create a more interesting and more powerful blog. The old saying "two heads is better than one", more authors mean more advertising and exposure because each author will have a vested interest in the blog. The idea of a team blog is to make it profitable and rewarding for all authors, while continuing to target the blog topic and keeping the blog interesting for visitors. Following these blogging techniques should make your blogging experience much more rewarding. There is no guarantee that your blog will become popular or a household name, but the effort should at least put you one step closer. Making money online is not an overnight experience like many may think, but making money online is definitely a foreseeable possibility. As well, growing popularity on the web is not an overnight experience, but through time, dedication, and persistence you will be rewarded with all the royalties of blogging. About the Author Ant Onaf is the owner and founder of www.JournalHome.com He is an online internet marketer, content writer, and IT consultant. Ant Onaf has years of IT-related experience and Internet-related experience. His ingenuity, dedication, and passion for technology, internet marketing, & writing have made him a monumental icon in the World Wide Web. His blog can be visited at http://www.journalhome.com/AntOnaf

Add a Statistic and Tracker to Blog

Do you know how many do totalizing the visitor which have paid a visit to your blog? where are they come from? search engine or other blog?

If you feel to confused about the question, the answer is you need a tool to know all of that. To get the tool, you can look for it in internet. And don't worry about money because many sites provide this service for free of charge, one of them is http://www.sitemeter.com.

By using the tool from this site, hence you as blog owner will know how many do totalizing the visitor which have paid a visit to your blog, where from they come, what is from search engine or not, with what keyword do they pay a visit, and also still many other function.

This is an example for site meter tool :

Interest to install site meter tool at your blog? please following the steps :

1. Please visit to http://www.sitemeter.com.
2. Click Sign up for Site Meter basic Free.
3. Insert your information at the column. there is about your blog/site, your blog name, your code name and your Current time. Dont forget to give a mark at the little box beside By checking this box I agree to be bound by Sitemeter's Terms of Service Agreement.
4. Click "Next >>" button.
5. Insert your information about Email Address, Title, Your ZIP Code, Country, and Gender.
6. Click "Next >>" button.
7. After out new page, click "Next >>" button again.
8. After your sign up process is done, you have to do verification. Please login to your mail account.
9. Open the mail from site meter, there is your user name and password.
10. Login to site meter with your ID.
11. Click "Manager" at the top.
12. Click "Meter Style" to choose your meter style.
13. Choose your meter style you want and then click "Select"
14. Click "HTML Code"
15. Click "Adding site Meter to a Blogger.com Site"
16. Copy the code and then paste to "Notepad" or other text editor. Save to your computer.
17. Click "Logout" and then close your browser page.
18. Done. now you have a Site meter code to added at your blog.

Next step is adding site meter code to your blog. Please follow the steps :

1. Login to blogger with your ID.
2. After entering the dasboard page , click Layout. Please see the picture :

3. Click at Page Element tab. See the picture below :

4. Click at Add a Page element.
5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :

6. Open your Site Meter code, copy and then paste into available column.
7. Click      
8. Done. Please see the result.

Now you have a Site Meter tool at your blog, until now you will know the statistic of your blog.

Beside sitemeter.com, also you can use tool from http://extremetracking.com.

Add a User Online Tracker to Blog

How many people is online at your blog? you know that or don't? If you don't know how many people is online at your blog, you can use a free tracker to know it. That is much site provide this service. Once of them is www.histats.com. If you use them tool, you can know how many people online at your blog, how many people was visited to your blog, and any function. This is once of example :






How to get it? please following the steps :

1. Please visit www.histats.com.
2. If you was on the histats site, click Register at the top tab.
3. Content the form with your information, such as email, password, your blog url and etc.
4. Click Continue button.
5. Choose the style of histats counter, click Choose a counter from this category.
6. Please mark the radio button beside the counter style you wanted.
7. Click Continue button at the bottom of page.
8. Click at the drop down menu, choose the category which to display at your counter. the choice is : visitor today, Page views today, User online, Total visitors, and total page views. Choose empty if you want not to display them.
9. Click Continue button.
10. Wait a moment, your counter is updating.
11. Until the process is done, copy your counter code and paste to the Notepad or other text editor. Save into your computer.
12. Logout and close your internet browser.
13. Done. Now you has have a counter code to add at your blog.

Next step is add your counter code to your blog, please following the steps :

1. Login to blogger with your ID.
2. After entering the dasboard page , click Layout. Please saw the picture :

3. Click at Page Element tab. See the picture below :

4. Click at Add a Page element.
5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :

6. Open your Counter code, copy and then paste into available column.
7. Click      
8. Done. Please see the result.

Now you have a Counter, and you will know how many people online at your blog.

If you don't like with this counter, you can get at the other site, this is several site provide the same service :

• http://www.neoworx.net
• http://www.webfooted.net
• http://www.fastonlineusers.com 

Boring with error message "Widget IDs should be unique" ?

Possibly you ever have the pip when doing Edit HTML at your template code always experience of failure with error message like this :

We were unable to save your template.

Please correct the error below, and submit your template again.

    More than one widget was found with id: HTML1. Widget IDs should be unique.

Or maybe like this:

We were unable to save your template.

Please correct the error below, and submit your template again.

    More than one widget was found with id: Feed1. Widget IDs should be unique.

Error message is same , the different only at ID, that is HTML1 and Feed1. And that is just an example, ID which emerge possibly HTML2, HTML3, HTML4 etc, or possibly also Feed2, Feed3, Feed4 etc. Possibly you will feel to confuse with this error message, because you can't edit your template code. The question possibly emerge that is what do cause can emerge the error message like that? if I may answer possible it be like this : error message emerge because in your template code is have two widgets or more with same ID. Still confuse? I give an example. For example in your template code have widget code be like this :

HTML1' locked='false' title='Free Download' type='HTML'/>

At the example above seen two widget codes with the same ID, that is HTML1 (attention the red letter):








If the case such as the example, of course you can't Saving your template code because it will always error. What must be doing if the case like that? you must change one of widget ID with diffrent ID. Example : change HTML1 with HTML15 or other number, but the number must be different with other widget ID.

You just change one of widget ID with different number, example : HTML1 changed with HTML15, for example :

If you had changing your widget ID, click Save Template button. And you will see the error message again.

Add a shoutbox to blog

Once of my friend ask to me, how to add a shoutbox to blog?

Allright, before i answer this question you must know what is shoutbox? shoutbox is a little box for sending a short message, with shoutbox you can chat with your blog visitor. An example of shoutbox is be like this :

Where you can get a shoutbox? there is very much site provide this service. One of them is http://www.shoutmix.com. At this site you can get a shoutbox for free (basic account). This is the steps for get a shoutbox at shoutmix :

1. Please visit http://www.shoutmix.com.
2. Before you must register, please click "CREAT YOUR SHOUTBOX NOW", or you can click "SIGN UP" at upper tab.
3. If you are has registered at shoutmix, please login with your ID.
4. At the column with title Style, click appearance.
5. Then click pull down menu beside Load From Preset for setting your shoutbox, please select which you want. If it is done, don't forget to click Save Setting.
6. To get HTML code for your shoutbox, please click "Use Shoutbox"
7. Click at "Place Shoutbox on web page", write the width and hight you want.
8. Copy all of the HTML code at text area below of "Generated Codes", paste at notpad and then save to your computer.
9. Click "Log out" and then close.
10. Done. now you have a shoutbox code for add to your blog.

Now you can add your shoutbox code to your blog, please following the steps :

1. Login to blogger with your ID.
2. After entering the dasboard page , click Layout. Please saw the picture :

3. Click at Page Element tab. See the picture below :

4. Click at Add a Page element.
5. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript. See the picture following :

6. Open your Shoutbox code, copy and then paste into available column.
7. Click      
8. Done. Please see the result.

Now you have a Shoutbox at your blog.

Make a Table Of Content

Do you like to read the book? your answer surely will immeasurable, there is to answer to like and there is also to answer don't like. But I sure you have read a book. In a book is be one named by table of contents, with table of contents will make the reader the book easy to find the parts the content of a book wishing in reading. The question possibly emerge is what is his relation between books with blog? there is, do not only a book that can make the table of contents, in a blog even also we can do it,


There is 2 steps to make a Table Of content at the blog :

Step #1

1. Login to blogger with your ID.
2. After entering the dashboard page , click Layout.
3. Then click edit HTML tab.
4. Click the Download full template link. Save your template.
5. Please mark the little box beside Expand Widget Templates. Wait for a moment.
   
   
6. Go to your template code, and find the code like this :
   
   
7. Delete above code, and replace with the following code :
   
   
   
   
   

   <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"> <data:post.title/></div></a> <b:else/> <b:include data='post' name='post'/> </b:if> <b:else/> <b:include data='post' name='post'/> </b:if>
   
   
   
8. Click Save Template button
9. Done.

Step #2

1. Click at Page Element tab.
2. Click at Add a Page element.
3. After emerging pop up window , Klik add to blog button for the things HTML/JavaScript.
4. Copy and paste the code below into available column :
   
   YourBlogName.blogspot.com/search?max-results=200">Show all post »»
5. Alter YourBlogName with your blog name. Example : my blog name is rohman-freeblogtemplate. Alter 200 with other number, because this is the sum of how much post want to show.
6. Click      
7. Finish. Please see the result.

Now you have a Table Of Content at your blog.