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

BlogSkins.com Forums

Forums > Help! > "How to: Template, Layout problems/Guide." (102 replies)
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
*Sorry all but I've sort of stopped coming to bs.com because I've been rather busy.
If I do not reply here feel free to email me @ tessakerkpercy@yahoo.com.sg and I'll try to get back to you as soon as I can.
Sorry sorry sorry sorry for neglecting this thread for millions of years :(
*

After replying to a million same questions posted in this category,
I've decided just to post a new thread answering the questions people are repeating here.
If you have any more questions you can post a reply here and I'll try to find the answer : )

1. I copy and paste my codes into my blogger, but this message pops up!
"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 "". "
So I try to close everything properly,
But it shows me this:
"There should only be one and only one skin in this template. We found:0"
It's the same thing for every skin I try!


You need to revert to the classic template!
Scroll down below that big white box where you paste your code,
And click the second link that says,
Revert to classic template.
Click okay when there's the pop-up.
Now try to enter your codes again,
And this time it should work.


2. How do I add archieves to my blog?
Enter this code:
[BloggerArchives]
[a href='[$BlogArchiveURL$]'][$BlogArchiveName$][/a]
[/BloggerArchives]

Your achieves will look something like this:
March 2008
April 2008
May 2008
June 2008
July 2008


Remember to replace the [ ] brackets with the pointy ones.


3. What is that code to allow people to view previous posts?
Enter this code:
[BloggerPreviousItems]
[a href="[$BlogItemPermalinkURL$]"]
[$BlogPreviousItemTitle$]
[/a][br /]
[/BloggerPreviousItems]

This code will show your latest 10 posts with the latest on top.

Remember to replace the [ ] brackets with the pointy ones.


4. How do I link people?!
Enter this code:
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]

Replace http://www.syntheticlovee.blogspot.com with your friend's link and replace Friend with your friend's name.

Remember to replace the [ ] brackets with the pointy ones.


5. What if I have ten friends and I want to link them all?
Just repeat the code ten times.
Like so:
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]
[a href="http://www.syntheticlovee.blogspot.com"] Friend [/a]

Remember to replace the [ ] brackets with the pointy ones.


6. How do I bold, underline, etc., my words?
For bolded words,
Enter [b ]bold[/b ].
For underlined words,
Enter [u ]underlined[/u ].
For striked words,
Enter [s]striked[/s].
For italic words,
Enter [i ]italic[/i ]
For scrolling words,
Enter [marquee]scrolling[/marquee]

To change the direction of where you want your words to scroll,
Enter this code:
[marquee behavior=scroll direction="left"]Your message here[/marquee]

Just change the left to right or let it remain.

To change the scrolling speed,
Enter this code:
[marquee behavior=scroll direction="left" scrollamount="5"]Your message here[/marquee]

Replace the 5 with whatever speed you want.
Just don't go over 50 because then it would be very hard to read and catch the words.

You can also add a background colour to your marquee.
Enter this code:
[marquee bgcolor="#000000"]your message here[/marquee]

Just replace the hex code with whatever colour you want.

Remember to change the [ ] brackets to the pointy ones.
And close the spaces in between the alphabats and the closing brackets.


7. How do I upload/display music on my blog?
You can go to www.imeem.com to find music,
or google for music sites.
But I'll use imeem as an example.

Let's say you want to upload Check Yes Juliet by We The Kings
So you go to the search engine at the top right hand corner and type in "Check Yes Juliet"
Once you've got the results,
Click on the top link.

You should reach this page:
www.imeem.com/people/XGAqAr2/music/DT8qlP2o/we_the_kings_...

Now,
look below the music box.
There should be,
on the left,
A code.
Copy and paste this code into your blog.
If you want it to automatically play when you open your blog,
Check the little box next to auto play.

Screenshot: 4.bp.blogspot.com/_CbIChgY3iw8/SOc22sRkxuI/AAAAAAAABW8/XL...


8. If I can put boxes on the left side of my blog, how do I put boxes on the right side of my blog, too?
Check out these websites,
www.thenoodleincident.com/tutorials/box_lesson/boxes.html
intensivstation.ch/en/templates/


9. I can't download skins!
I think there's a glitch with the compressed folders now,
But try using Mozilla Firefox to download the skins.
It should work.

