Making Recent Post with Feed

1. go to Layout

2. Click add a gadget

3. Chose Feed

4. Write Your URL

for example : http://namablog.blogspot.com/feeds/post/default

5. Save

Its easy isn't it ?

Making Blog Menu Manually

1. Login to your blog

2. Go to Layout

3. Click edit HTML button

4. Chek on Expand Widget template

5. Copy and paste code below

#daftar-isi-manual{ background:#C0C0C0; overflow: scroll; height:150px; font:10pt/15pt Arial, serif; color: blue }

6. Put that code, above ]]></b:skin> code.

7. Save

8. Then go to add a gadget

9. Chose edit HTMl

10. Copy and paste code below

<div id="daftar-isi-manual">
<ol>
<li><a href="Link of post title">Title</a></li>
<li><a href="Link of post title">Title</a></li>
<li><a href="Link of post title">Title</a></li>


</ol>
</div>

11. Save

Displays only the title of the post on the Label

1. Sign in to blog
2. go to Layout Click it
3. Click edit HTML
4. Chek on 'Expand Widget Templates'
5. Find this code

<b:include data='post' name='post'/>

6. Replace it with this code

<b:if cond='data:blog.homepageUrl !=
data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<data:post.title/></a><br/><br/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>

7. Save it

Writing HTML code on your post

1. Copy your HTML code

2. Go to www.centricle.com

3. Click Tools

4. Chose Encode/ Decode HTML entities

5. Paste your code, then click Encode

6. Copy and paste the result to your post

Its easy isn't it ?

Making Simple Horizontal Menu

1. Login to your blog

2. Go to layout click it

3. Click Edit Html button

4. Copy paste the code below

menuhorisontal{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #000000;
}

.menuhorisontal ul{
margin: 0;
padding: 0;
padding-left: 10px;
font: bold 12px Verdana;
list-style-type: none;
}

.menuhorisontal li{
display: inline;
margin: 0;
}

.menuhorisontal li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px;
border-right: 1px solid white;
color: white;
background: #414141; /*background dari Tabel*/
}

.menuhorisontal li a:visited{
color: white;
}

.menuhorisontal li a:hover, .menuhorisontal li.selected a{background:#002EB8; /*Background Setelah Pointer Diarahkan */
}
#footheader {
width: 100%;
float:left;
margin:0 0 0;
padding:0 0 0;
height:35px;
}

5. Put it above ]]></b:skin> code

6. Find this code :

<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Blog Title (Header)' type='Header'/>
</b:section></div>

6. Copy and paste code below, then put it below the code before

<div id="'footheader'">
<b:section class="'footheader'" id="'footheader'" preferred="'yes'">
</b:section>
</div>

8. Save

9. Go back to lay out menu

10. Click add a gadget

11. Chose HTML/ Java script

12. Copy and paste code below

<div class="'menuhorisontal'">
<ul>
<li><a href="'/'">Home</a></li>
<li><a href="'Label">Link </a></li>
<li><a href="'Label">Link</a></li>
<li><a href="'Label">Link</a></li>
</ul>
</div>

13. Save

Its easy isn't it ?