Be yourself; Everyone else is already taken.
— Oscar Wilde.
This is the first post on my new blog. I’m just getting this new blog going, so stay tuned for more. Subscribe below to get notified when I post new updates.
Introduce Yourself (Example Post)
This is an example post, originally published as part of Blogging University. Enroll in one of our ten programs, and start your blog right.
You’re going to publish a post today. Don’t worry about how your blog looks. Don’t worry if you haven’t given it a name yet, or you’re feeling overwhelmed. Just click the “New Post” button, and tell us why you’re here.
Why do this?
- Because it gives new readers context. What are you about? Why should they read your blog?
- Because it will help you focus you own ideas about your blog and what you’d like to do with it.
The post can be short or long, a personal intro to your life or a bloggy mission statement, a manifesto for the future or a simple outline of your the types of things you hope to publish.
To help you get started, here are a few questions:
- Why are you blogging publicly, rather than keeping a personal journal?
- What topics do you think you’ll write about?
- Who would you love to connect with via your blog?
- If you blog successfully throughout the next year, what would you hope to have accomplished?
You’re not locked into any of this; one of the wonderful things about blogs is how they constantly evolve as we learn, grow, and interact with one another — but it’s good to know where and why you started, and articulating your goals may just give you a few other post ideas.
Can’t think how to get started? Just write the first thing that pops into your head. Anne Lamott, author of a book on writing we love, says that you need to give yourself permission to write a “crappy first draft”. Anne makes a great point — just start writing, and worry about editing it later.
When you’re ready to publish, give your post three to five tags that describe your blog’s focus — writing, photography, fiction, parenting, food, cars, movies, sports, whatever. These tags will help others who care about your topics find you in the Reader. Make sure one of the tags is “zerotohero,” so other new bloggers can find you, too.
<!DOCTYPE html>
<html>
<head>
<title> HTML5 layout</title>
<style type="text/css">
header, section, footer, aside, nav, article, figure, figcaption{display:block;}
body{
color:#666666;
background-color:#f9f8f6;
background-image:url("back.jpg");
background-position:center;
font-family:Georgia,times, serif;
line-height:1.4em;
margin:0px;
}
.wrapper{
width:940px;
margin:20px auto 20px auto;
border:2px solid #000000;
background-color:#ffffff;
}
header{
height:160px;
background-image:url("backh.jpg");
}
h1{
text-indent:-9999px;
width:940px;
height:130px;
margin:0px;
}
nav,footer{
clear:both;
color:#ffffff;
background-color:#aeaca8;
height:30px;
}
nav ul{
margin:0px;
padding:5px 0px 5px 30px;
}
nav li{
display:inline;
margin-right:40px;
}
nav li a{
color: #ffffff;
}
nav li a:hover, nav li a.current{
color:#000000;
}
section.courses{
float:left;
width:659px;
bottom-right:1px solid #eeeeee;
}
article{
clear:both;
overflow:auto;
width:100%;
}
hgroup{
margin-top:40px;}
img.top{
height:200px;
width:270px;
}
figure{
float:left;
width:290px;
height:220px;
padding:5px;
margin:20px;
border:1px solid #eeeeee;
}
figcaption{
font-size:90%;
text-align:left;
}
aside{
width:230px;
float:left;
padding:0px 0px 0px 0px;
}
aside section a{
display:block;
padding:10px;
border-bottom:1px solid #eeeeee;
}
aside section a:hover{
color:#985d6a;
background-color:#efefef;
}
a{
color:#de6581;
text-decoration:none;
}
h1,h2,h3{
font-weight:normal;}
h2{
margin:10px 0px 5px 0px;
padding:0px;
}
h3{
margin:0px 0px 10px 0px;
color: #de6581;
}
aside h2{
padding: 20px 0px 10px 0px;
color:#de6581;
}
footer{
font-size: 80%;
padding:7px 0px 0px 20px;
}
p{
text-decoration:blink;
}
</style>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
</head>
<body>
<div class="wrapper">
<header>
<h1><br />Yoko's Kitchen</h1>
<nav>
<ul>
<li><a href="" class="current">home</a></li>
<li><a href="">classes</a></li>
<li><a href="">catering</a></li>
<li><a href="">about</a></li>
<li><a href="">contact</a></li>
</ul>
</nav>
</header>
<section class="courses">
<article>
<figure>
<img class="top" src="bok.jpg" alt="Bok Choi"/>
<figcaption>Bok Choi</figcaption>
</figure>
<hgroup>
<h2>Japanese Vegetarian</h2>
<h3>Five week course in London</h3>
</hgroup>
<p>A five week intro to traditional Japanese vegeterian meals
teaching you a selection of rice and noodle dishes.</p>
</article>
<article>
<figure>
<img class="top" src="teri.jpg" alt="Teriyaki sauce" />
<figcaption> Teriyaki sauce</figcaption>
</figure>
<hgroup>
<h2>Sauces Masterclass</h2>
<h3>One day workshop</h3>
</hgroup>
<p>an intensive one-day course lookint at how to creat the most delicious
sauces for use in a range of Japanes cookery.
</p>
</article>
</section>
<aside>
<section class="popular-recipes">
<h2>Popular recipes</h2>
<a href="">Yakitori (grilled chicken)</a>
<a href="">Tsukune(minced chicken patties)</a>
<a href="">Okonomiyaki (savory pancakes)</a>
<a href="">Mizutaki (chicken stew)</a>
</section>
<section class="contact-details">
<h2>Contact</h2>
<p>Yoko's Kitchen<br />
27 Redchurch Street<br />
Shoreditch<br />
London E2 7DP
</p>
</section>
</aside>
<footer>
© 2011 Yoko's Kitchen
</footer>
</div>
</body>
</html>
movies 