 |
 Agloco Banner by AglocoBanners.com
|
To hide the Blogger NavBar paste the CSS definition between the style tags:
<style type="text/css">
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}</style>
Bookmark this post:
If you have visited Myspace before you would know that the people over there have nice Templates. I did my research on those templates and I found out that they were made with Css, a language which is the same code or language which is used to make blogger template. Than I tried to implement these codes to blogger and Guess what it worked. And here is how you can do it 1. Google: Myspace Layouts2 Choose any of the sites that appear try this one first [Here]3. Select the Layout (template) you want and copy the code Ctrl+A4. Go to blogger Template and look for this 5. Paste the Myspace code underneath the above code and preview6 If your blog is readable save template changes N.b I Haven’t tried this on the new blogger template; this is for the classic template style like the one on this blog
Bookmark this post:
以前就想寫關于blogger技巧的文章，可是blogger的文章中用常規方式無法加入代碼。于是我就用google pages放代碼，可是不太方便，今天終于找到解決的辦法了。
There's a couple different ways to display code in your posts.
共有4種不同的方式在妳的blogger beta的文章中顯示代碼。
1) The first is just adding it directly to your post
<span style="background-border:1px dotted purple;">This is for testing purposes only. Get it. Got it? Good.</span>
I find this way very ugly :(
2) The 2nd way is to use a <textarea>
This is a little better but doesn't keep any formatting, it just lumps all the code together :(
3) A 3rd way is very similar to using a <textarea>, but this uses a styled <div>
<div style="width:400px;height:150px;overflow:auto;">
<span style="background-border:1px dotted purple;">This is for testing purposes only. Get it. Got it? Good.</span>
</div>
Again, this doesn't keep any formatting :(
4) Finally, we can also use a styled <pre> tag
<pre style="width:400px;height:150px;overflow:auto;">
<span style="background-border:1px dotted purple;">This is for testing purposes only. Get it. Got it? Good.</span>
</pre>
This does keep the formatting, and is my favorite way to do it :)
Notes:
When displaying HTML code you'll want to change < to < and > to > (the easiest way to do this is to use the find & replace option in your favorite text editor)
The relevant styling rules involve setting a fixed height, a fixed width, and the overflow property to auto.
For the examples here, I also set a background color and a purple border... just to make it a little clearer (as if you couldn't tell :P )
Bookmark this post:
Bookmark this post:
