Tampilkan postingan dengan label Tutorial Website. Tampilkan semua postingan
Tampilkan postingan dengan label Tutorial Website. Tampilkan semua postingan

September 02, 2009

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.
free tutorial
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.
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.
free tutorial
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.
Read More...

Agustus 29, 2009

Make Yahoo Geocities Website

So you are interested to create a website but really do not understand HTML? You can try Yahoo Geocities. With the following steps, in 10 minutes you have a website. You can use the Page Wizard to create web pages quickly without programming.

You can create a website to offer products, personal or company profile, or just for fun. You can create a blog to channel your ideas whose content is always growing every day.
If you will create a blog, how very easily. Just register your account to wordpress.com or blogger.com. If you want to create a website, you will need a hosting. Web hosting is a place to put your files on the Internet. There are some of free Webhosting that you can use, for example:
1. Yahoo Geocities. Address = http://www.geocities.com
2. 50webs. Address http://www.50webs.com
3. Tripod. Address http://www.tripod.com
Paid Web hosting is for example:
1. Bali Web Hosting. Address: http://www.balinter.net
2. Bandung web hosting. Address: http://www.qwords.com

In this tutorial only discussed how to create a website on Yahoo Geocities.
Why Geocities?
First, you do not have to bother re-register if the report already have an email in Yahoo. Simply login to Yahoo Mail. Then type http://www.geocities.com . You are already able to automatically launch the website.
Second, many web hosting services are free fall or turn into paid, Geocities does not seem to be like this, because Yahoo is very strong network, and Yahoo is a company big enough.
Okey, now we begin to create a website. Steps:
1. Click here http://www.geocities.com, login with your Yahoo ID and password.
2. If you have a website and store it on your computer, select EASY UPLOAD or click the link below: http://geocities.yahoo.com/v/ul.html
3. Upload your file.
4. If you have not create a website, select PAGE WIZARD. Click the following link: http://geocities.yahoo.com/v/w
5. In PAGE WIZARD, select the model that match your taste, the content of your website.
6. Follow the steps there.
7. Done. Do you have a website address: www.geocities.com / yahoo_id_anda
Easy enough right?
Good practice, do not be afraid of.

Read More...

Place a Guest Book on a Blog

Setting up a guest book (shoutbox / guestbook) on a blog is quite pretty important, because this guest book is one means of interaction between the owner with blog visitors. With the guest book on the blog, the visitors can express their opinion about the blog that you created, which must have the contents of a guest book can be highly variable form a compliment, question, or just for fun, or there is also a criticism of the content of your blog , and even with the variation that makes our blog more alive.


Ok, now we go back (to the lap ... top).
How do I get a guest book. To get a guest book it is very easy, try to looking at search engines such as google or yahoo, just typing the word "free shoutbox" or "guestbook" on search engines each site, then in a few seconds will display dozens of sites guest book provider, click one of those shown result.
But, to save your time to search, so here I will immediately give the site address guest book provider that server pretty good and rarely down the http://www.shoutmix.com
To know how please follow the steps below:

1. As usual you should register first by clicking on "Get One now", "free>>", or by clicking on "Sign Up", then please write your data in a form that has been provided.
2. If you already register, and have been accepted as a member shoutmix, please login with your id
3. In the column entitled Style, click the menu appearance.
4. Please click on the pulldown menu next to Load From Preset to set the display of your guest book, please select the line with your wishes. If you are finished click Save Settings.
5. To get the HTML code of your shoutbox, please click Use Shoutbox under the Quick Start menu
6. Click on "Place Shoutbox on the web page". Fill the width and height of the desired shoutbox
7. Copy all the existing HTML code in the text area under the Codes Generated writing, and save on your Notepad program
8. Click Log out in the top of your screen to get out of your shoutmix pages. Please close the site.
9. Done


To put this shoutbox HTML code in your blog, please follow the steps below.

For bloggers with a classic template:
1. Log in first to blogger.com with your id
2. Template menu
3. Click Edit HTML
4. Paste the HTML code of your shoutbox has been copied to the notepad earlier in wherever you want it
5. For clarity I take the example with shoubox mine, to place it just click edit from your browser and select Find (on this page) .. then write down the words "guest book" then click find, then we will immediately be brought to the text. If the writing had been met please paste its HTML code shoutbox.
6. Click the Preview button to see the changes we make.
7. If it matches the earlier changes, click Save Template Changes
8. Done


