creare una sidebar

[freddie75]

creare una sidebar

nel mio blog www.luogocomunenews.blogspot.com

vorrei creare una sidebar anche a sinistra dei post; se si può fare, come la faccio!?!?

aspetto trepidante le risposte e ringrazio anticipatamente

bye freddie

[emmebar]

Ciao freddie75,

Devi intervenire sul codice e sullo stile del template, lo puoi fare dal tuo pannello di controllo.

Ti consiglio di salvare la versione attuale in locale e poi provare a modificare quella che hai online, in linea di massima dovresti inserire un div e posizionarlo tramite il css, inoltre devi cambiare i parametri nel css della parte centrale del tuo blog per fare spazio alla sidebar.

Non si tratta di un'operazione semplicissima ed occorre una discreta conoscenza di HTML e CSS.

[margheritebianche]

Per aggiungere la sidebar basta che modifichi il template e dopo la riga

<?php get_header&#40;&#41;; ?>

aggiungi:

<?php get_sidebar&#40;&#41;; ?>

[freddie75]

ma io non ho codice php sul mio template

[freddie75]

questo è il mio codice, vi ringrazio anticipatamente per le risposte!!

ciao

body {
background:#000055;
margin:0;
padding:40px 20px;
font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
text-align:center;
color:#ccc;
font-size/* */://small;
font-size: //small;
}
a:link {
color:#9ad;
text-decoration:none;
}
a:visited {
color:#a7a;
text-decoration:none;
}
a:hover {
color:#ad9;
text-decoration:underline;
}
a img {
border-width:0;
}

/* Header
----------------------------------------------- */
@media all {
#header {
width:900px;
margin:0 auto 10px;
border:1px solid #333;
}
}
@media handheld {
{
width:90%;
}
}
#blog-title {
margin:5px 5px 0;
padding:20px 20px .25em;
border:1px solid #222;
border-width:1px 1px 0;
font-size:200%;
line-height:1.2em;
color:#DC143C;
text-transform:uppercase;
letter-spacing:.2em;
}
a {
color:#ccc;
text-decoration:none;
}
a:hover {
color:#ad9;
}
#description {
margin:0 5px 5px;
padding:0 20px 20px;
border:1px solid;
border-width:0 1px 1px;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#DC143C;
}

/* Content
----------------------------------------------- */
@media all {
#content {
width:900px;
margin:0 auto;
padding:0;
text-align:left;
}
#main {
width:580px;
float:left;
}
#sidebar {
width:220px;
float:right;
}
}
@media handheld {
{
width:90%;
}
{
width:100%;
float:none;
}
{
width:100%;
float:none;
}
}

/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#00FA9A;
}

/* Posts
----------------------------------------------- */
@media all {
.date-header {
margin:1.5em 0 .5em;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #444;
padding-bottom:1.5em;
}
}
@media handheld {
.date-header {
padding:0 1.5em 0 1.5em;
}
.post {
padding:0 1.5em 0 1.5em;
}
}
.post-title {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
line-height:1.4em;
color:#ad9;
}
.post-title a {
text-decoration:none;
color:#ad9;
}
.post-title a:hover {
color:#fff;
}
.post div {
margin:0 0 .75em;
line-height:1.6em;
}
p.post-footer {
margin:-.25em 0 0;
color:#333;
}
.post-footer em, .comment-link {
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.post-footer em {
font-style:normal;
color:#777;
margin-right:.6em;
}
.comment-link {
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}

/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.2em;
color:#999;
}
h4 strong {
font-size:130%;
}
-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
-block dt {
margin:.5em 0;
}
-block dd {
margin:.25em 0 0;
}
-block dd.comment-timestamp {
margin:-.25em 0 2em;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
-block dd p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}

/* Sidebar Content
----------------------------------------------- */
ul {
margin:0 0 1.5em;
padding:0 0 1.5em;
border-bottom:1px dotted;
list-style:none;
}
li {
margin:0;
padding:0 0 .25em 15px;
text-indent:-15px;
line-height:1.5em;
}
p {
color:#999;
line-height:1.5em;
}

