<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Bravenet.com - Free Journal and Web Hosting</title>
    <!-- linked resources stylesheets favicon -->
    <link rel="shortcut icon" type="image/ico" href="/favicon.ico">
    <link rel="stylesheet" type="text/css" href="http://assets.bravenet.com/bravenet/css/base.css">
    	  		  		<link rel="stylesheet" type="text/css" href="http://assets.bravenet.com/bravenet/css/webtools.css">
	    	  		<link rel="stylesheet" type="text/css" href="http://assets.bravenet.com/bravenet/css/hosting-splash.css">
	    	  		<link rel="stylesheet" type="text/css" href="http://assets.bravenet.com/bravenet/css/webtools_base.css">
	            <meta http-equiv="imagetoolbar" content="no">
    <!-- code for individual page's meta keywords and desc -->
    <meta name="verify-v1" content="g3V6i0D2r/m/sRaX2dUXzT985aeHN2YxuOcDl/ZXVk4=" />
        	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       		    <meta name="description" content="Free web hosting and free web tools.  Build your website with our easy webpage builder, web tools, web services, and free website content.">
	    <meta name="keywords" content="free web hosting, cheap web hosting, free web tool, webmaster tool, web tool, free website">
   	
    <script type="text/javascript" src="http://assets.bravenet.com/bravenet/header.js"></script>
    <!-- variable to include extra content into header -->
    </head>

<body>
<!-- Start Bravenet.com Service Code -->
<script language="JavaScript" type="text/javascript" src="http://pub45.bravenet.com/counter/code.php?id=406782&usernum=3796878239&cpv=2">
</script>
<!-- logo and login -->
<div id="header">
	<div id="pageTop">
		<a href="http://www.bravenet.com" class="floatLeft ML10">
<img src="http://assets.bravenet.com/common/images/shell/logo.gif" alt="bravenet.com, free websites and web tools" width="380" height="80">
</a>

		<form method="post" action="http://www.bravenet.com/index.php" class="login">
			<input type="hidden" name="login" value="1">
			<fieldset>
				<legend class="noDisplay">Bravenet Login</legend>
				<label for="userid">username:</label> <input type="text" name="userid" id="userid" value="">
				<label for="password">password:</label> <input type="password" name="password" id="password" value="">
				<input type="submit" value="Login">
							</fieldset>

			<div>
							<a href="http://www.bravenet.com/signup/signup.php" title="Join Bravenet for Free">Join Bravenet</a> | <a href="http://www.bravenet.com/global/lostpassword.php" title="Bravenet Password Retrieval" class="lostPassword">Lost Password</a>
						</div>
		</form>
		<br class="clear" />
	</div>
</div>

<!-- main logged out navigation -->
<div id="navBack">
	<ul id="navigationBar">
		<li class="first"><a href="http://www.bravenet.com" title="Bravenet Homepage" id="home"><span class="menuText">Home</span></a></li>
		<li><a href="http://www.bravenet.com/webtools/" title="Free Web Tools" id="tools"><span class="menuText">Free Web Tools</span></a></li>
		<li><a href="http://www.bravenet.com/webhosting/" title="Free Web Hosting" id="hosting"><span class="menuText">Free Web Hosting and Domains</span></a></li>
		<li><a href="http://resources.bravenet.com" title="Free Webmaster Resources" id="resources"><span class="menuText">Free Webmaster Resources</span></a></li>
		<li><a href="http://www.bravenet.com/help/" title="Help Center" id="help"><span class="menuText">Help Center</span></a></li>
		<li class="last"><a href="http://www.bravenet.com/global/sitemap.php" title="Sitemap" id="sitemap"><span class="menuText">Sitemap</span></a></li>
	</ul>
</div>

