Pasang Kotak Admin dibawah Postingan

Pasang kotak admin dibawah postingan untuk mempercantik tampilan blog, sebenarnya bukan hanya mempercantik tampilan blog saja dengan memasang kotak admin dibawah postingan lebih menunjukkan identitas penulis blog, dengan disertai gambar sipenulis admin blog tersbut.

Terpasangnya kotak admin dibawah postingan secara tidak langsung memperkenalkan diri setiap pengunjung yang datang melihat dan membaca blog tersebut, begi sobat yang ingin memasangkannya diblog berikut caranya :
  • silahkan login keblogger sobat, dihalaman dasbor pilih rancangan kemudian pilih edit html dan centang expand widget, 
  • Kemuduian cari kode ini :
  • ]]></b:skin>
  • Jika kode diatas sudah ketemu tempatkan scrip css dibawah ini tepat diatas kode ]]></b:skin>.
/*tambahan1--*/
    .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;
    }

  • Langkah selanjutnya masih diedit html kemudian cari kode ini :
  • <div class='post-footer'> Paste script dibawah ini persis diatasnya. 
  • Kemudian simpan template anda
  • <!-- Kotak Admin --> <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='admin-tulisan'>
    <h4>Penulis: <a expr:href='data:blog.homepageUrl'>      <data:post.author/></a> ~ diskripsi blog anda </h4>
    <div class='kontainer'>
    <img src='alamat image/gambar anda '/>
    Artikel <a expr:href='data:post.url'><data:post.title/></a>
    dipublish oleh <data:post.author/> hari <data:post.dateHeader/>.
    Semoga artikel ini dapat bermanfaat dan menambah wawasan atau bisa menjadi refrensi tambahan untuk tetap dapat belajar bersama.<hr/>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->
     
  • Selamat Mencoba
Pasang Kotak Admin dibawah Postingan dan untuk melengkapi tutorial blog sobat, sobat bisa juga memasang artikel terkait dibawah halaman posting atau dibawah kotak admin.

0 comments:

Posting Komentar

Maaf postingan diatas tidak bermaksud menggurui sobat pembaca, jika berkenan tinggalkan komentarnya. Jangan Spam ya sob, sukses dan salam kenal,

Terimakasih atas kesempatan dan kunjungannya.!