CARA MEMBUAT PHOTO PROFILE BERBINGKAI

Assalamu’ alaikum para maniak blogger yang haus akan ilmu pengetahuan. Pada episode kali ini saya akan menjelaskan tentang cara membuat photo profile berbingkai. Fungsinya agar photo profile kita semakin ngganteng dilihat oleh para pengunjung. Oke, jika anda berminat untuk membuatnya silahkan ikuti tips berikut ini :

Template Klasik :

1.  Login ke blogger.com
2.  Pilih Template ---> Edit HTML
3. Copy seluruh kode template kemudian simpan pada hardisk untuk berjaga-jaga kalau ada kesalahan dalam  pengeditan HTML
4.  Kemudian cari kode seperti ini :

   .profile-img img {
   float:left;
   padding:4px;
   border:1px solid #ddd;
   margin:0 8px 3px 0;
   }

5.  Ganti nilai border dengan angka yang lebih besar supaya terlihat seperti pigura
6.  Contohnya seperti ini :

   .profile-img img {
   float:left;
   padding:4px;
   border:6px solid #ddd;
   margin:0 8px 3px 0;
   }

7.  Klik tombol Pratinjau untuk melihat perubahan
8.  Kalau udah siip tinggal klik tombol simpan perubahan template

Template Baru :

1.  Login ke blogger.com
2.  Pilih Layout/Tata Letak ---> Edit HTML
3.  Klik tulisan Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan pengeditan
4.  Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget
5.  Tunggu sampai proses selesai
6.  Kemudian cari kode seperti ini :

   .profile-img {
   float: left;
   margin: 0 5px 5px 0;
   padding: 4px;
   border: 1px solid $bordercolor;
   }

7.  Ganti nilai border dengan angka yang lebih besar supaya terlihat seperti pigura
8.  Contohnya seperti ini :

   .profile-img {
   float: left;
   margin: 0 5px 5px 0;
   padding: 4px;
   border: 6px solid $bordercolor;
   }

9.  Klik pratinjau untuk melihat hasilnya
10. Kalau udah siip tinggal klik tombol simpan template
11. Allhamdulillah. Wassalamu’ alaikum wr. wb.