Baru Coba Blog MEMBUAT KOTAK ADMIN DI BAWAH POSTINGAN BLOG | Dunia Blogger | Semangat Baru
Headlines News :
Home » » MEMBUAT KOTAK ADMIN DI BAWAH POSTINGAN BLOG

MEMBUAT KOTAK ADMIN DI BAWAH POSTINGAN BLOG

Written By tjondro dahono on Jumat, 24 Februari 2012 | 19.41

Semangat 888
Kali ini saya kembali posting tutorial Cara Membuat Kotak Admin di Bawah PostinganBlog. Kalau yang satu ini rada gampang2 susah sobat, jadi sobat harus sedikit teliti. Langsung saja berikut Cara Membuat Kotak Admin di Bawah Postingan Blog saya bagikan ke sobat - sobat sekalian :

1. Login blogger dulu sobat
2. Pilih Rancangan , lalu Edit HTML
3. Centang Expand Template Widget
4. Cari kode berikut <div class='post-footer'>
5. Copy script dibawah ini tepat diatas <div class='post-footer'>

<!-- 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> ~
Semangat 888</h4>
<div class='kontainer'>
<img src='
http://img853.imageshack.us/img853/9519/dudukmenunggu.jpg'/>
Terimakasih anda telah membaca artikel  <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='#' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->

6. Selanjutnya cari lagi kode berikut  ]]></b:skin>
7. Copy kode CSS dibawah ini tepat diatas ]]></b:skin> , Jika gagal sobat dapat juga meletakkan kode CSS tadi tepat dibawah kode <data:post.body/>.

.admin-tulisan{
display:block;
width:auto;
background:#FFFFFF;
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:#FFFFFF;}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #FFFFFF;
padding:2px;
background:#FFFFFF;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

8. Silahkan sobat ganti tulisan berwarna merah dengan description blog sobat dan gambar sobat.
9. Untuk Jenis font dan Warna silahkan sobat edit sendiri tak apa.
10. Jangan lupa Save Template yah!


Sumber : http://yepiaddianto.blogspot.com/2012/02/cara-membuat-kotak-admin-di-bawah.html

Share this article :

Ditulis Oleh : tjondro dahono ~ Informasi Dunia Blogger Terkini

Johan Purnomo Sobat sedang membaca artikel tentang MEMBUAT KOTAK ADMIN DI BAWAH POSTINGAN BLOG. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya

:: Get this widget ! ::

3 komentar:

  1. Kotak adminnya bagus bang, aku contoh ya ..........

    BalasHapus
  2. Terima kasih atas informasinya sobat, tips ini telah aku praktekkan di tempat aku silahkan kunjungi http://fh86blog.blogspot.com. Salam kenal.

    BalasHapus
  3. Terima kasih atas tips dan triknya yang mantap

    BalasHapus

Twitter

 
Support : Cara Gampang Blog | Free Template
Proudly powered by Blogger
Copyright © 2013. Dunia Blogger | Semangat Baru - All Rights Reserved
Baru Coba Blog
Original Design by Creating Website Last Modified by : Johan Purnomo