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. Juga Memasang Atau Membuat Author Dibawah Postingan .


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/AVvXsEj4hHiJcJQwIDO1YiWU2sJdHK-GkG3aK_YxdtjrrZWI_NORKCleHJrvNxmHyhOi2oKb1QGnREvE-GPETaX01mr6oBzbBlv_l3QNHlNirsoqBQZAu9BtRDp5Y3u95T54QeuAkQdJi1iGHtCc/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/AVvXsEgzkpTY9WEzYmf64UU8rLxcKPTkZiirou5t8GTGy0zb5JElyy_ynY8qtcl0g87xXG8FVVtHfe_LdvNTqknpjOFlPYVqBs8RFB26sqAvYT0DfAHg0lz_1VHSQcoy3M2sDsPbXx5MEYD1H6Zk/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
 

Tweet