Cara membuat kotak outhor atau biodata otomatis di bawah posting

Jumat, Oktober 21, 2011 | Diposting oleh yodicakep |

Setiap para pembuat bloger biasanya ada kalanya ingin menampilkan dirinya di dalam blogger buatannya,yah mungkin itu sebagai buti juga kalau bligger tersebut adalah buatannya,jadi bagaimanaya caranya? untuk menampilkan author atau pencipta blogger sebenarnya banyak sekali caranya,tapi kali ini saya mau memberikan sebuah trik ataupun tuttorial blogger untuk membuat kotak author outomatis di bawah postingan,hemmm..tertarik anda membuatnya,yuk kita langsung aja mas broo ke TKP

Contoh Tampilan

Cara Penerapan

1.Masuk ke Blogger
2.Pilih Template kemudian pilih Edit HTML

Maka akan keluar tampilan semua Code HTML

3.Pilih Lanjutkan----> Centang Expand Template Widget

4.Tekan CTRL+F untuk membuka menu Search

cari code ]]></b:skin>

5. Taruh code tambahan di atasnya ]]></b:skin>

Berikut ini adalah code yang perlu anda tambahkan

/*----------Guest Poster --------*/
.BUS-gp img {
margin:0;
border:0;
}
.BUS-gp-about {
font-size:12px;
margin:0 auto;
padding:3px;
width:580px;
background:#ff0000;
border:#ff0000 dotted 2px;
min-height:130px;
}
.BUS-gp {
padding-top:10px;
margin:0;
font-size:12px;
float:left;
width:17%;
text-align:center;
border...

6. Cari code data:post.body/> kemudian di bawahnya taruh code seperti ini

<div class='BUS-gp-about'>

      <div class='BUS-gp'><img height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcZnfNUnU-AJXhvyY31vbhlNt4riHcYiP7HMJVdXv4EYGDw3ptmVwYXpQOJkp3TzUmsCaKxn_RtGh6VKCIBD0ckVyPg2LpRY3SkLsggg3PDHZxOKTyj3jyDZdkat-jDcSdAfvJUaLOnNQ/s500/Muhammad%2520Yodi%2520Assari.png' width='80'/> yodicakep </div>

      <div class='BUS-gp-text'>
      <p><strong>Assalammualaikum, Nama saya Muhammad Yodi Assari:</strong>
      <br/>saya dari Brebes Jawa Tengah,dan sekarang tinggal di Bogor,saya ucapkan terimakasih kepada teman-teman semua yang telah mengunjungi Website kami,mudah-mudahan bermanfaat,jika teman-teman menemukan kesulitan silahkan hubungi kami</p>
      </div>
    </div>

Keterangan

Warna Merah Diatas silahkan ganti dengan URL gambar atau foto anda
Warna Hitam di atas silahkan ganti dengan nama anda nama harus sama dengan nama di bawah postingan yang aslinya
warna Hijau di atas ganti dengan kata2 terserah anda
warna Ungu di atas juga anda ganti dengan kata2 sesuai selera anda

7. Save...
8. Enjoy........