Tutorial : Post Title Background

okaii , jom start : firstly korunk kene pergi ke Dashboard > Design > Edit HTML *tick expand widget thenn let we start to put the coding :

click CTRL + F to search this code :
 .post-title {  or  h3.post-title
then , copy this code bawah the .post-title { :
border: 1px dashed #BDBDBD;
background: url(URL IMAGE);
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-left: 1px solid #999999;


Unggu : Die punye border ... klaw nak tuka bole klik sinie
Biru : tak payah tuka lagi bagozz !
Merah : boleh pilih mane yang korang suke dkad bawah nie ~

 

 <a href="http://media.photobucket.com/image/pink stripes background/Hizatul_killjoys95/pink_diagonal_stripes_seamless_background_pattern.jpg?o=33" target="_blank"><img src="http://i1193.photobucket.com/albums/aa352/Hizatul_killjoys95/pink_diagonal_stripes_seamless_background_pattern.jpg" border="0"></a>



 <a href="http://media.photobucket.com/image/purple background/carolyn102101/purple_hearts_wallpaper_background_seamless_0.gif?o=6" target="_blank"><img src="http://i1098.photobucket.com/albums/g380/carolyn102101/purple_hearts_wallpaper_background_seamless_0.gif" border="0"></a>


<a href="http://s1234.photobucket.com/albums/ff408/LyssaFaizureen/?action=view&amp;current=lyssasquarepink.png" target="_blank"><img src="http://i1234.photobucket.com/albums/ff408/LyssaFaizureen/lyssasquarepink.png" border="0" alt="Photobucket"></a>

semoga berjaya :)

No comments: