Membuat Tampilan Profil Blog Lebih Keren

Sedikit kode hasilnya makin sipp, cara inilah yang akan melengkapi profil blog anda. Seperti yang anda lihat bahwa profil bawaan blogger saya rasa sudah biasa-biasa saja, akan tetapi yang tadinya biasa-biasa saja bisa kita ubah menjadi luar biasa. Untuk mengubahnya maka anda perlu sedikit memodifikasi pada template blog anda, cara kerjanya tidak sulit seperti yang dikira. Berikut cara Membuat Profil Blog Lebih Keren :

1. Login ke Blogger.
2. Klik template > Edit HTML.
3. Salin kode di bawah ini lalu letakan tepat di atas kode ]]></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/AVvXsEg01DDGn51fqLZyK-VOcTm7YZ_oXv1SkVCDCnAFuzl2OsQbnDlKSaFrXTgkYnxhX9MR5ybtC8hC_O8ioNjvZUIBGmrqJlKjLEt5RA_OdcFJ1s2DDw3O4LHEyGcQ_9zcSTFWT-s9QH_PV5Q/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;
}

4. Simpan template.