Kamis, 26 April 2012

Cara Membuat Admin Bar pada Blog

Cara Membuat Admin Bar Pada Blog
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 :


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.

Mudah mudahan artikel Cara Membuat Admin Bar Pada Blog berguna.
Agen Bola online Agen Bola online

Tidak ada komentar:

Posting Komentar

 

Tutorial Vicahya' - Just Sharing © 2012 | Template by Bamz Display Pagerank