Dua cara membuat profile keren di template editblog SOHO

Tampilan Profile penulis pada sidebar kiri halaman editblog SOHO

1. Profile blogger bawaan
Cara membuat:

1. Masuk ke pengaturan template editblog SOHO
2. Pilih layout atau tataletak
3. Pilih tambahkan gagdet 
4. Pilih gagdet profile
5. Biarkan berada paling atas sidebar

Profile ini akan muncul pada saat dibuka melalui PC dekstop, Laptop, dan tablet dalam posisi landscap, namun tidak akan muncul pada layar yang lebih kecil seperti ponsel atau hape, tablet pada saat di posisi portrait. Membuat template ini menjadi tampak professional.

Save tema.

Merobah ukuran tampilan profile
ukuran gambar atau thumbnail profile pada template editblog - SOHO dapat dirobah melalui halaman editor HTML. Masuk ke pengaturan blogger>pilih tema>pilih edit HTML, lalu cari kode berikut dibawah ini:

.widget.Profile .team .default-avatar-wrapper,.widget.Profile .team .profile-img{
border-radius:50%;
float:$startSide;
height:80px;
width:80px
Position: fixed;
}

 Robah angka 80 jadi 100, 150 atau 40 saja terserah keinginan sobat. Save template.

2. Membuat profile team

Profile team maksudnya adalah jika terdapat dua orang atau lebih yang mengelola blog anda seperti contoh blog editblogtema yang dikelola oleh Sofyan dan Anissa.

Caranya hanyalah dengan cara menambahkan penulis atau pengelola baru pada blog anda. Undang penulis melalui pengaturan atau dasbor blogger:

1. Pada pengaturan blogger pilih setting
2. Pilih basis
3. begitu masuk basis pilih tambahkan penulis:

Teman atau seseorang yang diundang akan menerima notifikasi melalui email GMAIL yang dia miliki sebagai ID blogger, begitu dia accept atau menerima dia akan menjadi penulis pada blog kita. Dan setiap kita memasang profile bawaan blogger, profilenya juga akan hadir bersama sama dengan profile kita.

Save template.

MEMBUAT WIDGET  PROFILE PADA FOOTER:

Langkah pertama letakan CSS style berikut diatas </head>

 <style>
.avatar {
vertical-align: middle;
width: 50px;
height:auto;
border-radius: 50%;
}
</style>

Lalu lalu masuk ke pengaturan/dasbor  blogger:

1. Pilih tataletak
2. Pilih tambahkan widget/gagdet
3. Pilih HTML/JavaScript
4. Pada blanko kosong widget HTML/JavaScript yang muncul pastekan kode dibawah ini kedalamnya:

<center><h>Constributors:</h></center><center><a href="#"><img src="#" alt="Avatar" class="avatar"/></a>
<small> Sofyan Ya-an & Anissa </small><a href="#"><img src="#" alt="Avatar" class="avatar"/></a></center>

Ganti lambang # yang disorot warna kuning dengan link profile blogger anda atau rekan pengelola blog anda.
Ganti lambang # yang disorot warna biru dengan link gambar profile anda atau rekan pengelola blog anda

Caranya:
Langkah ketiga Cara menambahkan URL atau link profile blogger milik sendiri:
Langsung saja akses halaman blog teman teman, pada bagian bawah konten atau artikel lihat kebagian komentar.
Klik profile anda sendiri atau rekan pengelola blog anda

contoh:

Image profile kita pada komentar blog.

Begitu profile di klik, teman teman akan masuk ke URL atau link profile milik sendiri copy alamat pada bar, contoh milik aku:

URL profile blogspot

Hapus kode # yang aku sorot kuning pada langkah kedua diatas ganti dengan alamat URL profile blogger teman teman sendiri.

Langkah selanjutnya menambahkan URL atau Link image/gambar blogspot ke kartuSelanjutnya adalah cara mengambil link atau URL image/gambar dari profile blogspot diri kita sendiri agar kartu yang kita buat memiliki gambar profile asli blogspot.

Masih melalui edit profile pada bagian bawah image atau gambar profile klik tampilkan layar ukuran penuh:

Maka akan muncul tab atau halaman baru perhatikan bagian atas bar alamat URL copy link tersebut

URL link gambar atau image disorot kuning

Perhatikan baik baik link gambar formatnya harus diawali https://1.bp.blogspot.com/...dst.... gunanya ya untuk menampilkan image profile
Ganti llambang # yang aku sorot biru diatas pada langkah kedua dengan link teman teman sendiri melalui cara ini.
Save template
Geser atau drag widget ke bagian footer atau paling bawah tataletak blogger anda.
Sekali lagi jangan lupa: Save tema.

Ingin melihat Hasilnya? Scroll blog ini hingga batas bagian footer atau paling bawah halaman dan cobalah klik ikon atau kedua avatarnya.

Selamat ngeblog: Salam dari Saya Anissa.

www.editblogtema.net