Home » » Cara Membuat Author Box Di Bawah Postingan Blog

Cara Membuat Author Box Di Bawah Postingan Blog

Hello Pembaca oktri.co.cc 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 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(http://2.bp.blogspot.com/_O84nraTVNhw/TUfASZUtUWI/AAAAAAAAAM4/4WSFn5qpI6A/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='http://4.bp.blogspot.com/_O84nraTVNhw/TUfLXgf3WnI/AAAAAAAAANg/ZE2p_DQATGY/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.oktri.co.cc//' target='new'><b>Oktri : </b></a>Seorang Manusia yang selalu ingin menjadi lebih baik
</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



Artikel Terkait:

4 komentar:

  1. bagus juga tipnya nih.........

    BalasHapus
  2. ko ga bisa bang, bantuannya donk

    BalasHapus
  3. Mas Kode nya g' ada di tempat qu.... Gmn cr nya t..? mohon bantuan a ya... n blog nya mas bgs bnget dech..

    BalasHapus
  4. Komentar ini telah dihapus oleh pengarang.

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri