Cara Membuat Author Box ( Kotak Admin ) Di Blog

Saat ini sedang banyak blog yang isinya copy paste, dan tidak pula memberikan link aktif sumber ia mendapatkan artikel tersebut, sayapun memiliki blog copas --> infokuaci.blogspot.com  . Namun saya selalu memberikan link aslinya , jadi tidak melanggar peraturan, jika teman-teman mau melihat klik Disini

Untuk mengantisipasi banyak artikel copas tanpa memberikan link asli, sebaiknya kita memberikan peringatan dibawah postingan blog dalam bentuk kotak admin. Jika teman teman ingin melihat bentuk dari kotak admin tersebut teman-teman bisa melihat gambar di bawah ini atau bisa melihat langsung dibawah postingan blog saya.

 

Jika anda tertarik , lanjut baca artikel ini

1. Kilik menu template di blog anda --> klik html

    Jika anda sulit menemukan pemula dan sulit untuk menemukan kode di edit html, bisa melihat caranyaDisni

2 Anda cari kode berikut terlebih dahulu

]]></b:skin>

3. Letakkan Kode berikut Sebelum Kode di atas

/* kotak admin diandiki blogspot */
.admin-tulisan{display:block;width:aut

o;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-tulisan

.kontainer{padding:5px;}
.admin-tulisan

h4{background:#8A9C04;border:none;bord

er-bottom:1px solid

#699019;color:#fff;text-transform:norm

al;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:#FEEA83;}
.admin-tulisan

img{width:70px;height:70px;margin:0

10px 0 0;float:left;border:1px solid

#954B02;padding:2px;background:#C36702

;
box-shadow:none;-moz-box-shadow:none;-

webkit-box-shadow:none;margin:

0px;border: 5px solid

#eee;-webkit-box-shadow: 4px 4px 4px

rgba(0,0,0,0.2);-moz-box-shadow: 4px

4px 4px rgba(0,0,0,0.2);box-shadow:

4px 4px 4px

rgba(0,0,0,0.2);-webkit-transition:

all 0.5s ease-out;-moz-transition: all

0.5s ease;-o-transition: all 0.5s

ease;-webkit-transform:

rotate(-7deg);-moz-transform:

rotate(-7deg);-o-transform:

rotate(-7deg);}
/* kotak admin diandiki blogspot */

ket :
Warna merah untuk mengatur warna background
Warna Orange untuk merubah warna border
Warna Hijau untuk merubah warna tulisan

4. Setelah itu anda cari kode

<div class='post-footer'>

5. Pastekan kode berikut di atas kode di atas

<!-- Kotak Admin diandiki blogspot -->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Creatif By : <a expr:href='data:blog.homepageUrl'><data:post.author/></a> | Diandiki Blogspot</h4>
    <div class='kontainer'>
    <img src='http://i1277.photobucket.com/albums/y486/ErdianRahmana/diandikibanner_zps81b051c7.jpg'/>
    Terimah Kasih telah membaca artikel<a expr:href='data:post.url'><data:post.title/></a>. Yang ditulis oleh <data:post.author/> .Pada hari <data:post.dateHeader/>. Jika anda ingin sebarluaskan artikel ini, mohon sertakan <blink><strong>sumber link asli.</strong></blink> Kritik dan saran dapat anda sampaikan di komentar, Trimakasih
    <p>
<textarea cols='57' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='2'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://diandiki.blogspot.com/2013/07/cara-membuat-author-box-kotak-admin-di.html' target='_blank'>:: Get this widget ! ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin diandiki blogspot-->

Ket:

• Warna biru ganti Nama blog anda
• Warna Merah ganti dengan URL foto anda
• Warna orange ganti dengan kata-kata anda sendiri
• Selebihnya anda bisa mengedit sendiri

6. Pratinjau terlebi dahulu kalau sudah selesai simpan deh
selamat mencoba