Cara Mengatur Foto Profil Blogger di Template Tokopedia

 Buat Anda yang baru saja membuat akun di blogger.com, Biasanya sering saya temui yang belum mengatur data foto profile nya di blogger, dan apabila tidak diatur maka foto profile biasanya akan tampil secara default | standar.

Untuk mengaturnya, Anda bisa ikuti cara yang saya jelaskan dibawah ini.

Mengatur Data Profil Blogger

Buka Blogger > Setelan | Pengaturan > Setelan Pengguna > Profil Pengguna > Klik ” Edit ”




Edit Profil Pengguna

Privasi

  • Bagikan profile saya > Ceklis
  • Tampilkan alamat email saya > Biarkan saja
  • Tampilkan blog saya > Terserah Anda
  • Perlihatkan situs yang kuikuti > Biarkan saja

Identitas

  • Nama Pengguna > mengikuti isi alamat email
  • Alamat email > Isi dengan alamat email
  • Nama Tampilan > Nama Anda | Gelar, ini nantinya akan mewakili diblogger

Foto Profil

  • Upload foto profil Anda, usahakan ukurannya yang sedang sekitar [ 100px ]

Informasi Tambahan

  • Perkenalkan diri Anda > Cukup isi kolom ini dan jelaskan siapa Anda. Saran dari saya cukup kasih [ Nama Kota – Kecamatan ]

Untuk data yang lainnya, tidak akan masalah kalau tidak di isi, yang perlu hanya nama sama foto profile saja.

Klik ” Simpan Profil ”

Buka Tata Letak > Widget Postingan Blog > Edit > Ceklis [ Tampilkan Profil Pengarang Di Bawah Post ] > Simpan



Maka foto profile akan muncul seperti contoh gambar dibawah ini yang saya beri tanda panah merah.













Comments

Post a Comment

Popular posts from this blog

Penjelasan Postingan Produk Template Tokopedia

Image
  Penjelasan : #URL-FOTO-PRODUK  Adalah URL Foto Produk, Usahakan ukuran foto lebar dan tingginya  700px x 700px  /  300px 300px   – Lihat contoh ukuran gambarnya  disini content=” 205000″ Ganti angka  205000  dengan harga produk tanpa tanda [,]  Koma  | [.]  Titik Rp.205.000 Ganti angkanya dengan harga produk menggunakan simbol mata uang [ Rp ]. <div class="harga-tetap">Rp200.000</div>  – Jika produk memiliki potongan Harga, maka edit angka [ Rp200.000 ] dan jangan dihapus. <i class="fa fa-star"></i>  – Ini adalah icon bintang nilai riview Produk, Jika ingin menambahkan / menggurangi jumlah bintang, silahkan hapus  <i class="fa fa-star"></i>  | tambahkan. Icon menggunakan  FontAwesome . Cara Membuat Kode HTML Otomatis Tersimpan di Blogger Agar kode HTML otomatis tersimpan di blogger, Anda perlu menyalin kode HTML diatas ke dalam pengaturan  Template Entri . Lebih jelasnya bisa  baca lebih lanjut . Nanti kode HTML produk
Read more

Cara Membuat Halaman Kontak Template Tokopedia

Image
  Disini kamu harus sudah paham, antara fungsi halaman blogger dan halaman artikel itu sedikit berbeda. Penjelasan singkat Postingan  > Adalah halaman yang akan selalu tampil dihalaman depan beranda blog Halaman  > Ini adalah sebuah halaman yang tidak akan tayang di halaman depan blog, namun tetap bisa diakses sesuai link yang kita buat Untuk membuat Halaman kontak di template bloggger, Anda bisa buka dashbor blogger. Blogger  >  Halaman  >  Halaman Baru Ubah mode halaman menjadi “  HTML   Beri judul halaman ”  KONTAK  ” Salin kode HTML dibawah ini. <div class="contact-form-widget"> <form name="contact-form"> <span class="ctitles">Name :</span> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /> <span class="ctitles">Email <span class="swajib">*</span> :</span> <input
Read more

Cara Membuat Postingan Produk Template Tokopedia

  Sangat disarankan untuk membaca panduan ini, untuk tidak mendapatkan kekeliruan dalam membuat postingan produk di Template blogger mirip tokopedia. Untuk membuat postingan produk langkah-langkahnya sama seperti posting artikel, bedanya hanya saja dibagian kode HTML khusus yang diletakan di dalam artikel. Silakan disimak caranya berikut ini dengan teliti : Login ke ”  Blogger  ” > klik ”  Postingan  ” > ”  Entri Baru  “ Pada editor artikel pilih mode ”  HTML  ” bukan ”  Compose  “ Setelah itu paste kode HTML dibawah ini semuanya, pada bagian halaman artikel  <!--=== ⚠️ [ BACA DULU ] - JANGAN DIRUBAH MODE POSTINGAN KE " Compose " HARUS TETAP DALAM MODE " HTML " ⚠️ ===--> <!--============ 📦 AREA GAMBAR PRODUK ============--> <div class="gambar-produk"> <!--============ 📷 GANTI GAMBAR LINK [#URL-FOTO-PRODUK-1] GAMBAR KE 1 | GANTI TEXT ALT SESUAI JUDUL POST [ alt='Judul Produk' ]--> <a href="#URL-FOTO-PRODU
Read more