/* Profile
----------------------------------------------- */
#profile-container {
margin:0 0 1.5em;
border-bottom:1px dotted;
padding-bottom:1.5em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-img {
display:inline;
}
.profile-img img {
float:left;
padding:4px;
border:1px solid;
margin:0 8px 3px 0;
}
.profile-data {
margin:0;
font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
.profile-data strong {
display:none;
}
.profile-textblock {
margin:0 0 .5em;
}
.profile-link {
margin:0;
font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}

/* Footer
----------------------------------------------- */
#footer {
width:660px;
clear:both;
margin:0 auto;
}
hr {
display:none;
}
p {
margin:0;
padding-top:15px;
font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
text-transform:uppercase;
letter-spacing:.1em;
}
</style>

</head>

<body>

<div id="header">

<h1 id="blog-title">
<ItemPage><a href="<$BlogURL$>"></ItemPage>
<$BlogTitle$>
<ItemPage></a></ItemPage>
</a>
</h1>
<p id="description"><$BlogDescription$></p>

</div>

<div id="content">

<script type="text/javascript"><!--
google_ad_client = "pub-6999335504567877";
google_ad_width = 728;
google_ad_height = 90;
google_ad_format = "728x90_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "000055";
google_color_link = "80FF00";
google_color_bg = "000055";
google_color_text = "66B5FF";
google_color_url = "80FF00";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

<center>
<form method="get" action="http://www.google.com/custom" target="_top">
<table bgcolor="#000000">
<tr><td nowrap="nowrap" valign="top" align="left" height="32">
<a href="http://www.google.com/">
</img></a>
<input type="text" name="q" size="31" maxlength="255" value=""></input>
<input type="submit" name="sa" value="Cerca"></input>
<input type="hidden" name="client" value="pub-6999335504567877"></input>
<input type="hidden" name="forid" value="1"></input>
<input type="hidden" name="ie" value="ISO-8859-1"></input>
<input type="hidden" name="oe" value="ISO-8859-1"></input>
<input type="hidden" name="cof"

value="GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;

LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;"></input>
<input type="hidden" name="hl" value="it"></input>
</td></tr></table>
</form>
</center>

<form method=post action=http://poll.pollhost.com/vote.cgi><table border=0 bgcolor=#000000

cellspacing=0 width=500><tr><td align=right bgcolor=#FFFFFF><font face="Arial" size=-2

color="#000000"><a href=http://www.pollhost.com/><font color=#000099>Free polls from

Pollhost.com</a></font></td></tr><tr><td width=500><font face="Arial" size=-1

color="#FFFF00">Volete Marcello Lippi CT della Nazionale?</font></td></tr><tr><td

width=500><font face="Arial" size=-1 color="#FFFF00"><center><input type=radio name=answer

value=1><font face="Arial" size=-1 color="#FFFF00">Si</font> <input type=radio name=answer

value=2><font face="Arial" size=-1 color="#FFFF00">No</font> <input type=hidden

name=config

value="ZnJlZGRpZTc1CTExNDk1OTYyNjgJMDAwMDAwCUZGRkYwMAlBcmlhbAlBc3NvcnRlZA"><input

type=submit value=Vote><input type=submit name=view

value=View></center></font></td></tr></table></form>

<div id="main"><div id="main2">

<Blogger>

<BlogDateHeader>

<h2 class="date-header"><$BlogDateHeaderDate$></h2>
</BlogDateHeader>

<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl>
</h3>
</BlogItemTitle>

         <div class="post-body">
<div>
  <$BlogItemBody$>
</div>
</div>

<p class="post-footer">
  *posted by <$BlogItemAuthorNickname$> at [url="<$BlogItemPermalinkUrl$>"]<$BlogItemDateTime$>*
  <MainOrArchivePage><BlogItemCommentsEnabled>

     <a class="comment-link" 

href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$>

comments</a>
</BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
[url="<$BlogItemPermalinkUrl$>#links"]links to this post
</BlogItemBacklinksEnabled>
</MainOrArchivePage> <$BlogItemControl$>
</p>

</div>

<ItemPage>
<div id="comments">

<BlogItemCommentsEnabled><a name="comments"></a>
    <h4><$BlogItemCommentCount$> Comments:</h4>
    <dl id="comments-block">
  <BlogItemComments>
  <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a 

name="c<$BlogCommentNumber$>"></a>
<$BlogCommentAuthor$> said...
</dt>
<dd class="comment-body">

<$BlogCommentBody$></p>
</dd>
<dd class="comment-timestamp">[url="#<$BlogCommentNumber$>"]<$BlogCommentDateTime$>
<$BlogCommentDeleteIcon$>
</dd>
</BlogItemComments>
</dl>
<p class="comment-timestamp">

<$BlogItemCreate$>
</p>
</BlogItemCommentsEnabled>	    
<BlogItemBacklinksEnabled>
<a name="links"></a><h4>Links to this post:</h4>
<dl id="comments-block">
<BlogItemBacklinks>
    <dt class="comment-title">
    <$BlogBacklinkControl$>
    [url="<$BlogBacklinkURL$>"]<$BlogBacklinkTitle$> 

<$BlogBacklinkDeleteIcon$>
</dt>
<dd class="comment-body"><$BlogBacklinkSnippet$>

    <span class="comment-poster">
    *posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$>*
    </span>
    </dd>
</BlogItemBacklinks>
</dl>
<p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
</BlogItemBacklinksEnabled>


	<p class="comment-timestamp">
[url="<$BlogURL$>"]&lt;&lt; Home
</p>
</div>

</ItemPage>

</Blogger>
</div></div>

<div id="sidebar"><div id="sidebar2">

<script type="text/javascript" language="JavaScript" SRC="http://codice.shinystat.com/cgi-

bin/getcod.cgi?USER=freddie975"></script>
<noscript>
<A HREF="http://www.shinystat.com" target="_top">
</A>
</noscript>

<$BlogMemberProfile$>

    <MainOrArchivePage>

<h2 class="sidebar-title">Links</h2>
<ul>
* Google News
* <a href="http://www.forumweb.mastertopforum.com"> Visita "Quelli che il Forum"

</a>
* <a href="http://www.incontroalcinema.blogspot.com"> Visita "Cinemania"

</a>
* Visita "Rotundamaris"
* ** Login **</p>

</MainOrArchivePage>

<h2 class="sidebar-title">Articoli Precedenti</h2>
<ul id="recently">
<BloggerPreviousItems>
* [url="<$BlogItemPermalinkURL$>"]<$BlogPreviousItemTitle$>
</BloggerPreviousItems>

<MainOrArchivePage>

<h2 class="sidebar-title">Archivio</h2>
<ul class="archive-list">
<BloggerArchives>
* [url="<$BlogArchiveURL$>"]<$BlogArchiveName$>
</BloggerArchives>

</MainOrArchivePage>

  <p id="powered-by">[![image](http://buttons.blogger.com/bloggerbutton1.gif)](http://www.blogger.com)</p>

<script type="text/javascript"><!--
google_ad_client = "pub-6999335504567877";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text_image";
google_ad_channel ="";
google_color_border = "000055";
google_color_link = "80FF00";
google_color_bg = "000055";
google_color_text = "66B5FF";
google_color_url = "80FF00";
//--></script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

[url='http://www.fotoexpo.net?ref=xavier75']

<!--

This is a paragraph of text that could go in the sidebar.</p>
-->

</div></div>

</div>

<div id="footer"><hr />

<!--This is an optional footer. If you want text here, place it inside these tags, and

remove this comment. --></p>

</div>

</body>
</html>