Cara memasang icon atau gambar di judul post

Gambar sebelum judul postingan
Menambahkan gambar profil penulis atau logo blog di sebelah kiri judul posting blog dapat meningkatkan tampilan blog Anda lebih indah dan memberikan sentuhan profesional untuk posting blog Anda. Itu benar-benar membantu untuk membangun pembaca blog Anda karena keharusan untuk mendapatkan kepercayaan pembaca. Ketika mereka meluncur ke blog Anda untuk membaca posting, mereka harus merasa bahwa ada seseorang yang bersedia untuk membangun blog ini. Jangan pernah mereka merasakan blog seperti mati, tanpa mengetahui siapa author atau adminnya. Jika Anda akan menambahkan gambar profil penulis sebelum judul posting blog maka mereka akan melirik anda dan mencoba untuk berkomunikasi dengan Anda untuk setiap pertanyaan atau umpan balik mereka. Apakah anda tertarik untuk memasangnya ? Jadi mari kita lihat bagaimana cara menambahkan gambar atau avatar disetiap judul posting di blogger.

Memasang sebuah gambar dipinggir judul post

Untuk memasangnya, anda harus mengikuti step by stepnya, berikut tutorialnya: 
  • Pertama tama masuk ke akun blogger anda
  • Masuk ke bagian Template >> Edit HTML
  • Backup template supaya mencegah terjadinya kegagalan
  • Lalu tekan Ctrl+F dan tulis kode .post h3 atau .post h2. Kode post tiap template berbeda beda, kadang ada yang menggunakan h2, h3, atau bahkan h4 mungkin :D
  • Anda akan menemukan kodenya mirip seperti dibawah ini:

.post h3 {
color: #7CA2C4;
font-size: 20px;
font-family: Arial, sans-serif;
font-weight: normal;
margin: 0px;
padding: 0px 10px 0 47px;
}

  • Lalu ganti kode tersebut dengan kode dibawah ini:

.post h3 {
background:url(Image URL) no-repeat top left;
color: #289728;
font-size: 20px;
font-family: Arial, sans-serif;;
font-weight: normal; height:45px;
margin: 0px;
padding: 0px 10px 0 47px;
line-height:1.1em;
}

  • Anda dapat mengganti Image URL dengan URL gambar atau icon anda.
  • Kode berwarna biru, adalah posisi gambar, anda dapat mengganti left (posisi berarti sebelah kiri) dengan right untuk posisi berada disebelah kanan judul post
  • Langkah terakhir, anda tekan tombol save template
  • And You are done!


Perhatian:
Gunakan gambar dengan ukuran 40px x 40pxIni akan lebih baik jika Anda menggunakan sebuah gambar dengan latar belakang putih karena akan terlihat bagus.

Last Words

Bagaimana? sangat mudah sekali bukan? Jadi kesimpulannya, dengan gambar yang anda buat dipinggir judul post membuat seolah olah post itu benar benar milik anda atau bisa dikatakan isi dari postingan terjamin karena ada foto tersebut. Saya mencoba yang terbaik untuk membuat tutorial ini sesederhana mungkin untuk dapat anda pahami. Jika Anda masih menghadapi masalah untuk Cara memasang icon atau gambar di judul post. Maka jangan ragu untuk bertanya kepada saya. Tinggalkan komentar di bawah posting ini dan saya pasti akan membalas Anda jika ada waktu yang memungkinkan. 

Sekian post tentang Cara memasang icon atau gambar di judul post. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata, semoga tulisan ini dapat bermanfaat bagi anda. Tetap terhubung dengan Ujangyoyo karena akan ada postingan baru yang lebih menarik. Happy Blogging friends!


Share this

Related Posts

close