Cara Membuat Author Box Di Bawah Postingan Blog

Pada Tutorial Blog Sebelumnya Saya Sudah Menjelaskan Tentang Bagaimana Cara Membuat Menu Drop Down Horizontal Dibawah Header. Dan Pada Tutorial Yg Sama Juga Yaitu Tutorial Blog.Saya Akan Menjelaskan Pada Sobat Tentang Bagaimana Cara Membuat Author Box Dibawah Postingan Blog,Atau Cara Membuat Author Dibawah Postingan,Atau Juga Keyword  Sejenis Lainnya Yg Dapt Mudah Dipahami Oleh Pengunjugn Yg Akan Menuju Blog Ini.Author Box Ini Bertujuan Agar Pengunjung Mengetahui Siapa Penulis Artikel Yg Ada Di Blog Sobat Semua..Asal Sobat Ketahui Di Blog Saya Yaitu Blog Sharing Ilmu Pengetahuan Dan Juga Website Nokia Center, Juga Memasang Atau Membuat Author Dibawah Postingan .Kalau Sobat Tidak Percaya,.sobat Bisa Melihat Pas Dibawah Artikel Ini Ada About Authornya.Atau Juga Sobat Bisa Melihat Gambar Yg Ada Disamping 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 Untuk Centang 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/AVvXsEi_baELIfX00rMoR7KQEwMF2rEjxTFRX5LJIvPOKiI-vc1vP4w3LEn1Ve6vYrVVMkTHFR4l-3XuRVIb5_9EglENYToF5CADZ4w1kFypWhW-yvXK97Y7Pr6Xt7ptpmSFK08GR_QaPu46gz-N/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 == &quot;item&quot;'>
    <div class='teja'>
<p><img alt='' class='avatar avatar-70 photo' height='130' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTuGZQz9uds_tOYYYvGbwk2oVVpUnON9_u8zMWMTHnmQj-RNmVj6MGMeVRPdGK_1y16sobOX8V0GyoYZlB1ZiRVbJ7s__plRF4IgnwF3HhSIRdRJiS3piaoM60ghJNo1gLtQQsIEg0ZHXe/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://tejahtc.blogspot.com/' target='new'><b>M.SUTEJA : </b></a>Saya semakin yakin bahwa hidup adalah 10 persen dari apa yang sebenarnya terjadi pada diri kita,dan 90 persen adalah bagaimana sikap kita menghadapinya
</div></p>
</div>
    </b:if>

  6.Simpan Templatenya

CATATAN: Sobat Bisa Mengubah Url Gambar Yg Berwarna Merah Dengan Url Gambar Sobat
                     Dan Ubah kata kata Yg Berwarna Hijau Dennga Kata kata sobat sendiri

~~Selamat Mencoba~~

~~Semoga Berhasil~~

Artikel Terkait :

Diposting oleh learning di 00.54