Selasa, 31 Juli 2012

Okeh kali ini saya akan share Cara Membuat Kotak Admin Dibawah Postingan. Cara ini saya dapat dari blog tetangga saat saya blogwalking hehee. Tidak ada salahnyakan untuk men-sharenya kembali :)

Caranya :
  • Login ke blog kamu
  • Lalu pilih Template kemudian pilih Edit HTML
  • Kemudian cari kode ]]></b:skin> dengan CTRL+F
  • Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
.admin-tulisan{
display:block;
width:auto;
background:#666666;
border:2px solid #999999;
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:#999999;
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;
}
  • Kemudian cari kode <data:post.body/> lalu letakkan kode dibawah ini tepat 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> ~ Tutorial Blog, Tips, Trik, Download</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyL-uxMQv9s8Z9Zwsv1AhgggHZNzzrE_-8Lvd2QOeoti1Okma8JMNXEJPX6m195Hp2_s7YkNRfmwLmxzBdyyEbh1FoZT6YyCmVxavo5mQeHirmq6NFSDYFPj5DnRKtOzLOpXpAWEKq1kjA/s220/madiuncoolinuk.jpg'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> Semoga bermanfaat bagi sobat blog. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
Keterangan :
  1. Warna Kuning untuk judul blog kamu
  2. Warna Hijau untuk URL gambar kamu
  3. Warna Biru untuk kata kata yang ingin kamu sampaikan
Sumber : http://riezky-doea.blogspot.com/2012/04/cara-membuat-kotak-admin-dibawah.html

{ 2 Komentar... read them below or Comment }

Jika ingin copy paste artikel ini, jangan lupa sertakan sumbernya ya, hargai usaha admin ^^, Kalau mau komentar jangan yang bersifat menghina maupun mengejek. Tidak sopan tau hahaa. Terima kasih sudah berkunjung ke blog ku. Jangan lupa di follow dan pasang banner ku ya \^^,/

Ayat Alkitab

Friend's Banner

Copyright © 2013 David As'Chri ChieLietonga 06 | Robotic Notes | Powered by Blogger

Designed by : Johanes Djogan | Redesignde by : David As'Chri ChieLietonga 06: Cara Membuat Kotak Admin Dibawah Postingan