To have your shoutbox with sidebar widths, resize the width or height of the shoutbox, just change the Width numbers (for width) and height (for height)in the shoutbox HTML code.

For the new Blogger:
1. Please Login with your id
2. Click the Layout menu
3. Click Page Element
4. Click Add a Page Element
5. Click the Add to Blog which is under writing HTML / JavaScript
6. Write the title of your shoutbox on the form title. Example: my guest book, or my guestbook or whatever you like
7. Copy and paste the HTML code in your shoutbox form Content
8. Click the Save Changes button
9. Drag & Drop elements you created earlier in any place you like
10. Press the Save
11. Done

Read More...

Create a Random Post

Random post is a post that is displayed randomly on our blog. Maybe my friends blogger tips all seen this one widget. Usually the bloggers gave the name of this widget is a Random Post. How to make it very easy, simply plug the code below on your blog, of course you have to login to your blogger account first.
Lets straight to the point...

1. Log into your blogger account
2. Click customizations>> added the page element> html / javascript
3. Enter the code below in the box out.
<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=ac99ebe0691031008a48d750fdbeaa67&url=http%3A%2F%2Fanothertutorials.blogspot.com&num=10" type="text/javascript"></script>

4. Change anothertutorials.blogspot.com in this code with your blog address. And save ...

Note: The number 10 is the number of posts that will appear randomly.


Read More...

Agustus 28, 2009

Place Your Google Adsense on Blogspot

The first way to put Google Adsense is using Adsense Page Element. Google Adsense is installed using this page element is the Adsense for Content ..

1. Sign to Layout> Page Element. This screen displays the layout and element contained in the Blog.
2. Click Add Page Element, the window Choose New Page Element select Adsense.
3. In the window insert publisher data requested, if you forget you can log into your adsense account and saw the data, the data you can see on the "My Account" tab in Google Adsense.
4. Choose the size and desired color on the screen at Blogspot Adsense Configure, click SAVE CHANGES when you finish.

The second way to put Google Adsense is to use HTML Page Element. With this element we can put all kinds of Adsense. Ie adsense for content, adsense for search and adsense for refferals.
1. Login to Google Adsense.
2. Take the code of each type of adsense, a copy to the clipboard.
3. From the Page Element screen at Blogspot click Add Page Element.
4. Choose from the window New Page Element select HTML element.
5. Paste Google adsense code from this page into the dialog box HTML element, click SAVE.
6. Repeat steps 2,3,4,5 and 6 were for each type of Adsense.

Preety easy isnt it??
Read More...

How to Make Dropdown Menu

You may notice the dropdown menu that I put above. I decided
make my blog look into this in order to facilitate the navigation, so that
visitors get the information he wants with ease. To make it follow the steps below:

1. Log into your Blogger account
2. Click the "Layout" and click "Add Gadget"
3. Choose HTML / JavaScript
4. Copy the following code:
<!--script from http://anothertutorials.blogspot.com-->
<form name="dropdown">
<div align="center"&g
<select name="url" size="1"
onChange="window.open(this.options[this.selectedIndex].value,'_top')">
<!--INSERT YOUR DROPDOWN MENU-->
<option selected>Nama Menu</option>
<!--INSERT THE URL ADDRESS!-->
<option value="http://anothertutorials.blogspot.com">Page1</option>
<option value="
http://anothertutorials.blogspot.com">Page2</option>
<option value="
http://anothertutorials.blogspot.com">Page3</option>
<option value="
http://anothertutorials.blogspot.com">Page4</option>
</select>
</div>
</ form>
5. Replace red text with the address you prefer to, and replace
word blue printed with your own options. \
6. Click "Save" and set the widget's position

 


Read More...

Agustus 21, 2009

How to Change Your Template

In this first post I will try to describe of how to change the template for the blog spot.
Make sure you have the template file for blogspot with XML extention. XML is still a family of HTML and XHTML and is the standard web language which can be interpreted by Internet browsers into arrangements such that the shape of a layout or design of the website / blog.
Please Login using your blogger / your Google account, and select one of your blog (sorry this tutorial using English language settings, if you are using the Indonesian language the location is the same position).


Step 1:
Select Layout menu - Edit HTML


















Step 2:
Click the Browse button, find the file storage location your Xml. In this example I use Blogger template Grey Press (grey_press_blogger.xml)


Step 3:
Click the Upload button, make sure there are no errors as shown in the picture below


Step 4:
Click SAVE TEMPLATE button
















Colleagues for the less obvious or have problem please fill out the comment below this, God willing, I help.



Read More...