Bikin kotak admiin di bawah postingan

Diposkan oleh Label:
1 llogin 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 Rendy -->
<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://www.cheatermaninjau.net/2012/08/cara-membuat-kotak-admin-di-bawah.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin by Rendy -->

6.SELESAI

Sumber : http://www.cheatermaninjau.net/2012/08/cara-membuat-kotak-admin-di-bawah.html



No comments:

Post a Comment

~ ATURAN BERKOMENTAR ~

1. Dilarang menulis link aktif
2. Dilarang ngiklan di kolom komentar
3. Komentar yang hanya titip link, akan dimasukan ke kotak SPAM
4. Berkomentar sesuai tema artikel, untuk OOT sebaiknya cari tempat lain

Terima kasih telah berkomentar.