Memodifikasi Profil Penulis Pada Blogger

Kolom Profil Blogger anda bisa di anda bisa dimodifikasi sesuai dengan keinginan. ini dapat memperindah blog anda yang nantinya akan menarik perhatian para pengunjung setia blog ~~CAPER~~ ya?

Saya menambahkan beberapa efek citra Penulis Profil dan nama penulis dan juga menambahkan sebuah gambar kecil dari admin yang muncul ketika anda membawa kursor mouse anda di atasnya.

Berikut adalah cara memodifikasi profil pemilik (penulis) blog.

Masuk ke akun Blogger;

Klik tombol Rancangan dan pilih Edit HTML;

Cari kode ]]></b:skin>

Jika ketemu copy paste kode dibawah persis daiatas ]]></b:skin>

.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border:3px solid #289728;
}
.profile-img:hover {
border:3px dotted #3B3A3B;
}
.profile-data {
margin:0 10px 20px 10px;
padding:0;
font: bold 10pt "ms sans serif", verdana,Arial;
color:#289728;
line-height: 1.6em;
text-align:left;
text-transform:lowercase;
}
.profile-data:hover {
color:#3B3A3B; }
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-datablock:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6LJPl3sNTSI0FQ2F9wuP0bRduXOGhNwJQGsL6G2NAB8m5Kw_2TWTstTOfBg09KK9hmEpaiuf1_Yx4ub1GXDYCJVNCW1APku3qKtvNzbD3gLYDfl8LuuoI2lMi6l59ZKrXG1Ibqbha0M8/s320/admin.png) no-repeat bottom right ;
}
.profile-textblock {
color:#333;
margin: 0.5em 0;
line-height: 1.6em;
padding:5px 0 5px 0;
border-top:2px solid #289728;
border-bottom:2px solid #289728; }
.profile-link {
display:none;
}