Cara Memasang Kotak Admin Di Bawah Postingan

Lama tidak menulis artikel, kali ini saya berniat untuk berbagi kepada sobat tentang cara menambahkan Kotak Admin dibawah postingan. Apabila sobat belum terbayang tentang artikel yang akan saya posting ini, maka lihatlah gambar berikut:

Adapun langkah-langkahnya memasang Kotak Admin tersebut adalah sbb:

1.     Buka blog

2.    Klik “Template”, kemudian “Edit HTML”

3.    Cari kode <div class='post-footer'>  

4.    Copy dan paste kode script berikut di atas kode <div class='post-footer'>  

<!-- 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://coretan-noepoez90.blogspot.com/</h4>

<div class='kontainer'>

<img src=’http://sphotos-g.ak.fbcdn.net/hphotos-ak-ash3/643939_383251611750381_613835255_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 Sobat serta kesediaan Sobat membaca artikel ini, Kritik dan saran dapat Sobat sampaikan melalui kotak komentar. Semoga Artikel <data:post.title/> Bermanfaat .. ^_^

<p><span style='float:Center;font:bold 12px Comic Sans Ms;'><a href='http://putupunyablog.blogspot.com/' target='_blank'><b><blink>Klik Untuk Memasang Widget Ini!</blink></b></a></span></p>

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

</div>

</div>

</b:if>

<!-- Kotak Admin -->

Keterangan :

Warna ungu : ganti dengan url blog sobat

Warna merah : ganti dengan url foto sobat

5.    Kemudian cari lagi kode ]]></b:skin>

6.    Setelah itu COPY kode script berikut diatas 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;
    }

7.    Simpan template

Semoga artikel diatas bermanfaat. Happy Blogging !!!