Minggu, 24 Januari 2010

Modifikasi Border Photo Profil Blogger

Posted by Dennis Rvindo 06.35, under | No comments

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:



Selamat mencoba..


0 komentar:

Posting Komentar

Setiap komentarmu akan sangat berarti sekali buat blog ini agar bisa menjadi lebih baik untuk kedepannya, trima kasih udh berkomentar di blog ini..

Tags

Music on

Blog Archive

Sponsor