Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Cara Memasang Kotak Admin Dibawah Postingan Blog

Cara Memasang Kotak Admin Dibawah Postingan Blog - Banyak cara untuk membuat tampilan blog menjadi lebih baik dan komunikatif. Salah satunya adalah dengan membuat/memasang kotak admin dibawah postingan yang berisikan keterangan dari Penulis/Author blog tersebut tentang artikel yang ditulisnya. Ulasan yang dibuat di kotak keterangan dari admin (penulis/author) ini terserah pada kreasi masing-masing .

Kalau sobat mau memasangnya ikuti langkah - langkah berikut ini :

1. Login di Blogger
2. Klik Rancangan => Edit HTML => 
3. Cari kode <div class='post-footer'> dengan mengunakan Ctrl + F
4. Setelah ketemu Copas kode dibawah ini dan letakkan 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='http://4.bp.blogspot.com/-aJGLVA8QmCA/TkFsqEXMgKI/AAAAAAAAAPg/naQPOENy01E/s220/AVATAR%2BKU-128.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://tutorial-kewez.blogspot.com/2012/07/cara-memasang-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

Keterangan :
   Kode Berwarna BIRU ganti dengan Deskripsi Blog Sobat
   Kode Berwarna MERAH ganti dengan URL Foto Sobat

5. Kemudian Cari Lagi Kode  ]]></b:skin 
6. Copas kode CSS dibawah ini dan letakkan tepat di atas kode  ]]></b:skin  . Jika terjadi kegagalan sobat dapat meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>

    .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;
    }
7. Simpan Template
Baca juga Cara Posting Otomatis Dari Blog Ke Facebook Page
Terima kasih telah membaca artikel tentang Cara Memasang Kotak Admin Dibawah Postingan Blog di blog Tutorial Kewez jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel.
Gunakan Tombol Balas jika ingin membalas Komentar agar susun komentar lebih terstruktur
Kode Emoticon :) :( =( ^_^ :D =D |o| @_@ ;) :-bd :-d :p =)) :goodluck: :O