silahkan bergabung dan dapatkan artikel-artikel resep-jitu gratis via e-mail!

EnglishFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

1.31.2009

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.

Ingin mendapat artikel seperti ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan Disini:

Komentar :

ada 7 komentar ke “Modifikasi Bingkai Foto Profil”
Fatkhul mengatakan...
pada hari 

warna bsa diubah g?

Fatkhul mengatakan...
pada hari 

ooo saya tulis white bsa, ingat saat di ajar guru komp. klau web pkai bhsa inggris, hadir di blog ku ya :D

kas_miran mengatakan...
pada hari 

hy, q pdtg baru(he...)
q mw ty kq py q ngx bisa" y.?
u hbt bgt.

Sinryu mengatakan...
pada hari 

gooooooooooodddddddddddddddd

Akademi 7-14 mengatakan...
pada hari 

Sy mencoba tapi tidak ketemu kode HTMLnya...

Media buying houses in Pakistan mengatakan...
pada hari 

This information truly wonderful and very useful for who want to create new blog. Thanks a lot. Keep it up for your next posting.........

southend to w2 mengatakan...
pada hari 

I cannot stop reading this. And 'so fresh, so full of information, I do not know. I'm glad that people actually write the smart way to show the different sides of him.

Poskan Komentar

Komentar Anda Adalah Semangat Untuk Kemajuan Saya

 

Editting By candra Since february 2009 | On My Blog | Template by techknowl | Original Wordpress theme byBrian Gardner