Merubah border dengan perintah outset border :
- Loggin ke blog kamu
- Masuk Layout dan pilih Edit HTML
- 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;
} - 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;
} - 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:
or or
3 comment:
Sip...
heheheh...
jadi tambah tau tentang html lah nih..
:D
Salam Perantau
:D
blognya ajur ...Whahahahhahaaa
Post a Comment