Cara Membuat Admin Bar Pada Blog, Memasang Admin Bar

widget ini 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 :

Codes

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>

nb : Ganti tanda ### dengan ID blog anda.
Kemudian Save.

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Metal Xp. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Metal Xp dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Unknown pada tanggal Sabtu, 06 Agustus 2011