Step 1Just type your post. Anything like...whatever...!!!
Step 2And yang lain tu ikut tutorial bergambar ni, ok ^_^

Hope you understand. Good Luck !

Jenis-jenis border kat bawah ini, korang boleh guna untuk post, post title, sidebar, sidebar title, blockquote dan lain-lain.

1. Go to Dashboard > Design > Edit HTML > Tick Expand Widget Templates.

2. Press Ctrl + F and search these codes.

For Sidebar, Sidebar Title :

h2 {
or .sidebar .widget{
or .sidebar h2 {

For Post Title :

h3.post-title {

For Blockquote :

.post blockquote {
or blockquote {

3. Copy the coding below and paste it below the code you've searched ( above ).

A :

-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px; 

B :

-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;

C :

-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;

D :

-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;

E :

-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;

F :

-moz-border-radius: 35px;
border-radius: 35px;

4. Preview and Save :P

Kalau nak contoh yang saya buat :

h2 {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
text-shadow: 2px 2px 3px #FFFFFF;
text-align:center;
border: 1px SOLID #CC00FF;
background:#FAAFBE;
font: $(widget.title.font);5
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;

Hmmm, saya punya agak panjang tapi tak apa lah. Buat pendek dan simple pun kiut-miut juga kan ??? 

Nak contoh? Tengok bawah lerr...

Ok, let's learn how to do it now !!!

1. Go to Dashboard > Design > Edit HTML.

2. Press Ctrl + F and search this code.

h2 {

3. Copy the code below and paste it below the code above.

background:url(URL IMAGE);
border: 2px solid pink;
line-height: 28px;
-webkit-border-radius: 10px;
text-align: center;

*Change 'URL IMAGE' into your favourite background. You can find here. If you don't want your sidebar title with backgrounds. You can replace it with colours.

background: code color;

*Change 'code color' into your favourite colour. You can find here.

❤ GOOD LUCK EVERYONE ❤

Contohnya macam ini...

Ok, jom kita sama-sama belajar!

1. Go to Dashboard > Design > Edit HTML.

2. Press Ctrl +F and search this code.

<a expr:href='data:post.url'><data:post.title/></a>

3. Copy the code below and paste it between the code above.

<img src="LinkGambar"/>

For example like this :

<a expr:href='data:post.url'><img src="LinkGambar"/><data:post.title/></a>

5. Change LinkGambar into cute icon you want. You can find here.

6. Preview and Save :P

Don't get it ,inform me OK ^_^

For example like this..

Ok, we will find our how it works?

For Sidebar

1. Go to Dashboard > Design > Edit HTML > Find this code h2 { for sidebar.
2. Copy the code below and paste it below the code above.

text-align:center;

For Post Title

1. Same as above. Just find h3.post-title { for post title.
2. Copy the code below and paste it below the code above.

text-align:center;

Simple, right? If it didn't work out, do inform me, ok!

Now let's learn together.
1. Go to Dashboard > Design > Edit HTML.
2. Press Ctrl + F and search this code.

</body>

3. Copy the code below and paste it on the code above.

<script type='text/javascript'> window.setTimeout(function() { document.body.className = document.body.className.replace(&#39;loading&#39;, &#39;&#39;); }, 10);
</script>
<center>Copyright © 2011-2012. Segala isi kandungan ini milik Vaishnavi @http://goodies-world.blogspot.com/</center>

4. Preview and Save :P 

eh, belum siap lagi...

5. Yang say boldkan tu ,tukarlah kepada perkataan yang korang nak, ok !

Let' see what is 'Navigation Bar'...

Now let's delete it (evil laugh)...Ok ,just joking!

1. Go to Dashboard > Design > Edit HTML.

2. Press Ctrl + F and search this code.

/* Variable definitions

3. Copy the code below and paste it on the code above.

#navbar-iframe {
display: none !important;
}

4. Preview and Save :P

For example...

1. Go to Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Press Ctrl + F and search this code.

data:post.body

3. Copy the code below and paste it below the code above.

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

4. Preview and Save :P