Cara Membuat Kotak Admin Dibawah Postingan Blog

Apa sih kotak Admin itu? kotak Admin adalah sebuah kotak yang berisi info tentang profil penulis, posting, dan juga deskripsi lain yang ingin diberitakan kepada pembaca blog atau situs web mereka (admin).

Kenapa kita harus membuat kotak tersebut? intinya kalau menurut saya kotak ini sangat berguna, karena dengan adanya kotak ini postingan yang kita tulis ada pemiliknya lah dan pembaca pun tahu siapa yang membuat postingan dalam sebuah situs. itu sih menurut pemahaman ane, jika ada tambahan tulis aja di kotak komentar dibawah postingan ini ya..!.

Baca juga : Cara Membuat Kotak Komentar Google Plus di Blog
 
Baiklah, bagi sobat yang ingin menambahkan kotak admin pada web/situs blog silahkan ikuti saja alur pembahasan dibawah ini.

1. Login ke akun blogger sobat
2. Masuk menu template pilih edit HTML
3. Cari kode ]]></b:skin> (Gunakan Control F untuk memudahkan pencarian)
4. Copy dan Paste kode di bawah ini tepat di atas kode ]]></b:skin>

.kotak-admin{ 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; } .kotak-admin .kontainer{padding:5px;} .kotak-admin 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; } .kotak-admin h4 a{color:#FEEA83;} .kotak-admin 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; }

5. Selanjutnya cari kode <div class='post-footer'> dan letekkan kode di bawah ini tepat di bawahnya.

<!-- Kotak Admin by Shemy Jem --> <b:if cond='data:blog.pageType == "item"'> <div class='kotak-admin'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ Deskripsi Blog Anda</h4><div class='kontainer'> <img src='isi url foto sobat'/> Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a> yang ditulis oleh <data:post.author/> pada hari <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini mohon sertakan sumber link asli. </div></div></b:if>

Ket :
Ganti tulisan yang berwarna merah diatas dengan tulisan deskripsi blog sobat
Tulisan warna biru ganti dengan URL foto sobat

6. Terakhir klik pratinjau untuk melihat apakah sudah pas dan sesuai, jika sudah kemudian klik save template dan selesai.

Nah, itulah sobat cara membuat kotak admin di blog, semoga artikel kali ini dapat membantu sobat yang lagi cari cara untuk membuat kotak admin dibawah postingan blog. selamat bekerja.

NB: Tinggalkan komentar atau saran Anda untuk blog yang kurang menarik ini..

Share this post