Membuat Author Box Dibawah Postingan

Cara memasang atau membuat author box dibawah postingan sangat mudah,author box atau kotak admin/penulis blog bisa juga ditampilkan dibawah postingan, bagi sobat semua yang ingin menambahkan foto profilenya pada blog tanpa harus menambah gadget profile ini adalah salah satu caranya,nah bagaimana cara membuat author box dibawah postingan blogspot? ikuti tutorial dibawah ini!

author box blogger

  1. Login ke blogger
  2. Klik Edit Html , Beri Centang Pada "Expand Template Widget"
  3. Letakkan kode dibawah ini diatas kode ]]></b:skin>
    .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;
    }
  4. Cari kode <div class='post-footer-line post-footer-line-1'> Dan letakkan kode berikut dibawahnya.
    <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='URL avatar/photo kita' width='70'/><b>About Author</b><br/>
    Sekilas tentang diri kita<br/></p>
    </div>
    </b:if>
  5. Simpan template kamu.

Ganti yang berwarna merag sesuai url foto kamu dan text yang kamu inginkan.Nah demikian cara Membuat author box dibawah postingan blogger, semoga bermanfaat.

BACA JUGA!

0 comments:

Post a Comment

Search

Popular Posts

Powered by Blogger.

Blog Archive