Cara Memasang Icon sebelum Judul Blog - Memasang icon sebelum judul artikel cukup bagus untuk mempercantik tampilan blog kita, terutama bagi yang suka dandani blognya Bagi anda yang ingin memasang icon atau emoticon sebelum judul artikel atau postingan,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:
1. masuk ke akun blogger anda
2. Masuk ke bagian Template >> Edit HTML
3. Sobat Backup template supaya mencegah terjadinya kegagalan
4. Cari kode .post h3 atau .post h2. Kode post tiap template berbeda beda, kadang ada yang menggunakan h2, h3, atau bahkan h4.
Cari 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;
}
5. 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;
}
Catatan:
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
5.Save template lalu simpan perubahan,Selesai
Catatan :
Gunakan gambar ukuran 40px x 40px. Ini akan lebih baik jika Anda menggunakan sebuah gambar dengan latar belakang putih karena akan terlihat bagus.
Oke sobat gimana,sangat mudah bukan,itulah tadi Cara Memasang Icon sebelum Judul Blog .sebab dengan mengganti iconatau 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.selamat mencoba,semoga bermanfaat
Belum ada tanggapan untuk "CARA MEMASANG ICON SEBELUM JUDUL BLOG"
Post a Comment