How to display a (box) sidenotes inside the blogger post ?
While we are looking for complicated stuff, we are missing the point and especially the solution of simple thing.
Take in your templates a “h” headlines that you never use or just create a new one. For this example I will take “h6”. I just set up a width, background, color, float bla, bla, bla…
#h6 {
width: 36%;
float:right;
padding:5px;
text-align: center;
font-weight:normal;
font-size: 80%;
background:#ccc;
color:#000000;
border: 5px solid #fff;
}
That’ s all, we almost done. And when you edit your text, in the html mode, just enclose the text you want in the box between tags. See below how it looks! I did not yet try to add a photo inside.
Consectetaur adipisicing elit.
Sed do eiusmod tempor incididunt ut labore et dolore magna weblog aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui weblogs officia deserunt mollit anim id est laborum.
Et harumd und lookum like Greek to me, dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda. Et tam neque pecun modut est neque nonor et imper ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna aliquam makes one wonder who would ever read this stuff?
Bis nostrud exercitation templates ullam mmodo consequet. Duis aute in voluptate velit esse cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct.

9 Comments, Comment or Ping
Tôm Cà ng |
Je disais donc : début de semaine difficile pour la KCA family (me suis trompé de post, ça arrive)…
Sep 20th, 2006
KCA |
Tu bois durant les heures de bureau toi?
Sep 20th, 2006
Tôm Cà ng |
*hips* Moi ? Jamais ! Par contre toi, tu as forcé sur le XO : qu’est ce que “How to display a (box) sidenotes inside the blogger post ?” fout au milieu de ton blogue ?
Sep 20th, 2006
KCA |
c est de la reciprocite; on me donne des tips sur Blogger, donc il faut que je donne les miens.
Sep 20th, 2006
Anonymous |
Hello KCA,
What are the tags you use to enclose the notes?
Sep 22nd, 2006
KCA |
Thomas i meant the ‘h6′ tags.
Sep 22nd, 2006
Anonymous |
Hello KCA,
I have two further questions:
1. Do I place your code in the layout section of the template?
2. Do I have to write anything for the CSS code to enable the notes?
Thomas
Sep 24th, 2006
KCA |
hello Thomas, refresh you browser in order to show the pic i include in the post.
1-yes.
2- no just include the text you want in the box between the h6 tags. See the photo.
Sep 25th, 2006
ruthie |
very nice! i’ve tried it and it worked! cool!
thanks!
Oct 11th, 2006
Similar Posts
Vietnamiennes a moto: c’ etait mieux avant