Home | Top Skins | All Skins | Tags | Forums | Contribute | About

BlogSkins.com Forums

Search Forums:
Forums > Help! > "How to use your downloaded blogskin [Guide]" (132 replies)
yurihime's icon Author: yurihime
Posted: 2.3 years ago
(link)
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!

Pages: 1 2 3 4

 
 
yurihime's icon Author: yurihime
Posted: 2.0 years ago
(link)
  ikandilys.http://www.lissaexplains.com for basic HTML learning. You can use programs like notepad, dreamweaver and frontpage to code your site.
You've got the design, so you've done step one, so all you need to do now is learn now to code onto that design :)
keep the patience up :)
 
 
lilsugabum's icon Author: lilsugabum
Posted: 2.0 years ago
(link)
  i don't understand how you do it... can you help me or guide me...? my email is lil.suga.bum@hotmail.com if you have messenger add me... thanks...
 
 
sijin's icon Author: sijin
Posted: 1.9 years ago
(link)
  hi, i juz downloaded a skin from blogskin and i had deleted the original template and paste the new html into the big white box. However, after republishing it, what i see on the blog is just the raw skin as seen on blogskin.com. There is none of my personal profile and posts. only the information from the creator. Does this mean i need to change the codes on the html of the downloaded blogskin myself? Why can't the information(eg, profile, pix) i type into the dashboard present itself on the uploaded blogskin? thanks a million!! :)
 
 
masaila's icon Author: masaila
Posted: 1.9 years ago
(link)
  hello. =)

i've just loaded a skin over here, and i loaded the skin for blogger version.
point is, when i opened the file, there wasn't any code or anything. nothing. =/.

i don't know if this has to be with my Mac or sth... but i can't load any skin! =/..

plz! help!
 
 
Ideline's icon Author: Ideline
Posted: 1.9 years ago
(link)
  Can someone help me? I have a blogskin on the page but there's still a template behind the skin and i am seeing two pages now. What should i do? thanks.
 
 
deltaorga's icon Author: deltaorga
Posted: 1.9 years ago
(link)
  i cant go to all the websites. Why?
 
 
deltaorga's icon Author: deltaorga
Posted: 1.9 years ago
(link)
  i cant visit photokicho.com
 
 
myprecioussss's icon Author: myprecioussss
Posted: 1.9 years ago
(link)
  Everytime I paste a code on my tempelate settings my blog appears so small i can barely read my posts what shoud i do.

 
 
missyjac's icon Author: missyjac
Posted: 1.9 years ago
(link)
  How do i put up comments on my blogger website?
I dont know why each time i put a new template, comments doesnt show tho i enabled them and editted the template.
Else ill just switch back to blogger original templates =(
pls help... http://euphoriaism.blogspot.com
 
 
rayza30's icon Author: rayza30
Posted: 1.8 years ago
(link)
  i would just like to bring up an old question that i think wasn't answered..can we use this for livejournal? and if not, does anyone know where i can get skins for it?? coz i really can't make any of these to save my life and i can''t abandon my live journal acct. thanks! (",)
 
 
yurihime's icon Author: yurihime
Posted: 1.8 years ago
(link)
  Im not sure, i never tested this for livejournal
Im really sorry i havent been around to answer your questions everyone, I think it's too late now, but if you have any just... err.. post again...
 
 
sang-froid's icon Author: sang-froid
Posted: 1.7 years ago
(link)
  Somethings wrong with my skin and I can't determine what is it. When I preview my template before saving,all the posts and information about me is there. And when I had saved it,I can't see my new posts and information about me when I view my blogspot. Can you help me regarding that? thanks..
 
 
sang-froid's icon Author: sang-froid
Posted: 1.7 years ago
(link)
  Somethings wrong with my skin and I can't determine what is it. When I preview my template before saving,all the posts and information about me is there. And when I had saved it,I can't see my new posts and information about me when I view my blogspot. Can you help me regarding that? thanks..
 
 
sang-froid's icon Author: sang-froid
Posted: 1.7 years ago
(link)
  what's with tagging? how does it work?
 
 
yurihime's icon Author: yurihime
Posted: 1.7 years ago
(link)
  tagging is when you can leave a message in a tagboard like from cbox or tagboard.com or by using the message system via blogger.

I have no idea what's wrong with your skin, it sounds like something very strange...
Have you saved the code directly onto your skin? (i.e, is your profile actually integrated into the skin?)
 
 
alienwing's icon Author: alienwing
Posted: 1.6 years ago
(link)
  I found a skin that I really liked and tried to put it on Blogger beta.

It showed "Please correct the error below, and submit your template again. 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 "". "

I've checked the code and everything seems fine...Is this because of the new beta version?
 
 
darbyki18's icon Author: darbyki18
Posted: 1.5 years ago
(link)
  i have the exact same problem as alienwing!

"Please correct the error below, and submit your template again. 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 "". "

please help!!!!!!!!!!
 
 
simply.dance's icon Author: simply.dance
Posted: 1.5 years ago
(link)
  Thanks for the effort!!
You're really helpful :)
 
 
heavenwargod's icon Author: heavenwargod
Posted: 1.5 years ago
(link)
  Everyone using beta blogger will encounter this problem. You will have to find a solution to convery HTML to XML yourself. I'm searching for a solution, too.
 
 
qmjof3c's icon Author: qmjof3c
Posted: 1.5 years ago
(link)
  Who has the solution to convert to XML???????
 
 
Tyranoman's icon Author: Tyranoman
Posted: 1.5 years ago
(link)
  how to open as html
 
 
yurihime's icon Author: yurihime
Posted: 1.4 years ago
(link)
  Okay...
Blogger has launched a new blogger BETA and it runs on XML coding instead of HTML - which is what most of the layouts on this site offer. If you want to load the skins, you will have to load it on blogger basic, unless the skin is XML specified.

photokicho.com doesnt work anymore because we closed the site... however you can still access via our old hosting...
http://www.fulan.com/photokicho/index.html
 
 
bettyboooopflava's icon Author: bettyboooopflava
Posted: 1.4 years ago
(link)
  okaii im new to this blogger thingy but yeah hmm i downloaded the skin n the notepad came up with the code so i tried putting the code in the template it didnt work sooo i tried uploading the background to photobucket n placing it in the code it still didnt work i dunno wut to do? is a zip folder suppose to come up when skins are downloaded welll please help someone lmfao
 
 
kohhuimin2003's icon Author: kohhuimin2003
Posted: 1.4 years ago
(link)
  Er... How do you put the skin into the blog? i dunno how to ... can u mail me of the details? my Mail is KohHuiMin2003@hotmail.com thxs!
 
 
bo0qix's icon Author: bo0qix
Posted: 1.4 years ago
(link)
  when i want to upload my photobucket pictures, the uploading system is different from the screenshot shown. there is no box to tick "original picture names". is it okay? i mean i can still just upload the image right and there'll be no problem right?
 
 
rj_p_18's icon Author: rj_p_18
Posted: 1.4 years ago
(link)
  i cant upload my blogskin. there's an error saying: 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 markup in the document following the root element must be well-formed.

can u help me?
 
 
co77ee's icon Author: co77ee
Posted: 1.4 years ago
(link)
  I have downloaded one blogskin and managed to get install it to my blog. However, as suggested by the blogskin creator, I have uploaded the 2 images used to Photobucket (my own account) using URL upload.

I changed the image source, however, alignment is OFF. What could be the problem? All I changed was the http:// source to replace it with my own photobucket copy. Thanks.
 
 
co77ee's icon Author: co77ee
Posted: 1.4 years ago
(link)
  In reply to rj_p_18,

I initially had that problem. If you are using blogger.com, you need to change to classic view at your Edit HTML section.
 
 
sugarcult-'s icon Author: sugarcult-
Posted: 1.4 years ago
(link)
  nice tutorial :-)
 
 
cindy1123's icon Author: cindy1123
Posted: 1.4 years ago
(link)
  hi, i'm using blogger beta. then how can i use the skins for my blog? thnx.
 
 
yami_no_hime's icon Author: yami_no_hime
Posted: 1.3 years ago
(link)
  does anyone uses Adobe Imageready?After slicing the images, you preview in a browser to get the codes right? But how do you get the separate images that were sliced?I read from a site, it says delete the "xxx.htm" from the url at the browser, but i don't see any xxx.htm, the url ends with ".html"...
 
 
misspoyo's icon Author: misspoyo
Posted: 1.3 years ago
(link)
  i've copied the tempalte i want to the big box... but this message appears.... please help me...
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 "".


 
 
aRENE//.*'s icon Author: aRENE//.*
Posted: 1.3 years ago
(link)
  wow ! thks LOADS !
i mite be able to make a skin sooooon ! :DDDD
 
 
noobie2007's icon Author: noobie2007
Posted: 1.3 years ago
(link)
  I feel like yanking my hair!! Why don't these templates work on blogger beta?!!? I tried everything! please help me!!
 
 
*YuRiKa*'s icon Author: *YuRiKa*
Posted: 1.3 years ago
(link)
  i dun understand u
 
 
*YuRiKa*'s icon Author: *YuRiKa*
Posted: 1.3 years ago
(link)
  please help me
 
 
Babube's icon Author: Babube
Posted: 1.3 years ago
(link)
  Hi there! How can i change my blog into blogger basic so i can update it, if it´s possible... someone can help?
 
 
mamboXtreme's icon Author: mamboXtreme
Posted: 1.3 years ago
(link)
  sorry to bother you,,
i'm using the blogger,but it always says
"Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: Open quote is expected for attribute "language" associated with an element type "script". "
can someone help me with this ... thx
 
 
sakuraakamichelle's icon Author: sakuraakamichelle
Posted: 1.3 years ago
(link)
  I've got a problem with my blogskin. Whenever I post, the date reflected will be Feb 15. How do I rectify the problem? Is something wrong with the coding?
 
 
bluepinkshoes's icon Author: bluepinkshoes
Posted: 1.2 years ago
(link)
  I'm having the same XML problem as many other people for Blogger Beta. I keep getting this message: "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 ""."

I tried using the solution suggested above, that you add an x to html so it becomes xhtml, but no dice.

PLEASE HELP! I am so frustrated with this right now.

Pages: 1 2 3 4

Subscribe To This Thread: RSS 2.0 or Atom (?)
This thread has been locked, and no new replies can be posted.


Site

- Home
- News Archives
- About
- Stats
- Feeds
- Privacy Policy

Skins

- All Skins
- Tags
- Search Skins
- Random Skin
- Skin Of The Day
- Contribute

Forums

- General
- Tips & Tricks
- Help!
- Suggestions
- Skin Requests
- Blogging Software
- Web Hosting

Account

- Log In
- Register
</BlogSkins>

Warning! Do not follow this link! It is a trap for poorly-behaved bots. If you follow this link, you will be banned from accessing this site and several others. I will not have mercy on you. Do not follow this link!