If it doesn't,
Go here: www.win-rar.com
Download and then you should be able to extract the codes.


10. How do I allow comments on my blog?
Go to Settings ~ Comments.
Then click Show instead of Hide.
From here you can also decide who you'll allow to comment,
Like,
Anyone - includes Anonymous Users
Registered Users - includes OpenID
Users with Google Accounts
Only members of this blog

Or

You can enter this code:
[BlogItemCommentsEnabled]
[a href="[$BlogItemCommentCreate$]"
[$BlogItemCommentFormOnClick$]]
[$BlogItemCommentCount$] comments[/a]
[/BlogItemCommentsEnabled]

Remember to replace the [ ] brackets with the pointy ones.

Or

You could use Haloscan
Haloscan allows people to comment on the entries you write,
Just like the blogger feature,
But it also allows ratings and trackbacks.
You will also be able to edit other people's comments.
And it's free.

Or if you don't like this commenting thing,
You could just get a cbox here


11. How do I prevent people from viewing source (of pictures etc.)?
Actually,
It would be better to prevent right click.
This way people cannot view source as well as copy etc.
Enter this code:
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false" )
// --]
[/script]

Or

You could try this code:
[body oncontextmenu="return false"]

But I'm not too sure whether it works or not because I use the above code instead.

Remember to replace the [ ] brackets with the pointy ones.


12. How do I disable ALL clicks?
Enter this code after your head tag:

[script language="javascript"]

// No click script
// This script and others available free at www.lissaexplains.com


function click() {

if (event.button==1 || event.button==2) {

alert('Sorry, that function is disabled' )

}

}

document.onmousedown=click

[/script]

Remember to replace the [ ] brackets with the pointy ones.


13. How do I disable the image toolbar?
This is the bar that appears when you right click on an image.
It allows you to save picture,
send picture, etc.,

Enter this code:
[meta http-equiv="imagetoolbar" content="no"]

When you enter this code at the head of your site,
It blocks the toolbar for all of your pictures.

But if you only want to disable for one or more of your pictures,
Enter this code to your image:
[img src="yourimage.gif" galleryimg="no"]

Replace yourimage.gif with your own image.

Remember to replace the [ ] brackets with the pointy ones.


14. What are hex codes and where can I get them?
Hex codes are basically 6 digit codes that represent a colour in numbers.
All hex codes begin with a "#"
For example,
The hex code for the colour black is #000000

You can find the hex codes for colours at these websites:
www.quackit.com/html/html_color_codes.cfm
www.html-color-codes.com/
www.webmonkey.com/reference/Color_Charts


15. So how do I change the colour of my words/text?
This is simple.
For example you want your text to be red.
So you key this in:

[font color="red"] I love red [/font]

You can also use hex codes instead of words for colours that are not primary/secondary/tertiary colours.

Remember to change the [ ] brackets to the pointy ones.


16. How do I change my words font?
This is similar to the change colour code.

[font face="Ariel"] I love this font [/font]

Just put any font you like.

Remember to change the [ ] brackets to the pointy ones.


17. So can I change my font size too?
Yes.
Just enter:

[font size="5"] Big font ;D[/font]

Or choose any size you like.

If you want to change the colour, font, and size at the same time,
Just combine all the codes.

[font color="red" font="ariel" size="5"] I love barney.[/font]

Remember to change the [ ] brackets to the pointy ones.


18. How do I add labels on my blog?
Actually I don't know.
But someone asked me so I went to try to find something.

Found out that this is actually a feature of Blogger's blogskins.
When you are using a blogskins made by Blogger,
After writing a post,
At the bottom,
You can add a label.
This label'll then come out at the side of your blog.

If anyone has the code to allow this kind of labelling system in customised blogskins,
Please tell me!
I'll post it up here and credit you. : )

19. How do I show my previous posts?
Just enter this code:
[BloggerPreviousItems]
[a href="[$BlogItemPermalinkURL$]"]
[$BlogPreviousItemTitle$]
[/a][br /]
[/BloggerPreviousItems]

Remember to change the [ ] brackets to the pointy ones.

20. How do I allow people to enter their links whenever they post a comment on my blog? (See question 10)
Please note that if you're using Haloscan and cbox, this service is already provided.

