Home » » Membuat Author Box Di Bawah Postingan

Membuat Author Box Di Bawah Postingan

Posted: Jumat, 02 Maret 2012 by Dany "Vyr03z" Firdaus in Label:
0

Membuat Author Box Di Bawah Postingan itulah judul tutorial blog kali ini jika anda tertarik untuk membuatnya silahkan ikuti langkah langkah berikut ini :

  1. Masuk ke akun blog anda
  2. Edit HTML>>Centang Expand Template Widget
  3. Cari Kode ini  ]]></b:skin>
  4. Letakan kode tersebut di bawah ini do atas kode  ]]></b:skin>
    /***** Author Box ********************/
    .author-box {
    background: #f0f0f0;
    margin: 20px 0 40px 0;
    padding: 10px;
    overflow: auto;
    color:#888;
    font-family:verdana, sans-serif;
    }
    .author-box p {
    margin: 0;
    padding: 0;
    }
    .author-box a{
    color:#666;
    }
    .author-box img {
    background: #FFFFFF;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px;
    }
  5. Kemudian cari kode  <div class='post-footer-line post-footer-line-1'>
  6. Letakan kode berikut ini di bawah kode  <div class='post-footer-line post-footer-line-1'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='author-box'>
    <p><img alt='avatar' class='avatar avatar-70 photo' height='70' src='http://i1184.photobucket.com/albums/z328/cicawal/jounkimagesA.jpg' width='70'/><b>About Author</b><br/>
    Tulis apa yang anda ingin tulis<br/></p>
    </div>
    </b:if>
  7. Kemudian simpan dan Lihat hasilnya



Artikel Dengan Kategori yang Sama:

0 Komentar:

Silahkan Tinggalkan Komentar dan Berkomentar Apa Saja Asalkan Tidak Mengandung Unsur SARA!

Related Posts Plugin for WordPress, Blogger...