Cara Menciptakan Kotak Admin Keren Di Bawah Postingan Blog

Siang-siang begini enaknya shi tidur tapi mumpung berhadapan dengan layar jadi update postingan duluh! heheh
Kali ini anrhy chipaz akan share perihal cara Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog. mungkin kotak admin ini sudah di kenal di dunia blogger tapi saya coba-coba share untuk parah blogger pemulah seprti saya dan untuk parah master tengok aja ya! hemm
OK dari pada basa bau panjang lebar mending eksklusif aja ikuti langka-langka di bawah ini :

Langka-langkanya sebangai berikut :
1. Seperti biasa logging duluh ke akun blogger zobat
2. Masuk sajian template pilih edit HTML
3. Cari isyarat ]]></b:skin> (Gunakan Control F untuk memudahkan pencarian)
4. Letekkan isyarat di bawah ini sempurna di atas isyarat ]]></b:skin>

.admin-tulisan{

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-tulisan .kontainer{padding:5px;}

.admin-tulisan h4{

background:#8A9C04;

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:#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;

}

5. Selanjutnya cari isyarat <div class='post-footer'>  dan letekkan isyarat di bawah ini sempurna di bawahnya

<!-- Kotak Admin by anrhy chipaz -->

<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>  Deskripsi Blog Anda</h4>

<div class='kontainer'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7mjkIF5-JhHHBimM49CNQVvSTYlTziAeaztzmRvIxyswHdv5gwglx5KqpnvOWEM7Di-b8O6Upiz-V2PCgFE9xzPcEk02lgfTgjNDD1uDY7lmNrnW2hE5oI_-qkdrTM2pB6V-th13SbgM/w305-h306-p-o/414751_328264627204279_1352009725_o.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 sumber link asli.

<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://tipstrik-be.tk/search?q=cara-membuat-kotak-admin-dibawah-postingan-blog' target='_blank'>:: Get this widget ! ::</a></span></p>

<div style='clear:both;'/>

</div>

</div>

</b:if>

<!-- Kotak Admin by anrhy chipaz -->

      Ket :

• Ganti yang berwarna hijau dengan Deskripsi blog zobat
• Ganti yang berwarna merah dengan url foto atau gambar yang ingin zobat pasang dalam kotak admin

6. Terakhir Prantinjau dan save.
 
Na kini kau sudah memiliki korak admin pada blog zobat.
Semoga artikel perihal Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog