Cara Membuat Kotak Admin di Bawah Postingan

Cara Membuat Kotak Admin di Bawah Postingan. Ya, tepat sekali bukan ! Anda sudah mendahului lihat gambarnya di atas. Jadi, tidak salah yang Anda cari adalah Cara Membuat Kotak Admin di Bawah Postingan. Kotak Admin di Bawah Postingan Secara Otomatis ini memang keren untuk dicantumkan di blog Anda.
Mungkin awal tertariknya Anda terhadap ini, karena Anda melihat blog teman kita setiap akhir/di bawah postingan selalu ada kotak adminnya. Nah, itulah ...makanya disebut otomatis, karena kita cukup satu kali mencantumkan, hasilnya untuk semua postingan. Kotak admin di bawah postingan ini biasanya berisi sebagai berikut :

Artikel ANU ini diposting oleh M. SAMANI pada hari TERTENTU, 30-12-2012. Terima kasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jika ada kritik dan saran dapat Anda sampaikan melalui kotak komentar. Semoga artikel ANU ini bermanfaat.

Begitu kurang lebih isi Kotak Admin di Bawah Postingan itu. Untuk lebih jelasnya baiklah ikuti tutorial Cara Membuat Kotak Admin di Bawah Postingan ini sebagai berikut :

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://petir-fenomenal.blogspot.com/</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_8In271njWtS0mbblIL91XDL6-NWB7hPRkPqsDXL7eqU2U64DnRYPHpkJtypH27bNAwH8q6EbjWF7KhJhHlmx-lvB0sYhPn5eh224DtEznYVnJQ6fv9K7CLnciXVv4_S_3VbdcCIS8Y/s80/joy+kembangan.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://petir-fenomenal.blogspot.com/2012/12/cara-membuat-kotak-admin-di-bawah.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://petir-fenomenal.blogspot.com/ Anda ganti dengan URL blog Anda. Kemudian https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp_8In271njWtS0mbblIL91XDL6-NWB7hPRkPqsDXL7eqU2U64DnRYPHpkJtypH27bNAwH8q6EbjWF7KhJhHlmx-lvB0sYhPn5eh224DtEznYVnJQ6fv9K7CLnciXVv4_S_3VbdcCIS8Y/s80/joy+kembangan.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.

Silahkan lihat hasilnya. Demikian semoga bermanfaat !