Bagaimana cara membuat kotak tentang admin dibagian bawah postingan Di Blogger

Bagaimana cara membuat kotak tentang admin dibagian bawah postingan Di Blogger

Membuat kotak admin sangat mudah, hanya perlu menambah sedikit tag html. Dalam penulisan deskripsinya bisa sobat sesuaikan dengan keinginan, beberapa blogger menulis dengan gaya formal, santai, bahkan lucu.

Berikut lagkah-langkah membuat kotak tentang admin dibagian bawah postingan  :

1.   Login ke dashboard blogger sobat..
2.   Pilih Rancangan >> Edit HTML, centang Expand template widget.
3.   Cari kode <div class='post-footer'>
4.   Copy  script kotak admin dibawah ini dan paste tepat di atas kode <div class='post-footer'>

<!-- 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 src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigtMqVCvLvX9lk7-w5CXIKBQ_H0AtZAJ906idwpq-QFpoRWBJfVTXRwWHe0fxVgiQSlbb8fv0rnAHZukljMaXJj4tEvyzPmbaegkhPKdcFk575GT_xDS_w95lMCFg2S3upq_wwHxdHX_A/s220/230365_1835773736610_1308477136_32147184_5140958_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.
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://www.masterendi.com/2011/12/bagaimana-cara-membuat-kotak-tentang.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->

5.     Kemudian cari lagi kode ]]></b:skin> pada template sobat.
6.     Copy kode CSS dibawah ini dan paste tepat diatas kode ]]></b:skin> 

    .admin-tulisan{
    display:block;
    width:auto;
    background:#CFE2E0;
    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:#8A9C04;
    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;
    }

Katerangan :

• Silahkan ganti URL gambar profil  (warna biru) dengan URLgambar profil sobat.
• Ganti tulisan warna merah sesuai dengan keinginan sobat.

 Demikian cara membuat kotak admin dibagian bawah postingan..