Merapikan Profile Widget di Blog

Trik Merapikan Profile Widget di Blog anda biar terlihat rapi dan bagus bila dilihat.Sebelumnya kemarin saya sudah memposting Hidden Show Shoutbox Widget yaitu kita bisa menampilkan atau menyembuyikan widget yang kita inginkan. Nah pada postingan kali ini adalah bagaimana merapikan profile widget diblogger. Banyak sekali template-template yang bila kita menambah profile widget maka bila dilihat hasilnya akan tidak sejajar antara foto dengan teksnya yang kita tulis diprofile itu. Nah ini salah satu solusinya, mungkin diantara blogger sekalian ada yang kesulitan dalam merapikan profile widget anda.

Caranya mudah kok. Cukup menambahkan kode CSS dibawah ini dan taruh di atas kode : ]]></b:skin>

.profile-img {
    float: left;
    margin-top: 0;
    margin-right: 8px;
    margin-bottom: 5px;
    margin-left:0;
    padding:4px;
    border:1px solid #e6e6e6; }

.profile-data {
    margin:0;
    text-transform:uppercase;
    font-weight:bold;
    line-height:1.6em;
    font-size:11px; }

.profile-datablock { margin:.5em 0 .5em; }

.profile-textblock {
    margin:0.5em 0;
    line-height:1.6em; }

untuk kode CSS yang tercetak tebal itu border image. Anda bisa ganti sesuai template anda.

Example :

Ini contoh profile widget yang belum edit terlihat seperti dibawah ini