Author Box Dibawah Postingan

Duch pagi pagi habis dimarahi ama emak , untuk merendam kekesalan gue mau posting blog untuk blogger se nusan tara dan tempat lain nya juga dech kali ini saya akan membahas mengenai Cara membuat Author Box Dibawah postingan, Pertanyaannya emang penting yach ???
yach jelas penting dong disitu kamu bisa tulis mengenai data diri kamu apa aja dech mengenai pacar akamu atau apa  wkwkkwkw\
oke langsung aja ke tutorial nya:

Cara Menambahkan Author Box di Bawah Postingan

1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode ]]></b:skin> dan taruh kode berikut di atasnya;


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

6. Cari kode <div class='post-footer-line post-footer-line-1'> dan taruh kode berikut ini di bawahnya;

<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 mau pasang foto telanjang kamua tau apa saja dech yang penting itu foto kamu - CobaSanaSini' width='70'/><b>About Author CobaSanaSini</b><br/>
  Mengenai Kamu Atau mirip seperti biodata kamu<br/></p>
    </div>
    </b:if>

7. Sebelum menyimpan, ganti URL dengan URL photo kita, dan tulis sekilas tentang diri kita. Dan juga bisa menganti judul about author. Dan juga mengubah kode css yang disesuaikan dengan tampilan blog kita.

8. Simpan jika sudah selesai.

0 Coment "Author Box Dibawah Postingan", Baca atau Masukkan Komentar

Posting Komentar