Making a Banner with your Photo
January 9th, 2008
This tutorial will teach you how to put your photo at the top bar graphic (or banner) in your multiply. If you have questions, just leave a comment below.
Entry Filed under: Henry Louis Reyes, Tutorials
67 Comments Add your own
1. yayaya | January 30th, 2008 at 8:40 pm
ok lng[Reply]
2. guy | February 3rd, 2008 at 11:29 pm
Hi po! I like your theme layout! Nice and cool..thanks a lot..:-)
[Reply]
3. angel | February 7th, 2008 at 7:57 am
how to put it on my profile??
[Reply]
4. admin | February 7th, 2008 at 6:34 pm
once you have it done, upload it to any uploader like photobucket or even multiply.
get the URL of your banner image.
then paste it on your CSS on this part of the code:
div.owner_nav {
background: url(http://locationofyour image);
[Reply]
5. sam | February 18th, 2008 at 3:08 am
hi there . can’t wait for the tutorial on how make a theme . i need it asap . (just kidding . hehe . ü ) hmm . are you using dreamweaver in making themes ?? i just wanna know . thanks . üüü
[Reply]
6. lileth | February 25th, 2008 at 12:07 am
nice!
[Reply]
7. spice_sweet | March 9th, 2008 at 7:50 am
how can i put it in my profile?
[Reply]
8. tmay | April 6th, 2008 at 6:54 am
hi! cool! you taught me something really with this vid! im glad i watched it! =)
[Reply]
9. tinz888 | April 14th, 2008 at 6:20 am
Hi! this tutorial is very helpful and i would like to download the video so i can continue it at home -we dont have internet connection at home po kc,
Would you send me a file so i can practice more at home? or is there a way i can download it at youtube? kasi i was trying to download it but it said:YouTube direct download service is no more available. please help! wud really like to learn.
thank you so much!
[Reply]
10. pringles | May 6th, 2008 at 12:15 pm
yey! i did it. hihi. thanks.
[Reply]
11. gwayz | May 13th, 2008 at 5:07 am
is it suppose to be in gif? or in jpeg? i can’t see my banner on the headshot?help!
[Reply]
12. ahsile | May 13th, 2008 at 5:30 am
tnx.. very useful!
[Reply]
13. pauline | May 15th, 2008 at 1:46 am
should it be photoshop cs2?
[Reply]
14. rustoni | June 1st, 2008 at 8:44 am
pano magiging fixed ung banner?
[Reply]
15. simplyjacy | June 5th, 2008 at 10:28 am
you may use other photo-editing software. photoshop cs2 is just one of the many software that you can use. GIMP is a free software so you might want to download it if you don’t have any other software.
as for making the banner fixed, we do understand that when we talk about banners, it is the top most part of your page right? do you want it to be in a fixed position that even if you scroll down, your banner will still be visible?
look for this code in your CSS and simple add the word fixed:
div.owner_nav {
background: url(http://locationofyour image) fixed;
[Reply]
16. christian | June 27th, 2008 at 9:53 am
pinoy ka ba? ung bg music m kasi from the band bamboo.. hallelujah..
[Reply]
17. simplyjacy | June 27th, 2008 at 5:31 pm
Henry is pinoy like you and me. hehehe!
[Reply]
18. purpleLANGAW | June 28th, 2008 at 1:40 am
uhm,whats the ideal size of the banner used in multiply?
[Reply]
19. Milo | June 29th, 2008 at 7:45 am
Now all I need to know is how to make a good graphic
Salamat po!
[Reply]
20. simplyjacy | July 8th, 2008 at 7:21 pm
the banner size would be dependent on your base theme. the height doesn’t matter much. just make sure you have the same width with the other parts of the theme like body and footer.
[Reply]
21. bertha | July 12th, 2008 at 3:16 am
………….how paano po
[Reply]
22. ralph jon | July 22nd, 2008 at 7:51 am
i’m having a problem with my banner size. how do you edit the size of the banner so that the picture fits perfectly? what does “padding” mean in CSS anyway?
[Reply]
23. nikki:3 | July 25th, 2008 at 10:52 pm
whatda!?? the banner is not cute.:(
[Reply]
24. charm | July 28th, 2008 at 8:47 am
when creating a banner in adobe, what should the size of the banner should i create??.. tnx!
[Reply]
25. meimei | August 1st, 2008 at 1:57 am
i just would want to know…how can i make my own banner using adobe photoshop version 6.0?? i find it quite hardto create a banner using that version… hope you can help me out… thanks a lot
[Reply]
26. injhay | August 1st, 2008 at 6:14 am
Thanks… I liked it
[Reply]
27. injhay | August 1st, 2008 at 6:23 am
bakit di ko makita yun pinost ko na banner? dun ko naman sya nilagay sa backgroun sinunud ko naman un..
[Reply]
28. carmela | August 6th, 2008 at 3:37 am
what is appropriate size of the banner?
[Reply]
29. TJ | August 6th, 2008 at 5:17 am
Hi, why is that i cannot see the tutorial, its blank. hope you can email or message me the guide for making the photo a banner. please. Thanks
[Reply]
30. wendell john frando | August 6th, 2008 at 12:20 pm
i wish there was a mac version of the instructions as well.
[Reply]
31. simplyjacy | August 6th, 2008 at 1:27 pm
appropriate size of the banner is dependent on your base theme. the height is not important as long as you have the height on the div.owner_nav adjusted to the same dimension.
the width should be the same as the other parts of the theme like the body. or else you will see misalignment.
to know the appropriate size of the banner, check on the CSS of the theme that you are planning to customize like base theme for example.
[Reply]
32. simplyjacy | August 6th, 2008 at 1:28 pm
this banner image that you have created should be placed on the div.owner_nav portion of the CSS not the body.
[Reply]
33. cel | August 14th, 2008 at 4:25 am
how?
[Reply]
34. jocomo | August 22nd, 2008 at 2:04 am
what a nice voice.. common agree with me guyz..
nice tutorial..
[Reply]
35. nylrig | August 28th, 2008 at 6:15 am
huhuh!!!i cant see the video!!!huhuhu!!!
[Reply]
36. richavena | August 31st, 2008 at 8:39 am
thanks… very helpful indeed…
[Reply]
37. trinaa | September 17th, 2008 at 3:10 am
hi jacy. bakit po pag pinapalitan ko yung banner ng “live laugh love” theme ng sarili kong banner tapos pag nasave ko, hindi po nag-aappear yung banner na ginawa ko?
[Reply]
38. mary ann | September 30th, 2008 at 4:33 am
i cant get it… help pls
[Reply]
39. mary ann | September 30th, 2008 at 6:41 am
hindi ko ma gets eh,,, how to cut some parts of the photo then paste it in the othr photo… hmmm i cannot…
[Reply]
40. !@#$%^&*() | October 14th, 2008 at 10:06 pm
huy tagal mag load
[Reply]
41. mansky | October 18th, 2008 at 1:48 am
hi…s mga gsto mgpturo..ng photoshop..add nyo s friendster..heheheh
manski_friendster@yahoo.com
[Reply]
42. aysus | October 18th, 2008 at 11:48 am
what the! its the codes that i am more interested, how do you work that out with codes????
[Reply]
43. simplyjacy | October 22nd, 2008 at 4:30 pm
if you are more interested with the codes, start here:
Your Page and CSS Code
[Reply]
44. Teri | October 25th, 2008 at 11:39 am
Hello I’m new at this wonderful site. LOL I would like to learn how to make my own theme. Can I use Paint Shop Pro? Please email me @ lifegoeson4808@aol.com to answer my question.
[Reply]
simplyjacy Reply:
October 30th, 2008 at 1:11 am
hello terri!
yes you can use whatever imagine software you have. to give you an idea how to make your own theme, howabout checking this one out?
>a href=”http://multiplythemes.com/tutorials/step-by-step-guide-on-making-your-own-theme-1324/”>Step-by-Step Guide on Making your Own Theme
[Reply]
45. tonette | October 26th, 2008 at 10:25 am
sana kitang mabuti yung video. medyo malabo kasi.
[Reply]
46. angel | November 5th, 2008 at 9:47 pm
hello can u make me a banner…sad to say i cant play ur video..thankz
[Reply]
47. eve | November 10th, 2008 at 11:14 pm
hi…i like y0ur themes. i am using the my scribbles banner 0f y0urs by simplyjacy but the margin is n0t aligned…please help me fix the theme..thaks and m0re p0wer t0 y0u always….
[Reply]
simplyjacy Reply:
November 10th, 2008 at 11:26 pm
hi eve!
i checked your site and the reason why it is repeating and not aligned well is because the the dimension of your banner is not 770×425 like the original banner image.
if you try to download the banner and keep it’s dimension, it will fix the problem.
[Reply]
48. eve | November 10th, 2008 at 11:21 pm
am having a hard time fixin 0n h0w t0 adjust the margin….i like y0ur theme a l0t especially the banner! i fixed it many times already but still i c0uldnt get it d0ne. grrrrrr…. please help!
[Reply]
49. Ms. Monette | November 11th, 2008 at 12:29 am
Hi..just want to know if there will also be tutorials for mac users? thanks!
[Reply]
50. Lea | November 15th, 2008 at 9:35 am
if you don’t have a adobe you cannot do it?
[Reply]
simplyjacy Reply:
November 16th, 2008 at 3:53 am
you can do it using other photo-editing software like Gimp and others. just use your creativity.
[Reply]
51. evita | November 20th, 2008 at 7:19 am
hey there! where can i download adobe photoshop cs2??please reply
[Reply]
simplyjacy Reply:
November 20th, 2008 at 7:05 pm
Usually, Adobe Photoshop products are not downloaded free. they need to be purchase.
however, you can try to see if this link works: Adobe Photoshop CS2
[Reply]
52. ingrid | December 4th, 2008 at 8:26 am
how can i make a multiply theme or layout?
[Reply]
simplyjacy Reply:
December 5th, 2008 at 12:58 am
this should be of help:
Step-by-Step Guide on Making your Own Theme
[Reply]
53. carmela | December 23rd, 2008 at 11:56 am
can this be done with photoscape? coz i’m having a hard time using gimp. it’s not that user-friendly, you know? :)) and can you please post the dimensions for the banner, footer and other stuff.
thank you. thank you.
[Reply]
simplyjacy Reply:
January 7th, 2009 at 5:19 pm
yes. it can be done with any photo-editing software of your choice. with regards to the banner and other page elements, it actually differs depending on the base theme that you are using. to know it, check on the code of your base theme and see the width of each section. the height could be of your choice but make sure you change the values in the CSS later on.
[Reply]
54. kim | December 24th, 2008 at 3:35 am
HAH?
where would I post it??
[Reply]
simplyjacy Reply:
January 7th, 2009 at 5:22 pm
post the image at the background tag of your div#owner_nav
[Reply]
55. mikka | December 26th, 2008 at 11:31 pm
hi. just want to ask, how can i use my own picture as my banner?
[Reply]
simplyjacy Reply:
January 7th, 2009 at 5:28 pm
did you follow the tutorial above?
if you have done so, you can then use the image as your banner.
look for this code: div#owner_nav {
background: url(”urlofyourimage”);
[Reply]
56. Raeann | December 29th, 2008 at 10:32 am
HOW CAN I PUT THE BANNER IN MY mULTIPLY PROFILE?
[Reply]
simplyjacy Reply:
January 7th, 2009 at 5:49 pm
look for this code in your CSS:
div#owner_nav
then at the background tag, replace the url with the url of your banner image.
[Reply]
57. tanya | January 2nd, 2009 at 10:32 am
this is a great help! thanks a lot!
[Reply]
58. regine | January 4th, 2009 at 5:37 am
hi. can i ask what program did you use in making this tutorial? how did you record this video?.. i’m planning to do the same thing in our thesis. hope you can tell me.. tnx in advance!
[Reply]
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
Trackback this post | Subscribe to the comments via RSS Feed