<!-- BEGIN ProvideSupport.com Visitor Monitoring Code -->
<div id="ciAIKJ" style="z-index:100;position:absolute"></div><div id="sdAIKJ" style="display:none"></div><script type="text/javascript">var seAIKJ=document.createElement("script");seAIKJ.type="text/javascript";var seAIKJs=(location.protocol.indexOf("https")==0?"https":"http")+"://image.providesupport.com/js/bravenetchat/safe-monitor.js?ps_h=AIKJ&ps_t="+new Date().getTime();setTimeout("seAIKJ.src=seAIKJs;document.getElementById('sdAIKJ').appendChild(seAIKJ)",1)</script><noscript><div style="display:inline"><a href="http://www.providesupport.com?monitor=bravenetchat"><img src="http://image.providesupport.com/image/bravenetchat.gif" border="0"></a></div></noscript>
<!-- END ProvideSupport.com Visitor Monitoring Code -->	
<script type="text/javascript" src="http://assets.bravenet.com/bravenet/libs/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://assets.bravenet.com/bravenet/libs/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="http://assets.bravenet.com/bravenet/libs/jquery.easyslider.js"></script>
<script type="text/javascript">
$(document).ready(function () {
  $('.tab-system').tabs( {
    fx: {
      opacity: 'toggle'
    }
  } );
  
  // some other hooks to change the look and feel dramatically
  var tabnavs = $('#tabs li');
  // setup layout for the navigation
  $.each(tabnavs, function () {
      $('<li class="notab"><img src="http://assets.bravenet.com/common/images/webtools/tab-active.gif" border="0"></li>').insertAfter($(this));
  });
  
 /*
 $('#splashes').easySlider({
			controlsShow: false,
      auto : true,
      vertical: true, 
			continuous: false 		
		});
*/
  $('#splashes').sliderScreens();
});
function nextTab() {
  var num_tabs = $('#tabs li').not('.notab').length;
  var current = $('.tab-system').tabs('option','selected');
  var next = ((current + 2)>num_tabs) ? 0:current + 1;
  $('.tab-system').tabs('select',next);
}
$.fn.sliderScreens = function() {
  var _self = this;
  var slideInterval = setInterval(function () {
    var slides = $('li',$(_self));
    var this_slide = $(slides).eq(0);
    var clone_slide = $(this_slide).clone();
    $('ul',$(_self)).css({'position':'absolute'}).animate({'top':'-410px'},2000,function () {  
      $(this_slide).remove();
      $('ul',$(_self)).css({'position':'static','top':'auto'});
      $(clone_slide).appendTo($('ul',$(_self)));
    
    });
  },6000);
};
</script>

<div class="contentWrap blog clearfix">
	<div class="topContent">  
    <a style="margin-top:15px;position:relative;z-index:999;" href="http://www.bravenet.com/webtools/" class="floatRight">more great web tools &raquo;</a>
	  <div id="hosting-splash" style="clear:both;width:942px!important;width:947px;text-align:left;margin-top:-15px;position:relative;">
	  <h2 style="text-align:left;margin-top:15px;">There are now <b>2 ways</b> you can <span>build</span> your <b>blog</b>:</h2>
    <div class="hosting-choices">
      <div class="bravehost">
        <img src="http://assets.bravenet.com/bravenet/images/blog/blog-head.gif" border="0"><br>
        <div class="choice-info">
          <h4>Stand-alone Classic Blog Service from Bravenet</h4>
          <p>
            Bravenet’s Blog service allows you to quickly and easily setup a web journal using pre-defined blog templates which can be styled to your liking.
          </p>
          <!--ul style="margin-bottom:0px;padding-bottom:10px;">
            <li>Tagboard Messages</li>
            <li>Customize your Layout</li>
            <li>Profile Page</li>
            <li>Easy to Use Manager</li>
            <li>Blog Archives</li>
            <li>Free and Pro Levels</li>
          </ul-->
        </div>
        <a href="/global/login.php?serv_name=journal"><img src="http://assets.bravenet.com/bravenet/images/blog/blog-foot.gif" border="0"></a>
      </div>
      <div class="viviti">
        <img src="http://assets.bravenet.com/bravenet/images/blog/viviti-head.gif" border="0"><br>
        <div class="choice-info">
          <h4>Drag & Drop Blog Builder by Bravenet</h4>
          <p>
            Viviti combines your Blog with a full website where you can add many other pages.  It is Bravenet's new easy drag and drop blog and site builder... all-in-one!
          </p>
          <!--ul style="margin-bottom:0px;padding-bottom:10px;">
            <li>Blog Archives</li>
            <li>Content Widgets</li>
            <li>100's of Site Themes</li>
            <li>Unlimited Pages</li>
            <li>Drag & Drop Editing</li>
            <li>No Coding Required</li>
          </ul-->
        </div>
        <a href="http://viviti.com/"><img src="http://assets.bravenet.com/bravenet/images/blog/viviti-foot.gif" border="0"></a>
      </div>    
    </div>
    </div><br>
	</div>
</div>

