| Forums > Help! > "How to use your downloaded blogskin [Guide]" (132 replies)
|
|
|
Ever since we started http://www.photokicho.com we've had our inboxes flooded with "I've downloaded your layout on blogskins but I don't know how to use it... help me?!" So a few months back I wrote a tutorial on how to do so, now I'm posting it here (About time too!). Screenshots are included, click on the link or copy the link location into your browser window.
photokicho help.
In this tutorial, we will cover:
1) Uploading Images
2) Changing the code
3) Uploading to blogger.com
1) UPLOADING IMAGEGS
You need to upload the images onto your own server. People read that sentence and go "I don't have a server!!!"
That's fine. There are many websites that offer free Image Hosting. We use Photobucket (http://www.photobucket.com/), but there is also ImageShack (http://www.imageshack.us) that offers free Image Hosting. In this tutorial, we will be using Photobucket.
1) First you need to create an account on Photobucket. They apparently only allow free sign ups at certain times of the day (I'm not sure when), but I hope you do sign up at the right time. Just follow the prompts on their site.
2) You need to sign in. You might think this sounds redundant, but you have no idea how many people I've tried to talk through this without them signing in.
3) Click the browse button.
Screenshot: http://www.fulan.com/photokicho/images/tutorials/blog_install/1.jpg
You then find the images that you have already unzipped, and press ok, and then submit. MAKE SURE THE KEEP ORIGINAL PICTURE NAMES IS TICKED. (or else you'll end up with images with names that look like international phonenumbers)
It's up to you whether or not you will name the image or not. I'll be uploading the images from the Dark Magic layout. Repeat this step until all the images in the zip folder/s is uploaded.
That's it! It's all you have to do to upload an image!
Changing the code
OK, now, get the HTML file, and open it in a HTML editor like Dreamweaver or Notepad. The images we uploaded were:
darkmagic_01.gif
darkmagic_02.gif
darkmagic_03.gif
darkmagic_04.gif
darkmagic_05.gif
So now we have to find where the correspoding image is in the HTML.
Screenshot: http://www.fulan.com/photokicho/images/tutorials/blog_install/2.jpg
OK, Photobucket gives you a set of three codes URL, Tag and IMG. You want to copy all the code in the "url" box.
Screenshot: http://www.fulan.com/photokicho/images/tutorials/blog_install/3.jpg For some strange reason in the screenshot I've circled "Tag" instead, but you want the box above that... ^^
Copy the link in the "url" box. Paste that code where the picture is in the HTML. i.e for the image above, I would take the code tor darkmagic_01.gif and paste it on the the spot where it says "darkmagic_01.gif" in the HTML. So, it should go from looking like this:
[IMG SRC="darkmagic_01.gif" WIDTH=900 HEIGHT=150 BORDER="0" usemap="#map"]
To this:
[IMG SRC="http://img.photobucket.com/albums/v480/friendsandfinance/darkmagic_01.gif" alt="Image hosted by Photobucket.com" WIDTH=900 HEIGHT=150 BORDER="0" usemap="#map"]
*i've used square brackets here, but its meant to be "" instead of "[]"
*The bold bits are the parts that i've (and you should) copy and paste over.
Repeat this with all the images, and then you are done changing the code.
Uploading to blogger
Open a www.blogger.com (http://www.blogger.com/) account. You should come to the "Dashboard" as soon as you log in. It should have your blog listed under the "Blogs" list. Click on the "Change settings" button (it looks like a blue gear) next to the blog you want to change. You should then see four tabs on top (Posting, Settings, Template, View Blog). Click on the "Template" tab and copy and paste all the template code, into the big white box. 
That's it, now you should have a fully functional blog.
I hope that helped those that are starting out in blogskins... happy blogging!
|
|
|
| |
|
| |
|
| |
hi,
im a newbie hehehe... got a problem when i tried to upload the code from my hard drive, n then an error message appear. It says " Pesan error XML: The element type "body" must be terminated by the matching end-tag "" "
wat happen? please help me... thanks in advance
love u
|
| |
| |
|
| |
Hi! I'm a newbie here. How do we even get the basecodes from other blogskinners and the HTML from the blogskin i wanted? Pls Repy ASAP.
Thanks!
|
| |
| |
|
| |
how come when i put a link in the skin i downloaded but when i go to my blog and click on the link it will got to my blog and then slashand my freind's blog?
|
| |
| |
|
| |
umm hello, i hav got one problem.......u said to upload the image to photobucket and i tried and the image won't appear, and i hav oredi signed in. and wad does unzipped mean? sorry, for the inconvenience
Edited 6 months ago. |
| |
| |
|
| |
hi,
i'm new here. i did what you said on the tutorial but i still have a problem.. like this:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "body" must be terminated by the matching end-tag "".
can you help me? thanks!
|
| |
| |
|
| |
"hi,
i'm new here. i did what you said on the tutorial but i still have a problem.. like this:
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "body" must be terminated by the matching end-tag "".
can you help me? thanks! "
if you go to the template page you'll see "convert into classic template". click on it. then paste your code in =D I only found out about this after like... a few months?! xD if yurihime is still here you should edit your post to include this as quite alot of people don't know you have to change it to classic mode. thanks =D
|
| |
| |
|
| |
HELPPPPPPPPPPPP!
I really don't understand a single things tht it had said!!
Hmmm,
i don't really understand so chim .. =x
can it write simpler?!
LOLLLLL =xx
I hope can,.
teach me how to make skins!!
i tried a lot of times making it, but it didn't work )):
How?!!
HELPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
*CRYS*
|
| |
| |
|
| |
HELPPPPPPPPPPPP!
I really don't understand a single things tht it had said!!
Hmmm,
i don't really understand so chim .. =x
can it write simpler?!
LOLLLLL =xx
I hope can,.
teach me how to make skins!!
i tried a lot of times making it, but it didn't work )):
How?!!
HELPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
*CRYS*
|
| |
| |
|
| |
Hey all,
I'm new to this, so I'd be really glad if someone could help me out!!!
I have chosen a skin and I want to put it in my Blogger profile. Now, if I open the "Blogger Main" download then it only shows as the final image, but no HTML. I have a Mac and it opens in TextEdit.
Can anyone help?!
Thank you so much!!!!
|
| |
| |
|
| |
I dunno, I'm not using a Mac.
"HELPPPPPPPPPPPP!
I really don't understand a single things tht it had said!!
Hmmm,
i don't really understand so chim .. =x
can it write simpler?!
LOLLLLL =xx
I hope can,.
teach me how to make skins!!
i tried a lot of times making it, but it didn't work )):
How?!!
HELPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP
*CRYS* "
i suggest you start from editing base codes, don't forget to credit. ... basically this tutorial is about how to upload your images (go to www.photobucket.com), change the html for the picture(s) to your own uploaded one and how to put your skin on blogger (revert to classic template first!!) hope this helps =D
|
| |
| |
|
| |
Hey there! I've tried installin different skins from different contibutors and Blogspot shows me the same mistake over and over. It says they can't install the skin because: The value of attribute "content" associated with an element type "null" must not contain the '
|
| |
| |
|
| |
The value of attribute "content" associated with an element type "null" must not contain the '
|
|
|
| Subscribe To This Thread: RSS 2.0 or Atom (?) |
| This thread has been locked, and no new replies can be posted. |
Home | Top Skins | All Skins | Tags | Forums | Contribute |
About