Just enter this code:
[MainOrArchivePage]
[BlogItemCommentsEnabled]
[a href="[$BlogItemPermalinkURL$]#comments"]
[$BlogItemCommentCount$] comments[/a]
[/BlogItemCommentsEnabled]
[/MainOrArchivePage]

Now whenever people comment on your blog post,
They'll be able to type in their links too so that you could visit their website or whatever.

Remember to change the [ ] brackets to the pointy ones.

------------------------------------------------------------------------------------------------------------------------

Okay right.
Sorry people I didn't put question 20 directly below question 10.
I am lazy okay ):
It's just that I found the code so I've decided to put it up here :)

Edited 4.9 years ago.

Pages: 1 2 3

 
 
myles's icon Author: myles
Posted: 5.8 years ago
(link)
  Thank you! Sticky.
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  Your welcome.
And thanks for the sticky.
 
 
spreensuch's icon Author: spreensuch
Posted: 5.8 years ago
(link)
  how about labels? showing labels instead of archives
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  I think that labels are the features of Blogger blogskins only.
Like you know,
When you create a blog then they ask you to choose a skin.
Then that skin'll have labels.
I'm not sure whether you can add them to customised skins but'll try to find out.
If I find anything 'll post it back here : )
 
 
♥ooh-'s icon Author: ♥ooh-
Posted: 5.8 years ago
(link)
  I think this is good.
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  Thanks : )
 
 
justundefined-'s icon Author: justundefined-
Posted: 5.8 years ago
(link)
  thx! =)
this was helpful xD
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  Your welcome.
Glad you found it helpful :D
 
 
-missingin.action's icon Author: -missingin.action
Posted: 5.8 years ago
(link)
  whoa this is great help :D
Thanksz
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  Your welcome :D
 
 
sylviassy's icon Author: sylviassy
Posted: 5.8 years ago
(link)
  well done..its really helpful :D
 
 
chiahui1909's icon Author: chiahui1909
Posted: 5.8 years ago
(link)
  hey..this was very helpful bt the problems is i can't show my profile n there's some stuff at d side of my blog that i want to remove..i don't really know how to explain it so can you visit my blog n c it 4 yourself..http://memoirsofacomplicatedme.blogspot.com??
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  sylviassy: Your welcome :D Glad you found it helpful.
chiahui1909: Erm, you're using the blogger blogskin, and I can see your profile. 'Cept your picture. What exactly do you want to remove?
 
 
SHOU 将's icon Author: SHOU 将
Posted: 5.8 years ago
(link)
  um ... i need ur help !!! How do i delete the blogger navbar when im usin a blogskins skin ??? coz the bar seriously made my blog look like shit ...
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.8 years ago
(link)
  You can't delete it.
But there's a code to hide it I think.
Last time we could use that code but now not so sure :/
 
 
chloeding1108's icon Author: chloeding1108
Posted: 5.8 years ago
(link)
  How do i add the profile or wishes oe hates and loves beside my blog?
 
 
turtle91's icon Author: turtle91
Posted: 5.8 years ago
(link)
  i need help!
i used to use a downloaded blog skin from here.
now that i revert to using blogger's template, the "add a new element" button is gone!
how to have that function back???
thanks!
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  chloeding1108: At the side of your blog their are always tables with headers such as Me, About, etc., just copy that code and place it under your Me box and change the word Me to Wishes or Hates or whatever. Then just change the content. Remember to leave a line break, [br], so that your tables are not crammed together. Understand? o.o

turtle91: When you revert to the classic template, this function is removed as it is only available when you use the NEW blogger template. But it doesn't mean that you can't add new tables or what-not, 'cause that's when blogskins come in, you can customise their boxes and tables just as you would when you use the "add a new element" function.
 
 
rwrc11's icon Author: rwrc11
Posted: 5.7 years ago
(link)
  Thx loads tessa. This is really helpful. Must've taken a lot of time to type it all out.
Thx, anyway. :)
powderpink-snowflake.blogspot.com
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  No problem,
Glad you found it helpful :)
 
 
sng's icon Author: sng
Posted: 5.7 years ago
(link)
  Wah thanks for the tips .. i really looking for answer to the last one on how to label the posts and then add these labels as links to the blog .. if anyone got solution pls share :) haha
 
 
