Kotak admin dibawah postingan sudah sangat populer di dunia blogger, berikut ini cara pemasangan
kotak admin di blog.
- Masuk ke akun blogger anda.
- Lalu masuk ke template dan edit HTML.
- Cari kode
]]></b:skin>
, gunakan fungsi CTRL+F untuk mempercepat pencarian. - Lalu masukan kode dibawah ini tepat diatas kode
]]></b:skin>
.admin-tulisan{ display:block; width:auto; background:#FFFFFF; border:2px solid #047f18; 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:#02863a; border:none; border-bottom:2px solid #047f18; 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 #047f18; padding:2px; background:#000000; box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none; }
<div class='post-footer'>
<div class='post-footer'>
(biasanya ada dua kode, silahkan anda letakkan pada kode yang pertama ataupun kedua, pemasangan pada blog biasanya berbeda)<!-- Kotak Admin --> <b:if cond='data:blog.pageType == "item"'> <div class='admin-tulisan'> <h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~ https://www.madrasah.infoalya.com/</h4> <div class='kontainer'> <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpHCXp_m89My3qKQn1cVgosVRkwMbe3j-BBdOuu0SZGU5oIsUq0UXIIBOWE9cGfI321mOsCk9ZNsfa0haBFteAhM7Bk7K1cmGfpQFUIns-g86inABqJedU-Uf_9e1LrUzeMMAeF4RSw0Z1/s1600/1122.png'/> Info <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 informasi ini. Kritik dan saran dapat Anda sampaikan melalui menu contact us. Semoga Info <data:post.title/> ini bermanfaat. <div style='clear:both;'/> </div> </div> </b:if> <!-- Kotak Admin -->
- Ungu ganti dengan url blog anda
- Merah ganti dengan url gambar anda
- Orange ganti dengan tulisan anda
- Jika Selesai klik save.