Cara Membuat Kotak Admin Di Blog

Memasang kotak admin di blog di rasa penting, kenapa? didalam sebuah kotak admin termuat identitas penulis/author, nama artikel yang diposting, link artikel, dan aturan tentang peringatan terhadap pengunjung mengenai penyebarluasan konten dan lain-lain. 

Walaupun secara ringkas dan singkat tetapi cukup membuat pengunjung mengerti tentang aturan. 

Itulah kenapa kotak admin di bilang penting, tidak ada salahnya kita untuk memasang di blog karena tidak memakan banyak space/tempat.

Apabila sobat ingin memasang di blog ikuti cara dan langkah di bawah ini, pemasangnya pun terbilang mudah : 

• Masuk ke akun blogger sobat
• Klik  >> rancangan / template (backup/unduh template sobat untuk menghindari gagal pasang)
• Klik >> edit html
• Sobat cari kode ]]></b:skin> gunakan ctrl + F untuk mempermudah pencarian
• Copy kode css di bawah ini lalu paste tepat diatas kode ]]></b:skin>

 

.admin-tulisan{
    display:block;
    width:auto;
    background:#666666;
    border:2px solid #000000;
    box-shadow:0 1px 3px #000000;-moz-box-shadow:0 1px 3px #000000;-webkit-box-shadow:0 1px 3px #000000;
    padding:0;
    margin:30px 0 10px 0;
    font:normal 12px Arial, Sans-Serif;
    color:#ffffff;
    }
    .admin-tulisan .kontainer{padding:5px;}
    .admin-tulisan h4{
    background:#ff0000;
    border:none;
    border-bottom:1px solid #ffffff;
    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;
    }

 Keterangan: 

( - ) Warna merah >>  kode warna untuk header kotak admin.
( - ) Warna biru >> kode warna untuk garis tepi kotak admin.
( - ) Warna ungu >>   kode warna untuk background body kotak admin.

• Setelah itu sobat cari kode  <div class='post-footer'>

• Sobat copy kode di bawah ini dan paste tepat di atas <div class='post-footer'>

<!-- Kotak Admin -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Semoga Bermanfaat Untuk Sobat Semua</h4>
    <div class='kontainer'>
    <img src='ISI DENGAN GAMBAR / IMAGE / PHOTO SOBAT'/>
    Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari<data:post.dateHeader/>. Terima kasih atas kinjungannya dan apabila berminat dengan artikel ini sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terimakasih
    <p>
<textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='

http://rahman-ciblog.blogspot.com/2013/04/cara-membuatmemasang-kotak-pesan-admin.html

/' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->

 Keterangan:

( - ) Warna biru >>  ganti dengan deskripsi blog sobat
( - ) Warna merah >>  ganti dengan url gambar/image/foto sobat
( - ) Warna ungu : ganti dengan tulisan sobat

 Contoh gambar kotak admin hasil dari pemasangan. 

Semoga bermanfaat.