<div class="divide">
	<div class="contentWrap blog">
	  <div class="webtools-sidebar">
      <div id="splashes">
        <ul>
          <li>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash1.gif" alt=""></div>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash2.gif" alt=""></div>
          </li>
          <li>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash3.gif" alt=""></div>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash4.gif" alt=""></div>
          </li>
          <li>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash5.gif" alt=""></div>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash6.gif" alt=""></div>
          </li>
          <li>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash7.gif" alt=""></div>
            <div class="splash"><img src="http://assets.bravenet.com/common/images/journal/splash8.gif" alt=""></div>
          </li>
        </ul>
      </div>
    </div>
    <div class="webtools-content">
      <h3>What is a Blog?</h3>
      <p>
        In it’s simpliest form, a blog is a website where you can write anything you want, anytime you want.  Keep your blog visitors up-to-date with your stories, photos, videos, and thoughts.
      </p>
      <div class="tab-system">
        <ul id="tabs">
          <li><a href="#introduction">Introduction</a></li>
          <li><a href="#share">Share</a></li>
          <li><a href="#social">Connect</a></li>
          <li><a href="#customize">Design</a></li>
          <li><a href="#getblog">Get a Blog</a></li>
        </ul>
        <div class="tab-border">
        <div id="introduction" class="tabcontent">
          <div class="tabwrapper">
            <h3><span>1.</span> Introduction to Blogging</h3>
            <p>
              The term blog is a contraction from the internet term "web log".
            </p>
            <p>
              Typically a blog is a website for an individual or group of individuals to publish writings, announcements, tutorials, or online diary entries.
            </p>
            <p>
              There are no rules to what defines the contents of your blog.  It can contain anything you want to write about.
            </p>
            <p> 
              Bloggers typically support each other and form new friendships with people writing about similar topics or interests.
            </p>
            <p class="tab-next">
              <span><a href="javascript:" onclick="nextTab();">Next : Share your Thoughts</a></span>
            </p>
          </div>
        </div>
        <div id="share" class="tabcontent">
          <div class="tabwrapper">
            <h3><span>2.</span> Share your Thoughts</h3>
            <p>
              A Blog is a great place for putting your thoughts, photos, videos and writings online.   Publish whatever you want and share it with your visitors or other bloggers who share common interests.
            </p>
            <p>
              Typically, a blog is used as a personal dashboard to post online diary entries, share material found online, collaborate with visitors, and talk about personal experiences.
            </p>
            <p>
              However, trends have been leaning towards businesses having a corporate blog where employees can share information with co-workers or customers.
            </p>
            <p class="tab-next">
              <span><a href="javascript:" onclick="nextTab();">Next : Connect with People</a></span>
            </p>
          </div>
        </div>
        <div id="social" class="tabcontent">
          <div class="tabwrapper">
            <h3><span>3.</span> Connect with People</h3>
            <p>
              Connect with Family, Friends, Co-workers, or anyone else interested in what you have to say.
            </p>
            <p>
              Every blog entry you publish online has a comments section that enables the people visiting your blog with a way to post responses to your blog topic.  Create new relationships or keep connected with the people around you simply by publishing blog posts.
            </p>
            <p>
              Blogs enable you with the ability to create your own communities and expand your social network.
            </p>
            <p class="tab-next">
              <span><a href="javascript:" onclick="nextTab();">Next : Design your Own</a></span>
            </p>
          </div>
        </div>
        <div id="customize" class="tabcontent">
          <div class="tabwrapper">
            <h3><span>4.</span> Design your Own</h3>
            <p>
              Blogs are completely customizable to create your own personal look and feel. Easily modify your blog layout, photos, colors, backgrounds, and fonts, to make it your own.
            </p>
            <p>
              We provide 100s of themes to get you started which can be customized even further with ease.  
            </p>
            <p>  
              Maybe you are writing a blog about hockey?  Create it with a blue ice theme and include hockey related photography.  
            </p>
            <p class="tab-next">
              <span><a href="javascript:" onclick="nextTab();">Next : Get a Blog</a></span>
            </p>
          </div>
        </div>
        <div id="getblog" class="tabcontent">
          <div class="tabwrapper">
            <h3><span>5.</span> Get a Blog</h3>
            <p>
              There are now two ways you can create your blog:
            </p>
            <ol>
              <li> 
                <strong class="title">Stand-alone Classic Blog Service by Bravenet</strong>
                <p>Bravenet's original classic blog service hosted on Bravenet.com</p>
                <p><a href="/global/login.php?serv_name=journal"><strong>Get a Bravenet Blog!</strong></a></p>
              </li>
              <li style="margin-top:25px;"> 
                <strong class="title">Drag &amp; Drog Builder by Bravenet</strong>
                <p>Bravenet's new drag and drop builder hosted on Viviti.com</p>
                <p><a href="http://viviti.com/"><strong>Get a Viviti Blog!</strong></a></p>
              </li>
            </ol>
          </div>
          </div>
        </div>
        
      </div>
    </div>
		
		
	</div>
  
  <div id="testimonial" style="width:940px;margin:auto;margin-top:20px;"><cite>I love Bravenet and my Blog.  My friends and I share through our blogs every day, and are always updating it and adding cool new stuff.  The Blog has so many options - we can't always keep up!  My friends list is sooo long, it's neat.  I change the look of my blog as often as I can cause it's so easy to do! - Tony M.</cite></div>
	
	