Kairy Ong's icon Author: Kairy Ong
Posted: 5.7 years ago
(link)
  where to get code?? plz help me
 
 
%delusion-n♥'s icon Author: %delusion-n♥
Posted: 5.7 years ago
(link)
  nice tessa:D
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  Thanks, Viv! :D
sng, I don't know the code for labels yet as I've stated because all I know now is that it's a unique feature of blogger blogskins. But if I find a code somewhere I'll definately post it up here :D
 
 
0steph0's icon Author: 0steph0
Posted: 5.7 years ago
(link)
  Hi im so so new to blogger. I really need to clarify my doubts.
I try d/l a skin and when i finish editing and save into my blogger, i only see my sidebar correctly but my entries section kept appearing on the top left corner of the page. Can anyone help me how to display the space where i wrote all my stuff correctly ?

Thx so much!
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  I think you messed up the code somewhere.
Make sure all head tags are closed,
Make sure all other tags are closed properly too.
 
 
J.O.L.E.E.N's icon Author: J.O.L.E.E.N
Posted: 5.7 years ago
(link)
  heys!
this really helped alot.
but i would like to know how to put a picture in the background instead of just colours.

thanks (:
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  Your welcome.
Instead of [bgcolor="white"]
Put
[body background="yourimagehere.jpg"]

Replace [ ] brackets with the pointy ones :D
 
 
!CASUALTIES}'s icon Author: !CASUALTIES}
Posted: 5.7 years ago
(link)
  BTW, if you disable right click and have a cbox, you can still view the source. :D

very VERY helpful! :P
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  Oh.
I didn't know that o.o
Thanks for pointing it out!
:D
 
 
winniethepoo1288's icon Author: winniethepoo1288
Posted: 5.7 years ago
(link)
  well ... hi im new to blogskin.com and blogger, so im not very sure abt uploading a template. After i have downloaded one, i upload but it always says'' We were unable to save your template. 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: Open quote is expected for attribute "{1}" associated with an element type "language".'' i click the revert to classic template button, but it always reverts back to the old one!(which i am trying to change)so please help!! thanks!

Edited 5.7 years ago.
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  You have to save it.
:/
 
 
zhengyan91's icon Author: zhengyan91
Posted: 5.7 years ago
(link)
  How come after changing the template, I can't add link and do other things on other element??
 
 
emmifindingneverland's icon Author: emmifindingneverland
Posted: 5.7 years ago
(link)
  Thank you so much!
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  zhengyan91: Sent you a mail already :D
emmifindingneverland: Your welcome :D
 
 
bee-xo's icon Author: bee-xo
Posted: 5.7 years ago
(link)
  Okay, I am going to sound totally stupid and wierd, but this is my first time even knowing that I can change my blog, and
"You need to revert to the classic template!
Now try to enter your codes again"
is not helping me know where to put the codes. I've been trying for at least an hour to get this to work! please please please help an HTML idiot get this to work!!!! i will be eternally grateful.
 
 
//& tessa *'s icon Author: //& tessa *
Posted: 5.7 years ago
(link)
  You know the button you've clicked to revert to the classic template?
Above it is a big white box right?
Delete the old code and paste in the new one.
Press save and there should be a yellow box appearing on top of the big white box saying saving successful.
Then you can click view.
 
 
reminiscence04's icon Author: reminiscence04
Posted: 5.7 years ago
(link)
  i will like to know how do i change the way the "things" are put. e.g: i wanted to put the posting on the right side but its on the left side.
 
 
diyana206's icon Author: diyana206
Posted: 5.7 years ago
(link)
  im sorry.
but i still dont understand where can i put the code for viewing previous post.
where shud i put the code if i wan the link to be directly at the bottom of my last post.
mail me?
little.cutecake@hotmail.com
 
 
yaaawww's icon Author: yaaawww
Posted: 5.7 years ago
(link)
  When you copy the code to link people, where do you paste it ? help me plz..

Pages: 1 2 3

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


Site

- Home
- About
- Feeds
- Privacy Policy
- Contact Us

Skins

- Tags
- Search Skins
- All 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!