Cara Membuat Kotak Admin

Sebagai langkah untuk mengantisipasi pencurian hak cipta tentunya ada beberapa cara yang bisa digunakan,salah satunya adalah dengan membuat kotak admin.Melalui kotak admin tersebut kita bisa meninggalkan pesan berkaitan dengan artikel-artikel dan postingan yang telah kita buat.Untuk membuat kotak admin ikutilah langkah-langkah dibawah ini.

1. Login ke blogger.com
2. pilih rancangan==>Edit HTML,centang Expand Template Widget.
3. Cari kode <div class='post-footer-line post-footer-line-1'> untuk mempermudah gunakanlah CTRL+F.
4. kalau sudah ketemu copy kode dibawah ini kemudian pastekan dibawah kode <div class='post-footer-line post-footer-line-1'> kalo nanti tidak bisa coba cari kode seperti ini <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
         </div>
       </b:if> kemudian letakkan kode dibawah ini dibawahnya

<!-- 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>::Judul Blog:: </h4>
<div class='kontainer'>

<a href='http://planktoon.blogspot.com/2012/03/tentang-saya.html' target='_blank'><img border='0' height='200' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxzwPuEmFT5blWr7jQoxrM2o2QhEWlcj4quHv7xrQyieNOhwOcqgXGVSIqFwpw2Ne1KfiVBRZuHtqAkyu3nSCDMmeTeRpEUUtEhCOwjsHnrEQzM60ztn-r80l3zK0hBJCmjti6WqJBElI/s200/Untitled-1+copy+copy.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 penulis 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://planktoon.blogspot.com/2012/04/cara-membuat-kotak-admin.html' target='_blank'>::get this widget::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

   5.Cari kode ]]></b:skin>
   6.kalau sudah ketemu copas kode dibawah ini tepat diatas 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;
    }

   7.Kemudian klik pratinjau,kalau tidak ada masalah bisa di SAVE dan lihat hasilnya.
keterangan : untuk warna merah ganti dengan judul blog sobat.
                  untuk warna biru ganti dengan gambar/foto sobat.

Untuk yang menggunakan tampilan antar muka blogger terbaru,caranya ga beda jauh,setelah login ke blogger,pilih opsi lainya==>Template,jangan lupa centang Expand Template Widget.kemudian ikuti cara nomer 3(diatas)sampai selesai.Selamat berkreasi.


update !!!
karena interface blogger baru lagi, sobat ga perlu repot-repot expand template widget karena kita tinggal kontrol F untuk mencari kode didalam template.

Tweet