Senin, 28 Mei 2012

Membuat Kotak Admin Di Bawah Postingan


Sebagian blogger Membuat Kotak Admin Di Bawah Postingan itu perlu, ada yang bilang ini juga salah satu SEO untuk Blog anda. Apa yang di maksud Kotak Admin Di Bawah Postingan ? Untuk lebih jelasnya silahkan anda lihat gambar di bawah ini, letaknya tepat di bawah postingan Blog.

Cara Membuat Kotak Admin Di Bawah Postingan :
  • Sign In terlebih dahulu di www.blogger.com
  • Dashboard > Template > Edit HTML
  • Centang Expand Widget Templates
  • Cari Kode <div class='post-footer'> dan letakkan Kode berikut diatas Kode tadi
<!-- 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> ~ Sample of My Blog</h4>
<div class='kontainer'>
<img src='http://i1204.photobucket.com/albums/bb401/RizQy-RChild/Favicon/LetterR.jpg'/>
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.
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Kotak Admin -->
  • Kemudian, Cari Kode ]]></b:skin> dan letakkan Kode berikut diatasnya
    .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;
    }
  • Simpan

 Keterangan :
Warna Merah : Ganti Dengan URL/Alamat Gambar Foto Anda.

Ditulis Oleh : ™[R-Child]™ ~ Sample of My Blog

Artikel Membuat Kotak Admin Di Bawah Postingan ini diposting oleh ™[R-Child]™ pada hari Senin, 28 Mei 2012. Terimakasih atas kunjungan anda serta kesediaan anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar.

0 komentar:

Posting Komentar

Jika ada pertanyaan, silahkan tanyakan dan jangan lupa disertai dengan Nama Anda..!! Dan jika ada komentar yang tidak layak untuk ditampilkan seperti "SPAM dan JUNK" mohon maaf jika saya hapus secara sepihak..!!