Membuat Author Box Di blog

Selamat Datang Di Blog Saya , Sekarang Saya Akan Menerangkan Membuat Author Box Di blog.
Copy dari : http://blogkrizeer.blogspot.com/
Berikut Caranya :

• Masuk Ke dashbor anda
• Klik Template
• Pilih Edit Template / edit HTML
• Lalu Tambahkan Code berikut Di atas ]]></b:skin> 

/* Author Blog */
.AHSadmin {width:auto; height:83px;padding:5px}
.AHSadmin-gambar {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}
.AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#fff;}
.AHSfb, .AHSgp, .AHStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}
.AHSfb {background: #3B5998;margin-left:73px}
.AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}
.AHSgp {background: #D34836;font-size:11px;margin-left:85px}
.AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}
.AHStw {background: #4099FF;margin-left:73px}
.AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}

• Lalu Simpan Template
• Sekarang Ke Tata Letak
• Pilih tambah Gadget
• Klik HTML/Java skrip
• Letakan code berikut :

<!--Author Blog Start --><div class='AHSadmin'><img alt='Yoga Pratama' src='httphttp://lh3.googleusercontent.com/-MRkIW9aCKqk/AAAAAAAAAAI/AAAAAAAAAAA/EdZwfzUCDB4/s96-c/photo.jpg' title="Yoga Pratama" class='AHSadmin-gambar' /><a class='AHSfb' href='http://www.facebook.com/Twish4' rel='nofollow' target="_blank">F</a><a class='AHSgp' href='https://plus.google.com/7049530791492749265' rel='nofollow' target="_blank">G</a><a class='AHStw' href='http://twitter.com/Yoga_TC' rel='nofollow' target="_blank">t</a> <div class='AHSdeskripsi'>Hai, saya <a href=https://plus.google.com/7049530791492749265 title="Yoga Pratama" rel='nofollow' target="_blank">Yoga Pratama</a><br/> saya seorang lelaki yang pendiam, agak malas, tetapi bertanggung jawab. Dan saya ingin belajar tentang CSS.<br/><a style="color:#888;" href="#" target="_blank"> Read More &#187;</a></div></div><!-- Ends -->

• Ganti Tulisan Yang Berwarna Biru dengan Alamat Foto Anda
• Simpan / Save

Posted by Unknown

Tweet