Senin, 07 Mei 2012

Profil Lebih Menarik

Cara Membuat Tampilan Profil Lebih Menaik

1. Silahkan Login Ke Blogger
2. Pada Dasbor Klik Tata letak ->> edit html ->> expand template widget
3. Lalu cari code seperti berikut ini ]]></b:skin>
4. Jika sudah ketemu silahkan copy code dibawah ini dan letakan tepat dia atas ]]></b:skin>


.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 4px;
border:3px solid #848484;
}
.profile-img:hover {
border:3px dotted #FF0000;
}
.profile-data {
margin:0 10px 20px 10px;
padding:0;
font: bold 10pt "ms sans serif", verdana,Arial;
color:#1C1C1C;
line-height: 1.6em;
text-align:left;
text-transform:lowercase;
}
.profile-data:hover {
color:#D8D8D8;
}
.profile-datablock {
margin:.5em 0 .5em;
}

.profile-datablock:hover {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIGJtsxol3M9vSccBc5QNI1bHEoCpdtTFAFphEHoOnGPVyWaQpojUJncuFVGR_wBcKHeQBEGw_BRNQ2i_5sIen_Dm7VkQ8nUdq_CEjqcBG6IiOYt91T_cPkfAhwhRwgmrVNdcFk-exZb0/s320/admin.png) no-repeat bottom right ;
}

.profile-textblock {
color:#585858;
margin: 0.5em 0;
line-height: 1.6em;
padding:5px 0 5px 0;
border-top:2px solid #04B4AE;
border-bottom:2px solid #04B4AE;
}

.profile-link {
display:none;
}

5. Jika sudah anda menambahkan kode diatas
6. Sekarang anda klik Simpan Templates anda.
7. Sekian trik kali ini Sampai Jumpa kembali

Tidak ada komentar:

Posting Komentar