<!-- closing divs for rc_header.tpl -->
<!-- closing div for servicecap.tpl -->

	<div class="clear"> </div>
	<!-- <FOOTER> -->
	<div id="footerWrap">
		<div id="footer">
			<ul>
				<li class="first"><a href="http://pub34.bravenet.com/webtools/affiliate/index.php">affiliates</a></li>
				<li><a href="http://resources.bravenet.com/index.php">resources</a></li>
				<li><a href="http://pub34.bravenet.com/global/terms.php">terms/privacy</a></li>
				<li><a href="http://pub34.bravenet.com/global/about.php">about bravenet</a></li>
				<li><a href="http://www.bravenetmedianetwork.com">advertising</a></li>
				<li><a href="http://pub34.bravenet.com/global/partners.php">partners</a></li>
				<li><a href="http://pub34.bravenet.com/global/contact.php">contact</a></li>
				<li><a href="http://pub34.bravenet.com/global/careers.php">careers</a></li>
				<li class="last"><a href="http://pub34.bravenet.com/global/sitemap.php">sitemap</a></li>			</ul>
			<div id="copy">all contents copyright 1997-2009 Bravenet Web Services Inc.</div>
			<!-- www.hitslink.com/ web tools statistics hit counter code -->
						<div id="hitslink">
				<a href="http://www.hitslink.com/?affid=4260 " target="_blank" style="float: right; margin-right: 5px;"><img src="http://assets.bravenet.com/common/images/webtools/serviceicons/hitslink.gif" border="0" alt="hits link"></a>
				<a href="http://www.hitslink.com/?affid=4260 " target="_blank" style="text-decoration: none; font: 10px tahoma, sans-serif; line-height: 25px; float: right">Web analytics powered by HitsLink.</a>
			</div>
					</div>
	</div>

<!-- </FOOTER> -->
	
<div class="clearMargin30"></div>


<script type="text/javascript">
//<![CDATA[var ns_data,ns_hp,ns_tz,ns_rf,ns_sr,ns_img,ns_pageName;
// The pageName variable can be customized if needed
ns_pageName=location.pathname;
document.cookie='__support_check=1';ns_hp='http';
ns_rf=document.referrer;ns_sr=window.location.search;
ns_tz=new Date();if(location.href.substr(0,6).toLowerCase()=='https:')
ns_hp='https';ns_data='&an='+escape(navigator.appName)+ 
'&sr='+escape(ns_sr)+'&ck='+document.cookie.length+
'&rf='+escape(ns_rf)+'&sl='+escape(navigator.systemLanguage)+
'&av='+escape(navigator.appVersion)+'&l='+escape(navigator.language)+
'&pf='+escape(navigator.platform)+'&pg='+escape(ns_pageName);
ns_data=ns_data+'&cd='+
screen.colorDepth+'&rs='+escape(screen.width+ ' x '+screen.height)+
'&tz='+ns_tz.getTimezoneOffset()+'&je='+ navigator.javaEnabled();
ns_img=new Image();ns_img.src=ns_hp+'://counter.hitslink.com/statistics.asp'+
'?v=1&s=209&acct=bravenet2'+ns_data+'&tks='+ns_tz.getTime(); //]]>
</script>
<!-- End www.hitslink.com/ statistics web tools hit counter code -->

<div style="height:30px; clear:left;"></div>
<!-- Start Analytics tag -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2392770-1";
urchinTracker();
</script>
<!-- End Analytics tag -->

<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qacct="p-f1CbOAXj-Vx6U";quantserve();</script>
<noscript>
<a href="http://www.quantcast.com/p-f1CbOAXj-Vx6U" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-f1CbOAXj-Vx6U.gif" style="display: none" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
</body>
</html>