Hari nie saya nak beri sedikit ilmu bagaimana hendak meletakkan image gambar disebelah tajuk post.
Contoh image disebelah post.
Gambar atau image yang berada dihadapan tajuk post akan mencantikkan lagi tajuk blog. Ok jangan buang masa lagi, sila ikuti panduan dibawah:
1. Login ke blogger.com
2. Masuk menu Layout.
3. kemudian masuk menu Edit HTML.
4. Klik pada kotak Expand Widgets Templates.
5. Cari Code yang seakan dibawah ini.
Obama Will Change Busf Policy
U.S. President Barack Obama will change several numbers of controversial policies by President George W. Bush, including the restriction of the parent embryo cell research [...]
Beyonce Will Never Sell Her Wedding Photo
Beyonce said, she will never consider to sells her wedding photo with Jay-Z to a celebrity magazine that offering a large amount of money as rewards, even she wonder with the amount of money that offered to her [...]
Guns N 'Roses Will Back
After 15 years not releasing album, the group rock Guns N ' Roses will launch a new album in the United States on 23 November. The band's latest album is "The Spaghetti Incident", released in 1993 [...]
Ipod Can Make Your ear Buzz
Music is one way to wake the spirit, to create happy life, but what happens if the music makes the ears buzz? of course, not the music that makes the ear 'buzzy',[...]Meletakkan image gambar dihadapan tajuk post
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#0000;
6. Tambahkan kod ini di dalam seksyen tersebut:
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;
7. Ia akan menjadi seperti dibawah:
.post h3 {
margin:.5em 0;
padding:30px 0px 0px 45px;
font-size:120%;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#0000;
height:48px;
background:url(http://www.iconarchive.com/icons/mayosoft/aero-vista/TextoPlano-48x48.png) no-repeat left center;
8. URL diatas adalah sebagai contoh sahaja. Tukarkan code berwarna merah diatas dengan URL image anda dan kod height harus disesuaikan mengikut blog anda.
9. Tukarkan padding mengikut kesesuaian gambar yang akan dipaparkan pada tajuk post.
Jika blog anda tidak mempunyai padding maka tambahkan kod seperti dibawah.
padding:48px 0px 0px 45px;
10. Setelah Semua selesai Klik Save Template
Lihat hasilnya. Semoga berjaya.
Subscribe to:
Post Comments (Atom)
Bro camana nak buat kotak drop down..
mekasih bro.