Modifikasi Border Photo Profil Blogger

Mengubah border photo profil sangat mudah dan sederhana. Cukup dengan sedikit penambahan kode CSS maka border akan berubah. Nah, kalau pengen menghilangkan atau modifikasi border photo profil lainnya, bisa mengikuti cara berikut :

 




Merubah border dengan perintah outset border :

1. Loggin ke blog kamu
2. Masuk Layout dan pilih Edit HTML
3. Cari kode di bawah ini dan fokus pada .profile-img { karena mungkin ada perbedaan pada template :
   

   .profile-img {
   float: $startSide;
   margin-top: 0;
   margin-$endSide: 5px;
   margin-bottom: 5px;
   margin-$startSide: 0;
   border: 1px solid $sidebarHeaderColor;
   }

4. Tambahkan kode border-style: outset; border-color: #404040; pada baris yang ditebalkan sehingga secara keseluruhan kode menjadi seperti ini :
   

   .profile-img {
   float: $startSide;
   margin-top: 0;
   margin-$endSide: 5px;
   margin-bottom: 5px;
   margin-$startSide: 0;
   border: 1px solid ;border-style: outset; border-color: #404040;
   }

5. Save template kamu. Jika semuanya sudah benar, maka hasilnya seperti gambar di bawah ini :

Menghilangkan border photo profil :

Nah, sama dengan langkah di atas. Yang perlu dilakukan mengganti nilai border: 1px menjadi border: 0px. Hal ini bertujuan untuk menghilangkan border tersebut. Hasilnya seperti pada gambar di bawah ini:


Masih banyak modifikasi border photo profil blog blogger lainnya. Cukup dengan mengganti perintah yang berbeda pada border style. Contoh sederhana lainnya adalah dengan mengganti teks solid dengan ridge atau mengganti teks solid dengan dotted, dashed dan lainnya.

Bagikan ke :

Facebook Google+ Twitter Digg Technorati Reddit