Hello Pembaca Olenc.co.tv Pada Tutorial Blog kali ini saya akan berbagi Tutorial Cara Membuat Author Box Di Bawah Postingan Blog, Author Box Ini Bertujuan Agar Pengunjung Mengetahui Siapa Penulis Artikel Yg Ada Di Blog Sobat Semua Untuk melihat Contohnya obat Bisa Melihat Pas Dibawah Artikel Ini Ada About Authornya.Atau Juga Sobat Bisa Melihat Gambar Yg Ada Di atas Artikel Ini.
Jika Sobat Berkenan Memasangnya Sobat Bisa Mengikuti Langkah-Langkah Berikut:
1. Login Ke Akun Blogger Sobat
2. Pada Dasbor Pilih Rancangan --> Edit HTML Dan Jangan Lupa UntukCentang Kolom Expand Template Widget
3. Letakan Kode Berikut Tepat Diatas Kode ]]></b:skin>
.teja{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.teja p{margin:0;padding:0}.teja a{color:#FFF}
.teja img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CujFmrY7KlnNYwageToW7fE-xQm8b9rEFFJBwR8wiYaxdUpva5SZL7a8xmGeCveOVoHVVHvvwKDvP4BKq7GYPZ8hiLjflgCgTDHPr7cLzJxZ-n8w55fNjv6T4oTMo7v38lgA5oEkzkpN/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}
6.Simpan Templatenya
CATATAN: Sobat Bisa Mengubah Url Gambar Yg Berwarna Merah Dengan Url Gambar Sobat
Dan Ubah kata kata Yg Berwarna Kuning Dengan Kata kata sobat sendiri
Jika Sobat Berkenan Memasangnya Sobat Bisa Mengikuti Langkah-Langkah Berikut:
1. Login Ke Akun Blogger Sobat
2. Pada Dasbor Pilih Rancangan --> Edit HTML Dan Jangan Lupa UntukCentang Kolom Expand Template Widget
3. Letakan Kode Berikut Tepat Diatas Kode ]]></b:skin>
.teja{background:#000;margin:20px 0 40px 0;padding:10px;overflow:auto;color:#fff}
.teja p{margin:0;padding:0}.teja a{color:#FFF}
.teja img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5CujFmrY7KlnNYwageToW7fE-xQm8b9rEFFJBwR8wiYaxdUpva5SZL7a8xmGeCveOVoHVVHvvwKDvP4BKq7GYPZ8hiLjflgCgTDHPr7cLzJxZ-n8w55fNjv6T4oTMo7v38lgA5oEkzkpN/s1600/bg-img-auhtor.gif)no-repeat;float:Left;margin:0 10px 0 0;padding:4px}
4. Cari Kode <div class='post-footer-line post-footer-line-1'> Agar Memudahkan Pencarian Gunakan CTRL F Atau F3
5.Letakan Kode Berikut Tepat Dibawah Kode <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == "item"'>
<div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY8mmcDtodFNCqL3GHIkAbrbPdf9XuLs6Sgmv43XegshLo9cARuCRlPcFd0-MmXYp2s2Ibd4xfaBGxmXUsG3Ni8ECGCTSD8CQdiKMllJIWX5oQ6jAdE-eHYtbYh02Lumv6xAifSBgLDlZk/s1600/author.png' width='100'/><div style='font-family: kristen itc; color: rgb(255, 0, 0);'><b>ABOUT THE AUTHOR</b></div>
<div style='text-align: justify; font-family:bedizen'><a href='http://www.olenc.co.tv//' target='new'><b>OlenC'z : </b></a>Seorang Manusia yang selalu ingin menjadi lebih baik
</div></p>
</div>
</b:if>
CATATAN: Sobat Bisa Mengubah Url Gambar Yg Berwarna Merah Dengan Url Gambar Sobat
Dan Ubah kata kata Yg Berwarna Kuning Dengan Kata kata sobat sendiri
Semoga Berhasil... Jangan Lupa Komentar Sobat...
thanks ya kawan,,, hebat pisan ei,,,,