Tuesday 2 April 2013

Tutorial : Tukar Sidebar Title kepada Image ( Blogskin )





Assalamualaikum . Hai semua ! Takde apa nak dicakapkan . Hahaha . Baru balik dari msyed . Terasa nak buat tutor ni pulak . Okay , let's start . 


1. Dashboard > Template
2. Press F3 dan cari code </style>
3. Sekarang copy code di bawah ni
.cutie {
background: #ffffff;
color: #666;
font-size: 11px;
padding: 4px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
4. Paste di atas code </style>
5. Then , cari code title sidebar korang . Contoh aimi ''Owner (Kak Yong)'' . Nanti korang akan nampak title sidebar tuh . Tak faham ? Ini contohnya :

click untuk tumbesaran

6. Dah buang ? Okay , sekarang copy code kat bawah ni untuk gantikan code yang korang dah buang tadi
<div class="cutie"><center><img src="URL IMG"></center>
7. Preview & save .

Contoh gambar yang korang boleh guna .

 
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzd353ODw1NmTCZn87PuHM5VYrEprU0gL6uMhmUjP1JMzkUOFVxpoFUwNPLFWZAZ8i7TP5xoPbHFhEGOpDTftn-AbHBcmkC-zuWz4clW6ivdxtOjlOLPQYCnjM3NjSLegKGDtuBVczUQ4/s1600/pink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCMM3mmEahAVdrciP2xiWJxp9zts2YNDV43O9FEHw_3oVmW4gl2Ty0Fz0mwJwIMFwGmFP74jt1vksAC7oQHUQF-WAbqQA40vMNxGFdsJLrtysEne4eXDivo3sP8d2BSZQXz7jk4Eo9JyU/s1600/purple.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6WI9jaOSMFdjM448S95mR1afjsVpWWon9VrMLWN_AYA45Bx5UkoXPNW1LtDtm3ALEciRR5DBQY0SjPbEuWlHABk0mP-RkGJGIunRsYZHWQ7K9sS8TcEiqc64tSJIX6XmSVieo4dktuw/s1600/yellow.png


credit to : AtiQahJaidin

2 comments:

Unknown said...

salam . nak tanya . yang kat atas tu awak buat guna font apa. saja tanya . thankz :)

Aimi Rahim said...

@Khairun Nadhirah: Yang atas yang mana ye?