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.

See you at my next tips. happy blogging

credit : Kang Rohman Read more...

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

See you next time at my new tips. Happy blogging.
credit : Kang Rohman



Read more...

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.

See you next time at my new post brother. Happy blogging.
credit : Kang Rohman

Read more...

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 :
   
   
   
   <b:include data="'post'" name="'post'/">
   
   
   
   
   
   


7. Delete above code, and replace with the following code :
   
   
   
   
   
   

   
   

   
   

   
   
   

   
   

   
   

   
   

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

   
   

   
   

   
   
   
   
   
   


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 :
   
   
   
   <a href="http://YourBlogName.blogspot.com/search?max-results=200">Show all post »»</a>
   
   
   
   


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.



See you at my next post. Don't miss it.
credit : Kang Rohman
Read more...

Add Google talk to blog (2)

Several days ago, a was post how to add Google Talk. now, i will post about this topic again, why? because there are some of bloggers feel google talk at this post is to big for added at sidebar.

If you feel previous google talk is out of proportion to added at sidebar, you can use the button of google talk, such as the following button :

How to add this button to your blog? this is 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. Copy and paste the code below into available column :
<script src="http://talkgadget.google.com/talkgadget/button"></script>






7. Click
8. Finish. Please see the result.

Now you have a Google Talk at your blog. Or maybe you still confused with the step above? don't worry i have an easy way to do it, just click the button below, login to your blog and the widget will be add to your blog automatically:

<script src="http://talkgadget.google.com/talkgadget/button"></script>

Enjoy for your Google talk button. See you at my next post.
credit : Kang Rohman Read more...

Recent Posts and Recent Comments at Sidebar

Many from bloggers wish insatlling the widget of Recent post and Recent post at sidebar, and for this matter is several blogger creating recent post and recent comment widget by JavaScript, However i think that is not good for your blog SEO (Search Engine Optimization). Besides not good to SEO, installation JavaScript risk to slow down your blog loading, so that matter it's can make your visitor don't feel balmy.
To install recent post and recent comments, be in fact you can use your blog feed address. this is the address of Recent Post :

http://YourBlogName.blogspot.com/feeds/posts/default

And this is the address of Recent Comments :

http://YourBlogName.blogspot.com/feeds/comments/default

YourBlogName must be alter with your blog name. For example :

this is my Recent Post address :

http://rohman-freeblogtemplate.blogspot.com/feeds/posts/default

And this is my Recent Comments address :

http://rohman-freeblogtemplate.blogspot.com/feeds/comments/default


Still compused to install this feed address to your blog. Please follow the steps :

1. Login to blogger with your ID
2. After entering the dashboard 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 , click add to blog button for the things Feed. See the picture following :

6. After that, Insert your feed URL (URL feed post for Recent posts or URL feed comment for recent comments). Example :

7. Click Continue button.
8. Then alter the title with Recent Post for recent post widget or Recent Comments for recent comments widget. Example :

9. Click SAVE CHANGES button.
10. Move that element where you want, and then click SAVE button.
11. Finish. Please see the result.

Now you have had Recent Posts or Recent Comments widget at your sidebar with good SEO for your blog. Read more...

Add Google Talk to Blog

I'm sure you are surely knew what is the Google Talk, with Google talk you can send instant messages, make voice calls, leave voice mail messages, transfer files and etc, however of course must with other Google user. Do you know, now you can add Google talk to your blog? not yet known its way? please follow the steps following :

1. Login to blogger with your ID.
2. After entering the dashboard 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 , Click add to blog button for the things HTML/JavaScript. See the picture following :

6. Copy and paste the code below into available column :
<iframe width="234" frameborder="0" src="http://talkgadget.google.com/talkgadget/client?fid=gtalk0&relay=http%3A%2F%2Fwww.google.com%2Fig%2Fifpc_relay" height="350"> </iframe><p style="margin:-8px 0"><br /><center> <a style="text-decoration:none;font-size:70%;" href="http://rohman-freeblogtemplate.blogspot.com/2008/01/add-google-talk-to-blog.html">Add to your blog</a></center></p>






7. Click



8. Finish. Please see the result.

Now you have a Google Talk at your blog. Or maybe you still confused with the step above? don't worry i have an easy way to do it, just click the button below, login to your blog and the widget will be add to your blog automatically:

See you next time at my new post brother.
credit : Kang Rohman


Read more...

How To Make a drop down Menu

Do you ever seen the menu such as below? please click at the menu to see the effect of this menu :

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

The name of this menu is drop down menu.


To make the dropdown menu, you only make the code be like this :

Your text title here! your address link here "> the text here will be display

For example, the code such as the following :

- 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 http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget

This is the result :

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

You can make the drop down menu more than one, just make the code more than one, so very simple.

Now, how to add this code to your blog. This is the step :

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

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

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

6. Copy and paste the code below into available column :
<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> <option>- Blog Tutorial - </option> <!-- change the links with your own --> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option> </select></form>






7. Click



8. Finish. Please see the result.

OK brother, now you have a drop down menu at your blog. Or maybe you still confused with the step above? don't worry i have an easy way to do it, just click the button below, log in to your blog and the widget will add to your blog automatically:

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

Add a dropdown in the sidebar of your blog.

<form><select name="menu" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu"> <option>- Blog Tutorial - </option> <!-- change the links with your own --> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/strart-to-blogging.html">Start to blogging</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-settings-your-blog.html">Blog setting</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/11/how-to-backup-template.html">Backup template</option> <option value="http://rohman-freeblogtemplate.blogspot.com/2007/12/how-to-backup-your-widgets_19.html">backup widget</option> </select></form>

Have a nice day My friends. See you at my next post

credit : Kang Rohman
Read more...

Add a Search Engine to Your Blog

One of my friend ask to me, how to add a search engine in blogger like this?

Before I answer the the question it is better you know usefulness from a search machine in blog. Installation a search engine in blog of course will make your visitor is easier to find the articles in your blog, for the reason hence opening the big opportunity of your articles will in reading by many visitors.




To the point, to add this search engine to your blog, following this step :

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

• Click at Page Element tab. See the picture below :
  
• Click on Add gadget
• Click the sign plus ( + ) for HTML/JavaScript
• Copy and paste the code below into available column :
<form id="searchThis" action="/search" style="display:inline;" method="get"> <input id="searchBox" name="q" size="20" type="text"> <input id="searchButton" value="Search" type="submit"> </form>






• Click



• Finish. Please see the result.

At the code above, you'd meet the code be like this : size="20" The code is to arrange the wide of seach box. You can change it according to desire, ever greater of his value of course more wide. Example : size="25", size="30" And you will find the code like this : value="Search" You can change this word with your word. Example : value="GO !"

Or possibly you still confuse with the steps above?

Just click the button for automatically install to your blog.

Search

Add a search engine in the sidebar of your blog.

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" size="20" type="text"> <input id="searchButton" value="Search" type="submit"></form>

OK my friends, see you at my next post with other topic.

credit : Kang Rohman
Read more...

Comment Blog Send to @mail

Hi Friends, I'm glad to meet you again at this post. At this opportunity, i will give you a tips. Possibly this tips a lot have known it, however don't close possibility is which not yet known it. This tips is about every your visitor give a comment at your blog automatically sending to your @mail inbox. So that every the comment entering in blog direct in sending automatically to your @mail, hence you have to do setting at setting tab. This is the steps :

1. Login to blogger with your ID.
2. Click Settings.





3. Click Comments.





4. Scroll to underside and you will find a box near the article Comment Notification Address, write your email address inside the box. for example : jalupapang2000@yahoo.com





5. Click
6. Finish.

Now you'd get an email from blogger.com every your blog visitor give a comment. Allright, I think enough. See you at my next post.
Read more...

Make a Post Summary (Read more Function)

If you are a beginner, possible you'd feel to surprise when seeing the articles
in my blog presenting only shares first paragrap or second paragrap, and to read
for full article, you must click Read more... link. Alright.. please
don't feel surprise, i will discuss about this now.



The function like that called Post Summary. You can make a post
summary function with add a little code to your template code. But
this code is for new blogger template (beta) and does not work at
classic template.







Please follow the steps below :



Step #1 :

1. Login to blogger with your ID


2. In the dashboard page , click Layout.


3. Then click edit HTML tab.


4. Click the Download full template link. Save your template (very
   important)


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 :
   
   
   

   <br /><br /> <br /> <p><data:post.body/></p> <br /> <br /> <br />

   
   

   
   

7. Delete the above code and change with this code :
   
   
   
   

   
   

   
   
   

   
   

   
   

   
   

   
   <br /><br /><b:if cond="'data:blog.pageType"> <br /><style>.fullpost{display:inline;}</style> <br /><p><data:post.body/></p> <br /><b:else/> <br /><style>.fullpost{display:none;}</style> <br /><p><data:post.body/> <br /><a href="'data:post.url'"><strong>Read more...</strong></a></p> <br /></b:if><br /><br />

   
   

   
   
   
   

   
   

8. Click Save Template button


9. Step #1 is done.

Step #2 :

1. Click Setting tab.


2. Click formatting tab.


3. Go to lower side. you will find a blank text are beside Post Template.
   Fill that blank text area with this code :
   
   
   
   

   <br /><span class="fullpost"> <br /><br /><br /><br /></span> <br />

   
   

   
   

4. Click Save settings button.


5. Step #2 is done.

How to post your article?


When you post your article, choose

tab. and you will see the code below :

<br /><span class="fullpost"> <br /><br /><br /><br /></span> <br />

Place the first paragraps above of :

<br /><span class="fullpost"> <br /><br />

and place the rest of paragrap under of :

<br /><span class="fullpost"> <br /><br /><br /><br /><br />

and above of :

<br /><br /><br /><br /></span> <br />

and then publish your post. Done.





If you still feel confuse, this is the example how to place your article:



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis.
Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam
dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget,
rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio
sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel,
semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non,
accumsan sit amet. (this will show in front of your blog)







Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi,
eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui,
aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed
massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris
elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean
quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris
interdum. . (this will show if visitor click read more)







At front page of your blog, will show just like this :



Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis.
Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam
dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget,
rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio
sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel,
semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non,
accumsan sit amet.

Read more....


The last, if you try this hack and you not succes, don't be panic. upload
your backup template, and it's will be back to template code before you do edit.




Allright my friend, i think this enought. See you at my next post. Read more...

How to change the template

At this opportunity, I will discuss about how to change template in
blogger.com. First matter to be in considering in changing template is you
have to make a backing up your old template, this good for if you feeling not
match with your newly template. if you not yet known the way to back up
template, please read at the post

how to backup template, and also don't forget to back up your widgets (this
is very important). For back up your widgets, please read at the post how to backup your widgets.

To change the template, of course you must had a new template to uploaded. If still not yet had, you can download for free template at uniQue Template or at other sites. Have ready for changing your old template with newly template? Please follow the steps below :

1. Login to blogger with your ID


2. After entering the dasboard 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. Click browse... button. Choose your new template. and then click Upload button.





6. Usually go out commemoration that your data in your widgets will be delete forever (so don't forget to backup your widgets).

For example, the image will show like this :




7. Click at Convirm & Save button.


8. Finish. Please look he result.

Now you have had the new face. However of course your template is still empty, So next step is inserting your widgets manually through page element menu.

Enjoy your new blog face.

credit : Kang Rohman
Read more...

How to backup your "Widgets"

Be like my promise at my previous post that is i
will posting how to backup the data in the widget / page element.



If emerging question do we require to back up the data in page element? the
answer is very require to. Because if you change your old template with new
template, hence the data in page element will follow to be vanished, and you'd
lose all data be like : guest book, blog accessory, blog tool, and also all
which have been attached in your blog forever.

Many the way to back up the data in Widgets / page element, but i'm
limitation of time to comment it in detail, hence I will try explain just
two way, that is backing up directly from Page element and also
backup from template source code.

Back up widgets From Page Element



Back up widgets in this way be in fact very disturbing, however than we lose
various accessory and also tool which have been attached, wiser likely to do
so.



Please follow the steps below :

1. Login to blogger with your ID
   
   


2. Click Layout.
   
   


3. Click menu Page Elemet, you will see the page be like this (
   just example):
   
   
   
   
   
   
   
   
   
   


4. At representative of above seen the article edit which I give
   red circle, You must click at Edit in each the page element,
   hence will emerge popup window figuring in the code have in input to
   that. Pay attention the picture below :
   
   
   
   
   
   
   
   
   


5. Copy the code inside there, and paste to Notepad.
   
   


6. Repeat the step above at all the elements.
   
   


7. Finish.

There is the step how to back the data inside page element. This is the
other way to backup your widgets.

Back up widget through Template Source Code

I think this way is more quickly and efisian, you need a few time to do
this. This is the steps :

1. Visit your blog address.
   
   


2. After you at your self blog, click the menu View at the bar
   menu. See the picture below :
   
   
   
   
   
   
   
   
   


3. After click the menu View, will be out the sub menu, then
   click Source.
   
   


4. if your browser is Internet Explorer, so there is
   automatically will out the notepad with your template source code.
   If your browser is Mozilla Firefox or Opera, so there is
   out the new page with your template source code For example, see
   the picture below :
   
   
   
   
   
   
   
   
   


5. Save your template source code.
   
   


6. Finish.

If your question, where is the widgets code? there is always begin with :


<div class='widget-content'>




And in terminating with code :

</div>





For example, in my template source code. there are code be like this :

<h2 class='title'>Buku Tamu</h2> <!-- this the title of your widget
-->



<div class='widget-content'> <!-- look at this code -->

<!-- Begin Shoutbox - http://www.shoutmix.com -->

<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya"
height="500" title="jaya">

<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>

</iframe>

<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox
at ShoutMix!"></a><br/>

<!-- End Shoutbox -->

</div> <!-- look at this code too -->

So, my widget code is like this :

<!-- Begin Shoutbox - http://www.shoutmix.com -->

<iframe scrolling="auto" width="170" frameborder="0" src="http://www.shoutmix.com/?jaya"
height="500" title="jaya">

<a href="http://www.shoutmix.com/?jaya">View shoutbox</a>

</iframe>

<br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox
at ShoutMix!"></a><br/>

<!-- End Shoutbox -->



I hope with this post you become know how to backup your widget template.
So, if you want change your template with a new template. Please don't
forget to backup your template and your widgets too.



In my next post, i will discuss about How to change the template/theme.




See you in my next post.

credit Kang Rohman

Read more...