Cara Membuat Kotak Admin Di Blogger

Kotak Admin Adalah salah satu kotak yang berfungsi untuk memberikan informasi tentang posting yang anda buat atau teguran untuk pengunjung. kotak Admin juga berfungsi agar posting bisa di backlink bagi pengunjung yang ingin mencopy posting anda. di posting kali ini saya akan menjelaskan secara mendetail tentang Cara Membuat Kotak Admin Di Blogger. untuk membuat kotak admin anda harus mengedit HTMLTemplate anda agar bisa di pasang di bawah postingan. untuk itu anda harus ikuti cara yang saya akan jelaskan, Berikut Caranya:

• Silahkan Anda Login Ke Blogger Anda.
• Setelah itu, Klik Menu Template untuk mengedit HTML template anda. Gambar:(1)

                                                                       Gambar:(1)

• Lalu, Klik Tombol Edit HTML. Gambar:(2)

                                                    Gambar:(2)

•  Setelah itu, Centang Expand Template Widget. Gambar:(3), Cari kode ]]></b:skin>.

                                                                    Gambar:(3) 

Masukan Kode berikut ini diatas kode ]]></b:skin> dengan menekan CTRL+F atau F3 

.admin-text{
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;
}
.admin-text .kontainer{padding:5px;}
.admin-text h4{
background:#3D3D3D;
border:none;
border-bottom:1px solid #FFFFFF;
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-text h4 a{color:##FFFFFF;}
.admin-text img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#3D3D3D;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

• Lalu, Cari Kode <div class='post-footer'> dengan menekan CTRL+F atau F3.
• Masukan Kode Berikut di atas kode <div class='post-footer'> :

<!-- Box Admin -->
<b:if cond='data:blog.pageType == "item"'>
<div class='admin-text'>
<h4>
Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> ~Anda sedang membaca Artikel tentang</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWxm050GtGMlN2gHLKtewJ4eJDqsloCP8JXFtV3GoD6tZWoWBbOE-VohnsEy2yYTmCh0jiX8QFAmKrsJTSy2UdbJbeWOyfZAPSpCikvr2un3nYwdrKz9VlHLJo8tkPyAxnYEBYC68nvic/s1600/IMG00266-20120908-1639.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> Pada Tanggal <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus.
<div class='backlink'>
<textarea  onclick='this.focus();this.select();' readonly='readonly' style='height:18px;' title='Press CTRL+C to copy'><a expr:href='data:post.url' target='_blank'><data:post.title/></a></textarea>
</div>
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'>
<a href='http://your-belajarblog.blogspot.com/2013/01/cara-membuat-kotak-admin-di-blogger.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Box Admin -->

Catatan:
Jika Anda menemukan Kode <div class='post-footer'> yang ada dua, Silahkan anda pilih yang pertama kali anda temui. Masukan kode diatas tepat di atasnya. Ganti Tulisan Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan Saran dapat Anda sampaikan melalui kotak komentar. Dilarang Mengcopy Artikel Tanpa sepenge tahuan Admin atau Tidak menyertakan Link Sumber Dimana Artikel Berasal. Jika, Melanggar, Link Akan Di laporkan dan Akan Di hapus. dengan Deskripsi yang anda inginkan, Ganti Tulisan yang berwarna merah dengan gambar foto anda.

• Setelah itu, Klik Simpan Template.

Good Luck..

Sumber:  http://your-belajarblog.blogspot.com