Selamat datang ke BelajarBlogs...
Home » » Admin Bar Widget For Blogger

Admin Bar Widget For Blogger




Langkah 1
1.Login ke blogger --> Design --> Edit HTML
2.Kemudia cari kode ]]></b:skin> kemudian salin 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;
}

Langkah 2
1. Login ke Blogger, Klik Design :



2. Pada Elemen Halaman, klik Add Gadget di lokasi yang Anda ingin letak;

3. Pilih HTML/Javascript;



Kemudian Masukkan kode seperti dibawah ini .

<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>

Ubah #### dengan id blog Anda.Anda boleh cari id anda seperti dibawah.
http://3.bp.blogspot.com/_GQyYYyBdqJI/TLUCA564WcI/AAAAAAAAAuI/WSa06vQl0iM/s1600/2010-10-13_084039.png


Dan Akhir sekali save..
Anda boleh lihat template anda..

7 ulasan:

  1. salam..
    hebat ni..nampak bergaya


    New Entry at www.zulkbo.com
    cara-upload-gambar-guna-hosting-selain-blogger

    BalasPadam
  2. @zulkbo
    ermmm betul-betul jgn lupa cuba hehehe


    Global Domains International (GDI) adalah syarikat yang menjalankan urusniaga internet menjual nama domain dotWS (.ws). Ternyata ini barulah perniagaan internet sejati kerana urusniaga & produk sememangnya berkaitan dengan internet, malahan... nama domain adalah asas kepada internet.
    http://tinyurl.com/bisnesku

    BalasPadam
  3. @Pensel Kontot



    Memang best cubalah try
    Global Domains International (GDI) adalah syarikat yang menjalankan urusniaga internet menjual nama domain dotWS (.ws). Ternyata ini barulah perniagaan internet sejati kerana urusniaga & produk sememangnya berkaitan dengan internet, malahan... nama domain adalah asas kepada internet.
    http://tinyurl.com/bisnesku

    BalasPadam
  4. hye dear..i've s0mething 4 u..plizz 2 my page..pick this link.. =)

    http://pwincezznanana.blogspot.com/2010/10/tanx-yer-dears.html

    BalasPadam