Membuat Menu Taskbar di Blog

Login ke Blogger.com
Dashboard > Design > Edit HTML
Cari Kode </head> dengan cara menekan Ctrl + F lalu ketik atau pastekan </head>
Lalu copy dan pastekan Kode berikut diatas kode </head> tadi

<style>
#taskbar {
background: url() bottom repeat-x;
width: 100%;
height: 34px;
clear: both;
bottom: 0;
position: fixed;
font-family:arial;
text-decoration: none;
color: #FFFCFC;
background: #;
font-weight:bold;
font-size:13px;
overflow:hidden;
-moz-border-radius-topright: 8px;-webkit-border-top-right-radius: 8px;border-top-right-radius:8px;
-moz-border-radius-topleft: 8px;-webkit-border-top-left-radius: 8px;border-top-left-radius:8px;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
background-color:#619bb9;
background: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background: -webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
}
#taskbar a {
text-decoration:none;
color:white;
}
#icon-box {
text-align: left;
color:white;
position:fixed;
left: 10px;
bottom: 3px;
}

#icon-box a:hover img {
border: 1px solid #ffffff;
bottom: 2px;
}

#icon-box a:hover{
color: #666666;
}

#welcome-box {
text-align: center;
color:white;
font-weight:bold;
font-size:13px;
font-family:arial;
text-decoration: none;
position:fixed;
bottom: 8px;
left:160px;
right:200px;
width:auto;
}
</style>

Pada kode

left:160px;
right:200px;
width:auto;

Kamu bisa merubahnya sesuai selera kamu
Cari Kode </body> lalu pastekan kode dibawah berikut tepat diatas kode </body> tadi

<div id='taskbar'>
<div align='right' style='padding:0;'>
<table><tr valign='midlle'>
<td>



© Copyright 2010 <a href='http://monozcore.blogspot.com' target='blank'><data:blog.title/></a>



</td>
<td>



<script src='http://localtimes.info/clock.php?cp3_Hex=FFB200&cp2_Hex=000000&cp1_Hex=FFFCFC&fwdt=96&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&continent=Asia&country=Indonesia&city=Jakarta&widget_number=1000' type='text/javascript'/>



</td></tr></table></div>
</div>



<div id='icon-box'>

<a href='Taruh Link Anda Disini' title='Judul Link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0cplXacgZiOpbPGICJLy-zzfIZJ8iA5vsRWehyphenhyphencgjVgOp86mgzTMQB8Jv0mLyg0bVS8SYAhwxm05AjB2tPlsrH1777hgQsoyj64DtyfUPGlgzzhR0KBc9tdQh_V1p1AeQqFx5DSxhZWA/s800/backtotop.png'/></a>

<a href='Taruh Link Anda Disini' title='Judul Link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk-bcJ7qTODZDUQDH_d0_nP15thfVtURn_iME8WET6WL5TwebsQrRMaNzswXIVEkLrQROcwZmdMgYx5kNQNPoD4gUvLX2gzrrf7uzv44BmLuIshUVu-99siDV6W4OUdHaYhe1sgfP0NiY/s800/Winamp-1.png'/></a>

<a href='Taruh Link Anda Disini' title='Judul Link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVZF4B3fpFKfqvsswst7Y0VRu4rTIS9RCYGgUj8EFvYFd8hHchcupkmcQDB071GiBmvbDSlKr-thLbTrsHI8rXt2aj-VXiVN-2-bmRqFqKQJoennkuTXQOewnE7ocB1ev8hxcHaYnPivQ/s800/chat24.png'/></a>

<a href='Taruh Link Anda Disini' title='Judul Link'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh_39H_UwQacv2X-ebXaO30RmVM5xv_i_yKMXvzthwcDN0m7Gf1SJQt8ijWXkRmrqCSPbCIFPYeXu8HYpoZTErjspoiydj4C2lHprbZLXqPeXaMPsveFWQKXLVuRkfkAnQt6KGZ2L0SHA/s800/fb_logo24.png'/></a>

<a href='http://www.docs.google.com' onclick='NewWindow(this.href,'Google Office','925','700','yes','center');return false' onfocus='this.blur()' title='Google Office'><img src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOteuTF4SuI/AAAAAAAAAYI/4q8zN7mGn-k/s800/google_docs.png'/></a>





<div id='welcome-box'>
<marquee direction='left'>Welcome to <data:blog.title/></marquee>
</div>



</div>

<div id='taskbar'>
<div align='right' style='padding:0;'>
<table>
<tr valign='midlle'>
<td>

</td>
<td>

</td></tr>
</table>
</div>
</div>

<div id='welcome-box'>
<marquee direction='left'>Welcome to <data:blog.title/></marquee>
</div>

</div>

ganti LINK yang akan mau kamu edit