Tutorial Blog Mas Andes Official - Tips Blogging | Trik Blogger | Tutorial Blogger | Widget Blogger | Blog Design | Taktik SEO (Search Engine Optimization)

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(http://2.bp.blogspot.com/_7wsQzULWIwo/SzPhsxuJBqI/AAAAAAAACnc/eOf-_gWliTk/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.

Berlangganan artikel via email

5 Response to "Membuat Tampilan Profil Blog Lebih Keren"

wahhh bolehh tucchhh

thank's dachhh

Balas

Ilmu yg bermanfaat sekali.

Salam sukses selalu...

Balas
avatar
Anonymous

senagn sekali bisa baca artikel di sini gan ....

Balas

gan kalo nyari ]]> itu dimana?

Balas
  • Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.
  • Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus.
  • Apabila artikel yang berjudul "Membuat Tampilan Profil Blog Lebih Keren" ini bermanfaat, share ke jejaring sosial.
Konversi Kode