Apa yang anda cari ?


CSS

Minggu, 23 September 2012

Cara Membuat Kotak Admin Dibawah Postingan

·
Hay Sob ??gimana pengenkan buat kotak admin seperti gambar disamping,

Kotak Admin Di Bawah Postingan :D Oke lah gk usah panjang lebar !! langsung aja ke tutorial nya
1 Login Ke Blogger kamu :D
2.Masuk Ke rancangan
3 Klik Edit Html Dan Centang Expand Template Widget
4. Cari Kode ]]></b:skin> Letak kan CSS di bawah ini di atas kode tadi

    .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:#0004b1;
    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:#0000ff;}
    .admin-tulisan img{
    width:81px;
    height:68px;
    margin:0 10px 0 0;
    float:left;
    border:1px solid #0004b1;
    padding:2px;
    background:#0004b1;
    box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
    }
5 Kemudian Cari Kode Ini <div class='post-footer'> atau <div class='post-footer-line post-footer-line-1'>
dan letakkan Script ini Di atas kode yg km cari tadi
<!-- Kotak Admin by situsalfi.blogspot.com -->
<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='URL GAMBAR KAMU'/>
Artikel <a expr:href='data:post.url'><data:post.title/></a> ini diposting oleh <data:post.author/> pada hari <data:post.dateHeader/>. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Terima Kasih !
<p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href='http://situsalfi.blogspot.com/2012/09/cara-membuat-kotak-admin-dibawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin by Laptop Si Unyil ™m --> 
6 Simpan Template Dan Lihat Hasil nya :D

Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost