Membuat kotak admin dibawah postingan blogger

Melihat di blog saya belum ada kotak adminnya jadi saya berniat untuk mencari informasi tentang cara membuatnya. dan akhirnya nemu juga ternyata.
bisa di lihat gambar berikut :

Gimana ya cara Membuat kotak admin dibawah postingan blogger? penasaran kah, kalau begitu simak tutorial berikut.

• Pastinya harus login terlebih dahulu ke blog anda. 
• Pilih Template > edit html. 
• Kemudian cari kode berikut ]]></b:skin> agar mudah dalam pencarian gunakan Ctrl+F 
• Jika sudah ditemukan, pastekan kode berikut ini diatas kode ]]></b:skin>

1. .admin-tulisan { display:block; width:98%; background:#ffffff; border:2px solid #fff; -webkit-box-shadow:0 1px 3px #000; -moz-box-shadow:0 1px 3px #000; box-shadow:0 1px 3px #000; padding:0; margin:30px auto 10px auto; font:normal 11px Arial, Sans-Serif; color:#222; } .admin-tulisan .kontainer {padding:5px;} .admin-tulisan h4 { background:#236dbf; border:none; border-bottom:1px solid #699019; color:#fff; text-transform:uppercase; text-shadow:0 1px 0 rgba(0, 0, 0, 0.4); font:bold 11px Arial,Sans-Serif; padding:5px 10px; margin:0 0 0 0; display:block; } .admin-tulisan h4 a {color:#FEEA83;} .admin-tulisan img { width:80px; height:80px; margin:0 10px 0 0; float:left; border:1px solid #954B02; padding:1px; background:#9fd5e2; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }

• Selanjutnya cari kode <div class='post-footer'> ,pastekan kode berikut ini diatasnya.
• <!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='admin-tulisan'> <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a> Lokasi:Kalitengah, Lamongan</h4> <div class='kontainer'> <img src='Url Photo Sobat'/> Artikel <a expr:href='data:post.url'><data:post.title/></a>, ditulis oleh <data:post.author/> pada <data:post.dateHeader/>. Semoga artikel ini dapat menambah wawasan kalian. Jika kalian ingin menyebarkan postingan dari <data:post.author/> mohon dengan sangat untuk mencantumkan sumber. Terima Kasih <div style='clear:both;'/> </div> </div> </b:if> <!-- Akhir Kotak Admin -->
  Jika diletakan di atas kode <div class='post-footer'> tidak tampil kotak adminnya,
  maka letakan kode tersebut di bawah kode <div class='post-footer-line post-footer-line-3'>
  
  
• Ganti yang berwarna merah dengan Lokasi dan url foto anda. 
• Untuk lebih terlihat menarik bisa anda modifikasi sendiri.
• Kemudian Simpan

Sedikit yang bisa saya bagikan tentang Membuat kotak admin dibawah postingan blogger. silakan tinggalkan komen. terimakasih....

Share this article :

Share on fb Tweet Share on G+