Hari nie aku nak bagi sedikit panduanlah bagaimana nak memasang atau meletakkan icon atau image pada tajuk di sidebar. Cuba lihat contoh dibawah bagaimana image atau icon akan dipaparkan dibahagian sidebar blog anda.
Macam biasa 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',[...]Memasang icon atau image pada tajuk di sidebar
.sidebar h2{
color: #000;
font-size: 13px;
font-family: Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 4px 5px 4px 35px;
border-bottom: 1px solid #C0C0C0;
letter-spacing:0em;
text-transform:capitalize;
nota: Untuk kemudahan anda mencari perkataan sidebar, sila klik butang ctrl dan F, kotak find akan dipaparkan, masukkan perkataan sidebar dan kemudian klik pada butang find next. Setiap template adalah berbeza codingnya dan perkataan sidebar adalah digunakan sebagai panduan sahaja.
6. Tambahkan kod ini di dalam seksyen tersebut:
background:url('http://i295.photobucket.com/albums/mm154/myinc2u/right_arrow.gif') no-repeat left;
7. Ia akan menjadi seperti dibawah:
.sidebar h2{
color: #000;
font-size: 13px;
font-family: Verdana;
font-weight: bold;
margin: 0px 0px 5px 0px;
padding: 4px 5px 4px 35px;
border-bottom: 1px solid #C0C0C0;
letter-spacing:0em;
text-transform:capitalize;
background:url('http://i295.photobucket.com/albums/mm154/myinc2u/right_arrow.gif') no-repeat left;
8. URL diatas adalah sebagai contoh sahaja. Tukarkan code berwarna merah diatas dengan URL image anda dan kod padding harus ditukarkan mengikut kesesuaian blog anda.
9. Klik Save Template
Lihat hasilnya. Semoga berjaya.
Baca selebihnya...
Subscribe to:
Posts (Atom)
