Modifikasi Border Photo Profil Blogger

Ada yang mau mengganti border photo profil pada blog di blogger ga? Kebetulan saya baru ganti photo di profil blog nih biar ga bosan dan sekalian menghilangkan bordernya. 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. Pokoknya perintah-perintah tersebut masih dapat diterima pada border style maka kamu pun bisa me-modifikasi sendiri border photo profil tersebut. Border dapat dipelajari lebih lanjut di penggunaan border untuk template blogger. Mudah-mudahan bermanfaat.

Related Post:

Trik Blogspot

• Menambahkan Image Pada Judul Posting
• Mengganti Pager Link Blogger Dengan Icon
• Klik Label Tampil Hanya Judul Posting Update
• Klik Label Tampil Hanya Judul Posting
• Menambahkan Icon Pada Label Dan Link Sidebar
• Mengganti Tanggal Dengan Icon Kalender
• Menghilangkan Icon QuickEdit (Tang dan Obeng)
• Area Sidebar Dalam Kotak Terpisah
• Area Komentar Dalam Kotak Terpisah
• Area Posting Dalam Kotak Terpisah
• Background Warna Pada Teks Posting
• Modifikasi Pesan Pengantar Formulir Komentar
• Beda Tampilan Komentar Pemilik Blog
• Nomor Urut Komentar (Numbering Comment) Blogger
• Pasang Emoticon Di Atas Kotak Komentar
• Membuat Blockquote Dan Modifikasi Blockquote
• Masalah Pada Verifikasi Kotak Komentar
• Membuat Teks Berkedip Blink Text
• Membuat Horizontal Navigasi Blogger
• Avatar Profil Komentar Blogger Update
• Latar Belakang Teks Dengan Efek Stabilo
• Menggunakan Gambar Untuk Latar Belakang Blog
• Pasang Strip-Ad Seperti Navbar Blogger
• Menghilangkan Border Pada Image Posting

or or