MINTA DO'ANYA BIAR LANGGENG ~Mi*El~


Home » » Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog

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 basi panjang lebar mending langsung aja ikuti langka-langka di bawah ini :



Langka-langkanya sebangai berikut :
1. Seperti biasa logging duluh ke akun blogger zobat
2. Masuk menu template pilih edit HTML
3. Cari kode ]]></b:skin> (Gunakan Control F untuk memudahkan pencarian)
4. Letekkan kode di bawah ini tepat di atas kode ]]></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 kode <div class='post-footer'>  dan letekkan kode di bawah ini tepat 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://fbcdn-profile-a.akamaihd.net/hprofile-ak-prn2/s160x160/1471748_1386107724975124_177461592_a.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><textarea id="bloglinking" rows="2" readonly="readonly" onmouseover="this.focus()" onfocus="this.select()" onclick="this.focus();this.select()" name="bloglinking" cols="77"><data:post.url/></textarea></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.
 

Nah sekarang kamu sudah mempunyai korak admin pada blog zobat.
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BLOG*ISLAM

Enter your email address:

Delivered by FeedBurner

0 komentar:

Post a Comment

 
Support : KANG WEB
Copyright © 2013. BLOG*ISLAM - All Rights Reserved
Proudly powered by Blogger