cara buat autobox Keren

Halo Gan !!

Kali Ini Ane akan kasih agan Ilmu Blog yang keren2 lumayan lah buat nambah Pengunjung ke blog baru agan-agan ini

agan pasti dah tau kan apa itu author box ...Masih kagak tau juga ????? wtf

okelah ane kasih tau lumayan nambah pahala :) . Author Box adalah sebuah kotak keterangan penulis yang ada di bawah posting blog yang berfungsi sebagai kata atau pesan penutup dan juga bisa peraturan

Ni ss nya gan

bagus kan gan.. nah gimana kalao sekarang kita praktek saja 

ikutin nih step by step :

1. Masuk Ke akun blog agan

2. Klik Rancangan -> Edit HTML -> Lanjutkan -> Centang Expand Template Widget

3. Copas Kode Berikut dan Letakkan di ATAS kode <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> ~ Deskripsi Blog Anda</h4>
 <div class='kontainer'>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiheKeuoXbdimR19SnlWoXGjPjXX0dPgHWEFJTJYqr3h5bd5wqb0aKU7359dCFYGrEkg7Hdkx0Kzwow7ilQIajkZdtx9-yWpBlHshl1uKY48kQjJj-r3aSAXt_f-S07q0UXD9FxH0CmH6qv/s1600/images.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.
    <p><span style='float:right;font:italic 10px Arial, Sans-Serif;'><a href=' http://www.blogger.com/blogger.g?blogID=4529445362012471520#editor/target=post;postID=5868571395370180929;onPublishedMenu=allposts;onClosedMenu=allposts;postNum=2;src=postname ' target='_blank'>:: Buat Widget Seperti Ini ::</a></span></p>
    <div style='clear:both;'/>
    </div>
    </div>
    </b:if>
    <!-- Kotak Admin -->

 4. Kemudian Cari kode ]]></b:skin>

5. Copas Kode Berikut DIATAS kode ]]></b:skin>

  .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;
    }

 5. Klik Save, dan Lihat .

Keterangan :

- Tulisan Warna Hijau Anda Isi dengan Deskripsi Blog anda

- Tulisan Warna Biru Anda ganti dengan URL Foto anda

- Tulisan Warna Merah bisa anda Edit sesuka hati anda

Author : Unknown

Share this

Related Posts