The colorful menu you see below is simply a DIV element with a few P elements inside. The visual effect is due to the fact that each P element is positioned individually and has its own font and color. It works best with short texts, because the visual effect is based on overlap, but if [...]
A document doesn’t need to have a single style sheet. You can give it a default style and any number of alternatives for the reader to choose from. This page, for example, has as alternatives all the W3C Core Styles, plus two style sheets found elsewhere on the Web (author: David Baron).
How the reader can [...]
Scale model of the Eiffel tower in Parc Mini-France
Here is something simple: indenting the first line of each paragraph. Many people find that easier to read than empty lines between the paragraphs, especially for long texts, and it also allows to reserve empty lines for more important breaks.
The trick here is to only indent paragraphs [...]
The menu you see in the top right corner of this page is simply a DIV with some A elements inside. All the work to make it stay fixed in its place is done by rules in the style sheet. Here is the mark-up, it is taken straight from the source of this page:
<div>
<p>
<a href=”http://www.w3.org/”><img [...]
Scale model of the Eiffel tower in Parc Mini-France
HTML doesn’t have an element that allows to insert a figure with a caption. It was once proposed (see HTML3), but never made it into HTML4. Here is one way to simulate such a figure element:
<div>
<p><img src=”eiffel.jpg” width=”136″
height=”200″ alt=”Eiffel tower”>
[...]
All of you might have seen the New Ajax Search Gadget on your Layout > Add GadgetPage. This Ajax search gadget doesn’t support adsense ads.But you can now have a Google ad supported Google Ajax search widget on your blog.The speciality of the Ajax Search is that it can search your blog, without actually leaving your blog.(no need [...]
This tutorial is about to create float image that will always show on your corner blog althought you drag side scroll bar. You can put an image, widget, clock etc on the corner.
Step by step to create Float image.
1. Login ke blogger then click “Layout –>> Edit HTML
2. Find this code ]]> < /b:skin >, [...]
Related Posts Widget for blogger is what everybody is looking for, In Most of the sites we will find only javascript code and HTML tag for related posts widget. After adding the code to your blog , you can see just a list of related posts without any arrows or style css. So i wanted [...]
Just Follow This steps to add this ” Post Styling Hack ” to your Blog .
Step 1 :
Login to your Blogger account and navigate to Layout section . Then go to Edit HTML sub tab .
No Need to Check Expand Widgets Box
Step 2 : Add This CSS code above this line “]]>< / b:skin >”
This Blogger Hack is focused Firefox Users who want to add Yahoo Smileys to Blogger Posts. This hack don’t work for other browsers like Internet Explorer , Opera , etc
Firefox users follow this simple steps to add Yahoo smileys to Blogger Posts :