Cara Memasang Kotak Admin

jangan asal copas kalau web anda tidak mau diBLOKIR,baca aturannya disini!!!

Mungkin sobat sobat sekalian ada yang penasaran gimana caranya bikin kotak admin kayak gini.

Memang banyak cara bisa kita lakukan untuk membuat tampilan blog lebih menarik, salah satunya dengan memasang kotak admin seperti blog mensuk ini.Ternyata caranya juga gampang kok sobat blogger. Nah pasti udah pada penasarankan? mari langsung saja ke-TKP...

heheheh

1.Login Blogger

2.Pilih Rancangan ->EDIT HTML

3.beri ceklist pada expand widget ya sob!

4.kemudian cari kode <div class='post-footer'>

kalau udah ketemu trus copas kode dibawah ini diatas kode tadi.

<!-- Kotak Admin -->

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='admin-tulisan'>

<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4>

<div class='kontainer'>

<img height='80' src='URL Gambar Anda' width='75'/>

Anda sedang membaca sebuah artikel yang berjudul <b><a expr:href='data:post.url'><data:post.title/></a></b>,, Terimakasih atas kunjungan Anda serta kesediaan Anda untuk membaca artikel Diatas. Semoga artikel tersebut bermanfaat untuk anda .... <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://wawasanfadhitya.blogspot.com/2012/03/cara-memasang-kotak-admin.html' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin -->

 Ganti kode berwarna merah sesuai dengan keinginan anda dan url gambar anda.

5.Cari kode ]]></b:skin>  

jika kode tersebut sudah anda temukan, lalu copy kode CSS berikut ini dan tempatkan/pastekan tepat di atas kode tersebut

.admin-tulisan{

display:block;

width:auto;

background:#E6E6FA;

border:2px solid #fff;

box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;

padding:0;

margin:30px 0 10px 0;

font:normal 12px Arial, Sans-Serif;

color:#222;

}

.admin-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#000000;

border:none;

border-bottom:1px solid #699019;

color:#fff;

text-transform:normal;

text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);

font:bold 12px Arial,Sans-Serif;

padding:5px 10px;

margin:0 0 0 0;

display:block;

}

.admin-tulisan h4 a{color:#FEEA83;}

.admin-tulisan img{

width:70px;

height:70px;

margin:0 10px 0 0;

float:left;

border:1px solid #954B02;

padding:2px;

background:#C36702;

box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

}

6.Trus tinggal di save aja deh tempelate kalian sob!

Gampang kan tutorialnya??heheheeeee....sekian dulu ya dari saya..

Salam Blogger