Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog

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://lh6.googleusercontent.com/-Ja3Ta1xg-Zg/ULUBdPCQmtI/AAAAAAAAAB0/BXeazCSnX9g/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://ashare-xp.blogspot.com/2012/12/cara-membuat-kotak-admin-dibawah-postingan-blog.html' 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.
Klo Mau Copas Kasih Sumbernya Ya

Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog 9 Out Of 10 Based On 10 Ratings. 9 User Reviews.

Share This To :

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati

Anda baru saja membaca artikel yang berkategori Tutorial Blog dengan judul Cara Membuat Kotak Admin Keren Di Bawah Postingan Blog. Anda bisa bookmark halaman ini dengan URL http://jamesb-s.blogspot.com/2013/10/cara-membuat-kotak-admin-keren-di-bawah.html. Terima kasih!

Ditulis oleh: Unknown - Kamis, 03 Oktober 2013