Info Tentang Cara Mudah Membuat Author Box di Bawah Postingan Update Terbaru 2017 Gratis

Sedikit Info Seputar Cara Mudah Membuat Author Box di Bawah Postingan Terbaru 2017 - Hay gaes kali ini team Cyber Pekok, kali ini akan membahas artikel dengan judul Cara Mudah Membuat Author Box di Bawah Postingan, kami selaku Team Cyber Pekok telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Cyber Pekok. semoga isi postingan tentang Artikel Post Artikel, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul: Berbagi Info Seputar Cara Mudah Membuat Author Box di Bawah Postingan Full Update Terbaru
link: Cara Mudah Membuat Author Box di Bawah Postingan

Artikel Terbaru Cara Mudah Membuat Author Box di Bawah Postingan Update Terlengkap 2017

Author Box adalah sebuah kotak yang berisikan teks pesan atau deskripsi yang ingin disampaikan oleh pengarang kepada pembaca. Banyak sekali macam-macam untuk mempercantik blog, salah satunya Author Box. Selain untuk memberi teks pesan atau deskripsi kepada pembaca, Author Box inipun juga bisa membuat sang pembaca merasa di hargai oleh pengarang.

Salah satu cara untuk mempercantik Author Box adalah memberi foto admin agar pengunjung tahu bahwa sobat adalah sang pengarang di blog ini, Author Box pun banyak jenisnya, antara lain Wordpress dan Blogger. Cara membuatnya mudah, simak langkah-langkah berikut:

1. Seperti biasa, log in ke akun blog sobat.
2. Klik Template > Edit HTML > Lanjutkan > Centang ( Expand Template Widget ).
3. Cari kode ]]></b:skin> ( untuk mempermudah pencarian, klik Ctrl+F atau F3 ).
4. Copy kode dibawah ini, lalu paste tepat 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;
}

5. Kemudian cari kembali kode <div class='post-footer-line post-footer-line-1'> copy kode dibawah ini, lalu paste tepat dibawah 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='URL Foto/Avatar Sobat' width='70'/><b>About Author</b><br/>
Sekilas tentang diri sobat<br/></p>
</div>
</b:if>

Ganti kode yang berwarna merah, dengan URL foto/avatar sobat.
Ganti juga kode yang berwarna biru, dengan deskripsi atau teks sesuka hati sobat ).

6. Setelah semua langkah-langkah diatas selesai, Klik Simpan. ( lihat hasilnya ).

Saya rasa tutorial kita pada hari ini sudah cukup, Semoga Bermanfaat dan Semoga Berhasil bagi semua.

Itulah sedikit Artikel Cara Mudah Membuat Author Box di Bawah Postingan terbaru dari kami

Semoga artikel Cara Mudah Membuat Author Box di Bawah Postingan yang saya posting kali ini, bisa memberi informasi untuk anda semua yang menyukai Cyber Pekok. jangan lupa baca juga artikel-artikel lain dari kami.

Terima kasih Anda baru saja membaca Cara Mudah Membuat Author Box di Bawah Postingan