Mungkin karena akhir-akhir ini terlalu sibuk, jadinya otak serasa susah banget buat diajak nyari ide. Tapi setelah sedikit menenangkan diri, akhirnya dapet juga ide buat posting dan blog inipun masih bisa update tiap harinya.
Tutorial kali ini sangatlah sederhana dan mungkin terkesan sangat simple.
Ea sesuai judulnya, kita akan mencoba untuk memberikan icon gambar di tiap judul posting.
Sebenarnya ada 2 cara yang bisa digunakan, silahkan pilih cara yang menurutmu mudah
Via HTML pada elemen posting .
- Langsung ke Blogger kamu dan masuk ke menu Rancangan
- Pilih Edit HTML
- Jangan lupa tandai checklist "Expand Widget Template"
- Cari kode <data:post.title/>
- Dan tambahkan kode HTML gambar disamping kode diatas tadi
- contoh kode html gambar:
<img src="http://alamat.gambar.kamu.gif" width="45" hight="45" border="0" />
- Warna merah silahkan diganti dengan alamat gambar yang diinginkan.
- Simpan template
- Cari kode css berikut ini:
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
- Gak semua kode cssnya seperti itu, intinya cari css yang diawali .post h3
- tambahkan kode gambar di bawahnya sehingga kurang lebih menjadi:
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
background:url(http://alamat-gambar.kamu.png) no-repeat left center;
- Warna merah silahkan diganti dengan alamat gambar yang diinginkan.
- Simpan Template
Postingan
0 komentar:
Posting Komentar