Halo semua dan Salam Blogger,pada pertemuan kita ini saya akan membagikan tutorial Blog yaitu Cara membuat Kotak Admin di bawah postingan Blogger (permalink).Kemarin kita membahas tentang Kotak Komentar admin sekarang kita akan membahas yang sedikit berbeda.saya lalu sedang blogwalking ehhh saya melihat kotak adminnya keren nahh karena itu saya akan posting Cara membuat Kotak admin.
ini screenshot kotak adminnya
jika anda suka ini berikut cara membuatnya
2.pilih Template -> edit HTML
3.masukkan kode dibawah ini diatas kode ]]></b:skin>
.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:#9fd5e2; 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:70px; height:70px; 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; }
4.setelah itu masukkan kode di bawah ini diatas <div class='post-footer'> kalau kotak adminnya tidak muncul,masukkan kode dibawah ini dibawah kode <div class='post-footer-line post-footer-line-3'>
<!-- Kotak Admin --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4>Penulis: <a expr:href='data:blog.homepageUrl'><data:post.author/></a>Lokasi: Pamekasan, Madura </h4> <div class='kontainer'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU3BbXBtzGLRiAtbADmnwAo8wRF8OfT1FToePHMFt1U51NlIA67Fzu13p0KAaFFOaW9AcvOGcv98NjJ66MEAYARf8mbuwdJVbilekHBGFatfTY1GWhVz7lNO-eQ2h4uZcw6I5Of-fszNE/s200/Gung.jpg'/> Artikel: <data:post.title/><br/> Ditulis Oleh: <data:post.author/><br/> Dipublikasikan Pada<data:post.dateHeader/><br/> Semoga artikel ini dapat menambah wawasan kalian <br/>Artikel ini patenkan di www.myfreecopyright.com. Saya memperbolehkan mempublis ulang (copas) atau mengutip artikel <a expr:href='data:post.url'><data:post.title/></a>, namun sertakan link balik. Jika tidak akan diproses secara DMCA Takedown dan akan berakibat fatal terhadap blog saudara. Terima Kasih<div style='clear:both;'/> </div> </div> </b:if> <!-- Akhir Kotak Admin -->
Catatan:ganti Tulisan berwarna merah diatas dengan lokasi anda,ganti tulisan berwarna biru dengan URL photo anda,dan ganti tulisan berwarna kuning dengan kata2 anda
5.simpan Template