Modifikasi Gadget Profile (Bag. 2)

Beberapa waktu yang telah lewat, saya pernah menuliskan artikel tentang bagaimana membuat gadget Profile menjadi miring.. unik bukan!
Kali ini masih berbicara tentang bagaimana mengkreasikan sehingga tampak berbeda dari biasanya.
Berbeda yang bagaimana maksudnya ?

Pertama, sobat bisa mengubah ukuran image/photo profile dengan cara menambahkan lebar dan tinggi (width & height) yang disesuaikan dengan ukuran photo profile anda.
caranya :
tambahkan height:140px;width:100px;
pada image profile anda sehingga menjadi seperti ini :

.profile-img {color: #ffff33;float:right;height:140px;width:100px;}

Kedua, sobat dapat menambahkan bingkai transparan pada image profile anda dengan cara menambahkan script ini -webkit-transition:all 0.2s ease;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);

sehingga menjadi seperti ini :
(asumsi, anda menggunakan profile gadget miring)

.profile-img {float: $startSide;margin-top: 0;margin-$endSide: 5px;margin-bottom: 5px;margin-$startSide: 0;padding: 4px;border: 0px solid $borderColor;-moz-box-shadow:0 0 10px rgba(0,0,0,0.75);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.75);box-shadow:0 0 10px rgba(0,0,0,0.75);border-radius: 0 .4em 2em; background-radius: 0 .4em 2em;overflow: visible !important;-webkit-transition:all 0.2s ease;-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5);-moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);}

Ketiga, mengubah posisi nama author atw pemilik blog (blogger) ke bawah dengan cara menambahkan perintah float di script berikut :

.profile-data {margin:0;text-transform:uppercase;letter-spacing:.1em;font-weight: bold;line-height: 1.6em;}

menjadi :

.profile-data {float:right;margin:0;text-transform:uppercase;letter-spacing:.1em;font-weight: bold;line-height: 1.6em;}

itulah tips singkat tentang memodifikasi profile gadget untuk blog anda.
Tips ini dapat sobat-sobit kembangkan lagi sehingga menjadi lebih baik. tinggal bereksplorasi az teman!