Discussions
create personal template
Posted by pandora106 • 6/27/09 • Subscribe to this Discussion [RSS] • Report This Topic
Topics: blog, graphic, template
How do I go about making my own personal template? I'm on Ubuntu so the graphics program I'd be using is Gimp.
User Comments
-
If you are not skilled in HTML and CSS then I suggest that you seek out the services of a web designer.
-
Now this is something I have a bit of experience with. I'm horrible when it comes to building things using html or css, but I've always been able to rip through already built templates and such to tweak with things I want. The trick is taking what you want and just placing it in the right section, all there really is to it. Most template creators will allow you to tweak their templates so long as you don't remove the credit section.
But to answer your question yes. You can use sites like photobucket to upload your images after you design them(it's the site I use and always have, very easy to use) and then simply take the image url from the page there(just click the box with the link and it auto copies for you)and find the correct placing of the background image in the code and just swap out the original image link with your own.
My best advice is to create a back up of your template before you do this. After that if you have a preview option to editing your html constantly use that as a reference and just start finding the background image codes and swapping and reverting the links until you find in the preview you've found the right position for your own custom background image.-
I'm on bloglog and when I go into the html, there is no where to upload a file. What it's done is gone to the web site if that makes sense.... background:#fff url("http://www1.blogblog.com....... so to me it looks like I need to have my image on a web site before I can change the background in my blog. I'm a little new at this kinda stuff but since I use Linux I have a basic understanding of html.
-
-
K so like you saw there, where it says "background:#fff url(.....) you would take your background image and upload it to something like photobucket.com. From there you take the photobucket image url and replace the (.....) with yours, preview and if it matches the background section you wanted, save and you're good.
-
I guess A better representation of this is first goto photobucket.com and register if you don't have an account there already. After that upload your desired image and after it's up, go underneath it and there should be 5 boxes with links for img source, html link, embed link, etc. Take your html link and copy it and head back to your html for your blog.
Next search through your html for something like this:
"body {background:#000 url(1.bp.blogspot.com/_qTWVg4q5lCo/SOVSLfKENMI/AAAAAAAABjA/oWLvaujcxQg/s1600/bg...)"
It might appear differently in your html, but that's just a quick body location of the background for mine. Once you find that section take the link you just copied and replace the url with yours.
After that if you have the option preview it and if it's in the correct location save and you're all set.
Add Your Comment
Login to leave a message.


