Cara menambahkan gambar disamping judul posting blog.
Gambar diatas dengan lingkaran merah adalah contoh gambar yang ditempatkan di samping kiri posting blog, gambar tersebut akan muncul di setiap posting blog yang ada. Akan saya coba jelaskan secara detail, agar bisa di mengerti. Ikuti langkah-langkah dibawah ini.
- Login ke blogger, ke pangaturan template.
- Selanjutnya klik edit HTML dan cari kode ]]></b:skin> dan pasang kode berikut di atas kode ]]></b:skin> h3.post-title { background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgchW6rkGQX8MJXix4HABrD8LmZCgNLAKyXmKnGyeqbg6OJepHEWVf5GVA6FxfSqO5irHX7I0yRYH02jESLktT3A7DiQ9B7yTIASrGHoDEukunmGR0K7owIXGqyXgwi1GMIG05DrJN7ByWG/s1600/32x32.jpg")no-repeat;padding:10px 0px 0px 40px;}
- Save template, Selesai.
- Keterangan kode langkah 2: url("gambar.jpg") adalah kode url sumber gambar yang akan digunakan. no-repeat membuat gambar tidak berulang. padding:10px 0px 0px 40px; mengatur posisi tulisan judul posting.
- right untuk bagian kanan.
- center untuk bagian tengah
Itulah sedikit cara untuk mendesain blog sendiri, dengan menambahkan gambar disamping judul posting blog, yang akan muncul disetiap posting artikel yang ada di blog. Silakan baca juga cara membuat tulisan bayangan di blog di judul, deskripsi blog bagian tab, sidebar dikiri-kanan blog, sampai judul posting, bisa kita beri tulisan bayangan. Semoga Bermanfaat.
Categories:
