Modifikasi Bingkai Foto Profil

Blogger menyediakan sebuah layanan bermanfaat bagi para pengelolanya untuk dapat mempublikasikan profil lengkapnya melalui sebuah media dengan tampilan photo autor kedalam blog yang dikelolanya. Dengan menggunakan fasilitas ini para penikmat blog dimungkinkan untuk dapat melihat data atau profil pengelola blog yang dibacanya itu. Defaultnya photo profile itu ditampilkan dalam bentuk kotak sederhana. Nah sekaranglah saatnya bagi anda untuk mempercantik tampilan photo itu dengan memberikan efek bingkai pada bagian pinggir photo. Dan untuk melakukan itu mari ikuti tutorial berikut ini dengan cermat :

1. Sig in di blogger


2. Klik menu Template


3. Klik menu Edit HTML


4. kemudian sebelum melakukan pengeditan di bagian edit HTML sebaiknya back Up dulu template anda dengan cara mengklik pilihan ( Down Load Template Lengkap) Yang ada dibagian atas edit HTML. Kemudian save

5. Cari kode dibawah ini untuk template mode klasik dan ubah angka yang berwarna biru menjadi nilai yang lebih besar :

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

6.Atau cari kode ini untuk template mode baru dengan terlebih dahulu memberikan tanda centang pada kotak kecil yang berada disamping ( tulisan Expand Template Widget). berada diatas kotak edit HTML

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

7. Ganti nilai border yang berwarna biru diatas dengan nilai yang lebih besar. Contohnya diganti dengan angka 5.

8.kemudian klik pratinjau untuk memastiakan berhasil atau tidaknya pengeditan kita.

9. selamat mencoba …!!!!!


Keterangan :
border:1px solid #000; --> yang berwarna biru (1px) artinya lebar bingkai photo adalah 1px. Jika anda ingin bingkainya tampak lebih jelas ganti dengan angka yang lebih besar.

1px solid #000 --> yang berwarna hijau(#000) artinya kode untuk bingkai yang berwarna hitam, jika anda merasa tidak cocok silakan ganti dengan kode warna lain

Tulisan Solid --> yang berwarna merah adalah model bingkai fotonya anda dapat menggantinya dengan model bingkai lain.

Grab This Comment Form