Cara Mengganti Widget Profil Blogger

 

Jika kalian bosan dengan tampilan profil blogger kalian yang ada di blog, maka kini kamu bisa mengaturnya sesuka kamu loh ! contohnya seperti gambar di atas. Hehehe gambar di atas memang terlihat sederhana karena pada bagian deskripsinya saya tidak mengisinya namun jika kamu isi akan terlihat lebih menarik loh ! langsung saja lihat caranya di bawah ini loh ! :p hehe

1. Login ke Blogger.com

2. Klik rancangan --> Edit HTML --> Cari kode ]]></b:skin> lalu kamu salin kode di bawah ini dan di letakan 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/AVvXsEjU0r7D7QqzCGMT3-8HTKQGWv-3gvXNpEAn4BcVBZFBTBpfRy9yT3eIlWXCekr8Kp0zoiWhsGOvHK4yUkYQPq1HuPOSUYz02d15yaYdZQ4e5gQ9ln-dd9v8eq0f2OsV1_w_SL9Io7KQ6PQ/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;
}

3. Simpan template dan lihat hasilnya :D

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Posted in: Blogger