Cara Membuat Admin Bar Pada Blog

Label: Tutorial Blog

Cara Membuat Admin Bar Pada Blog, Memasang Admin Bar , widgetini hampir menyamai pada wordpress tetapi lebih simpel. Menu ini dibuat bertujuan untuk mempermudah admin blog untuk memposting artikel atau edit blog anda. Silahkan lihat gambar yang ada sebagai screenshoot demo Admin Bar .
Untuk Cara Membuat Admin Bar Pada Blog , anda hanya perlu mengukuti intruksi intruksi berikut untuk membuatnya. Silahkan simak dengan baik baik :

Login Ke Blogger.
Pilih Rancangan + Edit Html
Kemudian Cari Kode ]]></b:skin>
Letakkan kode berikut diatasnya :

ul.adminbar
{background-color:#EEEEEE;
border:1px solid #E6E8E9;
margin-bottom:8px;
padding:5px 5px 0;
}
ul.adminbar li {
background-color:#FAFAFA;
border:1px solid white;
list-style:none outside none;
margin-bottom:6px;
outline:1px solid #DDDDDD;
padding:12px;
}
ul.adminbar li a
{display:block;
color:#888888 !important;
text-shadow:1px 1px 0 #FFFFFF;
text-decoration:none;
font-size:22px;
height:27px;
margin:0 0 0 15px;
}
a.dashboard
{background:url(http://i54.tinypic.com/9iseuw.jpg) no-repeat 0px 0px;
padding:4px 0 2px 47px;
}
a.settings
{background:url(http://i56.tinypic.com/2hdofnt.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;}
a.layout
{background:url(http://i55.tinypic.com/2d8s4qw.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.editpost
{background:url(http://i54.tinypic.com/10gwpl5.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}
a.newpost
{background:url(http://i54.tinypic.com/4ky1xi.jpg) no-repeat 0px 0px;
padding:5px 0 0 47px;
}

Save Template.

Langkah selanjutnya masuk ke Add Element
Klik Tata Letak + Add Widget + Html/javascript
Kemudian coy paste kode berikut :

<ul class="adminbar">
<li><a class="dashboard" href="http://www.blogger.com/home" target="_blank">Dashboard</a></li>
<li><a class="settings" href="http://www.blogger.com/blog-options-basic.g?blogID=####" target="_blank">Change Settings</a></li>
<li><a class="layout" href="http://www.blogger.com/rearrange?blogID=####" target="_blank">Change layout</a></li>
<li><a class="editpost" href="http://www.blogger.com/post.g?blogID=####" target="_blank">Edit posts</a></li>
<li><a class="newpost" href="http://www.blogger.com/post-create.g?blogID=####" target="_blank">New post</a></li>
</ul>

Id nya itu angka-angak kaya ini punya Blog Maz Annas blogID=4113956646899173917
nb : Ganti tanda ### dengan ID blog anda.
Kemudian Save.

Mudah mudahan artikel Cara Membuat Admin Bar Pada Blogberguna.