Cara Membuat Kotak Admin Di Blog

Assalamu'alaikum...
apa kabar sahabat blogger semua...
siang ini, ane sudah utek-utek blog, supaya tampilannya ganti dari yang jadul ke tampilan yang lebih fressh dah... hehehe (GR)
nah... kali ini, supaya blog kalian lebih nampak elegan, maka ana memposting tentang menambahkan kotak admin diblogger. supaya setelah orang membaca artikel sobat maka orang bakal tau siapa sih yang udah mosting itu... hehehe
langsung aja yuk... ini dia CARA MEMBUAT KOTAK ADMIN DI BLOG :

1.      Masuk ke akun blogger Anda,
2.           Klik Rancangan ---> Edit HTML ---> klik “expand template widget” 
3.          Jika perlu “download template lengkap”. Untuk antisipasi jika ada kesalahan.
4.      Cari kode ]]></b:skin> Gunakan tombol Ctrl+F. 
5.            Jika sudah ketemu, masukkan kode berikut di atas kode ]]></b:skin> 

.admin-tulisan{
    display:block;
    width:auto;
    background:#FFFFFF;
    border:2px solid #000000;
    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 Comic Sans Ms;
    color:#222;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#0000FF;
    border:none;
    border-bottom:2px solid #000000;
    color:#fff;
    text-transform:normal;
    text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
    font:bold 12px Comic Sans Ms;
    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 #000000;
    padding:2px;
    background:#000000;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }

6. Jika sudah, silahkan klik simpan dahulu atau dilanjutkan juga tidak apa-apa tanpa disimpan dulu,

7. Cari lagi kode : <div class='post-footer>

8. Lalu masukkan kode berikut tepat di atas kode : <div class='post-footer>  

Kodenya :

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Di Posting Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ http://putradcd.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixncTBtTG47alAUNjb7I6eDhGFJj9qu34G5djpQikEi9LY322x_bTXSD4CoNLb_eER8H8bRqeUa50itjwwfkwLsntPNA1aZD3cFHwIxKG7onG6YjdQBTKOEoisH_2mo1yiDN8ri9qdfTY/s128/222721_471114999603448_1384484983_n.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> ini bermanfaat.
<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://putradcd.blogspot.com/2013/02/cara-membuat-kotak-admin-di-blog.html' target='_blank'><b><blink>Silahkan Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->  

Catatan : Silahkan tulisan yang berwarna merah Anda ganti sesuai keinginan Anda sendiri. http://putradcd.blogspot.com/ Anda ganti dengan URL blog Anda. Kemudian https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixncTBtTG47alAUNjb7I6eDhGFJj9qu34G5djpQikEi9LY322x_bTXSD4CoNLb_eER8H8bRqeUa50itjwwfkwLsntPNA1aZD3cFHwIxKG7onG6YjdQBTKOEoisH_2mo1yiDN8ri9qdfTY/s128/222721_471114999603448_1384484983_n.jpg ganti dengan URL photo Anda. Widget ini mengandung link langsung ke blog ini, dengan segala hormat jika berkenan mohon jangan diganti !

9. Jika selesai pengeditan, klik simpan template. Selesai.

 

terimakasih...

Wassalamu'alaikum...