Cara Membuat Kotak Admin Di bawah Postingan di Blogspot

Akan terkesan lebih menarik jika blog anda mempunyai kotak admin di bawah postingan dan ada cara membikinnya. Baiklah bagi pengunjung blog yang mau mencicipi tutorial ini, bisa mengikuti langkah-langkah berikut ini:

1. Masuk ke blogger
2. Buka Template > Edit HTML
3. Cari kode

 <div class='post-footer-line post-footer-line-1'>

atau


<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>

      </div>



</b:if>

4. Jika sudah ketemu, copy pastekan kode di bawah tepat di bawah kode diatas tadi.


<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a>::BENAR2SEO:: </h4>
<div class='kontainer'>
<a href='https://www.facebook.com/hudacs1' target='_blank'><img border='0' height='200' src='http://lh4.googleusercontent.com/-9quvDJlXH8g/AAAAAAAAAAI/AAAAAAAAANo/d7V8V0aLFRw/photo.jpg' width='200'/></a>
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 yang telah membaca artikel ini,tinggalkanlah komentar anda baik itu kritik ataupun saran karena komentar anda sangat berarti bagi saya dan perkembangan blog ini.Pengunjung diperbolehkan meng-copy-paste artikel dengan syarat <b>menyertakan link sumber aktif postingan dibawah ini</b>.Semoga artikel diatas bermanfaat untuk kita semua.Terima kasih.<center><br><textarea cols='50' id='autoblog' name='autoblog' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea></br></center>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://de-armifa.blogspot.com/2013/02/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>::get this widget::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

Catatan :

kode yang berwarna merah silakan diganti dengan URL gambar anda dan link anda.

Sedangkan kode yang berwarna hijau ganti dengan kata-kata anda

Satu lagi Kode yang saya kasih berwarna pitih ganti dengan Judul blog sobat

5. Nah sekarang anda cari Kode ini ]]></b:skin>

6. Kalau sudah ketemu kode di atas. sekarang tinggal copas kode di bawah ini di atas kode ]]></b:skin>

.admin-tulisan{     display:block;     width:auto;     background:#9999cc;     border:2px Double #fff;     box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #000;     padding:0;     margin:30px 0 10px 0;     font:normal 12px Arial, Sans-Serif;     color:#222;     }     .admin-tulisan .kontainer{padding:5px;}     .admin-tulisan h4{     background:#330000;     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;     }     .admin-tulisan h4 a{color:ff9999;}     .admin-tulisan img{     width:70px;     height:70px;     margin:0 10px 0 0;     float:left;     border:2px Dotted #ff0000;     padding:1px;     background:#ffffff;     box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;      } - See more at: http://de-armifa.blogspot.com/2013/02/cara-membuat-kotak-admin-di-bawah.html#sthash.Q7LeKjpn.dpuf