Pagina 1 di 1

Paginazione Blog

MessaggioInviato: 3 maggio 2012, 16:24
da isabella80
Ciao a tutti spero che qualcuno mi possa aiutare per la paginazione blog ho provato ha cercare nel forum ma non sono riuscita a risolvere il mio problema sono andata nella sezione navigazione ho messo:

- Ordine post nella home: dal più recente al più vecchio
- Numero di post nella home 10
- Ordine post nell'archivio: 10
- Ordine post nell'archivio: dal più recente al più vecchio
- Numero di post nell'archivio: 10

Purtroppo non mi si visualizzano i numeri della pagine in modo che si possa andare avanti e indietro nelle pagine del blog qualcuno può aiutarmi?
Vi lascio il codice del mio blog se potete scrivermi la sintesi della paginazione e dove la devo inserire grazie tante.....

Codice: Seleziona tutto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>--titolo--</title>

<style type="text/css">
/*TEMPLATE

 */

body {
font-family:Comic Sans MS;
background-color: #000000;
}

body {
    margin:  0px;
    padding top: 300px;
    background-color: transparent;
    font-family: Comic Sans MS;
    color: #000000;
    background:url(http://www.mondoglitter.it/sfondi/sfondo38.gif);
    font-size: 70%;
    word-spacing: normal;
    text-align: center;
    background-color:#000000;
}

a:link {
color: #FF0000;
text-decoration: none;
}
a:visited {
color: #BC7161;
text-decoration: none;
}
a:hover {
color: #9933FF;
text-decoration: none;
}

#contenitore {
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 750px;
border: dashed #000000 1px;
background-color: #000000;
margin-bottom: 20px;

}
#contenitore:after {
content:".";
display:block;
clear:both;
height:0px;
visibility:hidden;
}

#testa {

background-image: url(http://www.mondoglitter.it/sfondi/sfondo38.gif);
width: 750px;
height: 485px;
background-position: bottom center;
padding-bottom: 5px
}

#corpo {
float:left;
width:580px;
margin-top:5px;
background-color: #000000;
background-repeat: repeat;
}
#colonnadx {
width: 170px;
float: right;
color: #FB00FB;
padding-bottom: 10px;
margin-top: 0px;
}

.boxmenu {
text-align:center;
background-color: #FFFAFA;
border:double 4px #FF0000;
margin-bottom: 2px;
margin-right:3px;
padding: 2px 3px 10px;
width: 160px;
}
.titolimenu {
background-image:url( http://www.mondoglitter.it/sfondi/sfondo75.gif);
color: #00BFFF;
text-align:center;
font-family:Comic Sans MS;
font-size:12px;
}
.testomenu {
font-family:Comic Sans MS ;
color: #FF0000 ;
font-size:12px;
}


#menu, #menu ul, #menu li{
padding:0;
margin:0;
}

#menu li{
list-style: none;
position: relative;
width:120px;
height: 30px;
padding:0 20px;
background-color: black;
line-height: 30px;
cursor:pointer;
}

#menu li a{
text-decoration:none;
color: white;
}

#menu li:hover{
background-color:red;
}

#menu ul ul{
position: absolute;
top:0;
left:160px;
visibility:hidden;
}

#menu ul li:hover ul{
visibility:visible;
}
#navlist
{
padding: 0;
margin-left: 0;
font: bold 12px Comic Sans MS;
width: 160px;
margin-bottom: 3px;
border-left: 1px solid #666;
border-right: 1px solid #666;
border-top: 1px solid #666;
}

#navlist li
{
list-style: none;
margin: 0;
text-align: left;
border-bottom: 1px solid #666;
}

#navlist li a
{
display: block;
padding: 0.45em 0.5em 0.45em 0.75em;
border-left: 1em solid #FF9900;
background: #EBEBEB;
text-decoration: none;
}

#navlist li a:link { color: #666666; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
border-color: #FE3;
color: #FFF;
background: #332;
}
#data{
font-size:10px;
color:#FC6177;
text-align:center;
width:400px;
margin-left:auto;
margin-right: auto;
padding-left: 20px;
margin-top: 10px;
}
#titolo{
background-image:url();
color: #FFFFFF;
text-align: center;
margin-top:3px;
margin-left: auto;
margin-right:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
padding:2px 10px;
}
#contenuto{
line-height:16px;
color: #FFFFFF;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-left: auto;
padding-bottom: 2px;
padding-right:20px;
padding-left:20px;
margin-right:auto;
margin-top:15px;
}
#commenti{
width:360px;
text-align: center;
color: #FFFFFF;
font-size:10px;
padding:5px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
background-image: url();
background-repeat: repeat-x;
background-position: bottom;
padding-bottom: 15px;

}
#blog-pager {
padding: 5px;
margin-top30px;
text-align:center;
color: #FFFFFF;
}
# blog-pager a {
text-decoration: underline;
}
#fondo {
padding-top:5px;
padding-bottom:0;
height: 15px;
clear: both;
background: url() no-repeat;
background-position: center;
border-top: double #FFFFFF 4px;
}
.Stile1 {color: #FFFFFF;
font-weight:bold;
}
.Stile3 {color: #FF941D}
.Stile4 {color: #990000}
.textarea{
width:150px;
background-color: #A22313;
color:#FFFFFF;
height:20px;
}

</style>
</head>
<body>
</style>
</head>
<body>
<div id="contenitore">

<div id="testa"></div>

<div id="corpo">
--post--
<center>
<div id="blog-pager"></div>

</Blogger>
<center>
<div id="blog-pager"></div>
</center>
</div>
<div id="colonnadx">
<div class="boxmenu">
<div class="titolimenu">  PROVA </div>
<div id="menu">
</div>

</div>
<div class="boxmenu">
<div class="titolimenu">  PROVA </div>
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="http://blografando.splinder.com" id="current" target="_blank">Flickr - My Foto</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo linkami">Linkami</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo Twitter">Twitter</a></li>
<li><a href="file:///Adele HD/Users/ade/Desktop/inserisci indirizzo tuoi Feed">RSS</a></li>
<li><a href="mailto:inserisci indirizzo tua e-mail">E-Mail</a></li>
</ul>
</div>
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">Ore</div>
<div align="center">      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="138" height="135" title="orologio puzzle">   <param name="movie" value="http://www.adelebox.it/orologioade/orologiopazzle.swf" />         <param name="quality" value="high" />       <param name="wmode" value="transparent" />         <embed src="http://www.adelebox.it/orologioade/orologiopazzle.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="transparent" type="application/x-shockwave-flash" width="138" height="135"></embed>        </object>      <br />      <Font face="Verdana, Arial, Helvetica, sans-serif" size="-4" color="#FF6600"><a href="http://blografando.splinder.com" target="_blank" title="Accessori per la costruzione di blog e pagine web">by Blografando</a><a href="http://www.adelebox.it/" target="_blank">&AB </a></FONT>    </div>
</div>
<div class="boxmenu">
<div class="titolimenu">TAG</div>
<p class= "testomenu" >--tagcloud-- </p>
</div>
<div class="boxmenu">
<div class="titolimenu">ARCHIVIO</div>
<p class="testomenu"> <--archivio+counter--> </p>
</div>
<div class="boxmenu">
<div class="titolimenu">   PROVA </div>
<p class="testomenu">
<img src=" ">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu"> PROVA  </div>
<p class="testomenu">
<img src=" ">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">VISITE</div>
<p class="testomenu">Sono passati da qui < --counter--> blografici</p> 
<p class="testomenu">
</p>
</div>
<div class="boxmenu">
<div class="titolimenu">Credits</div>
<p class="testomenu"> <a href="</a>
<br /> <span class="Stile5"><a href="//" target="_blank"> </a></span></p>
</div>
</body>
</html>


Re: Paginazione Blog

MessaggioInviato: 3 maggio 2012, 17:00
da Alexiel
Quanti post hai scritto in tutto?

Dopo la parte per i post hai un codice che non capisco:
Codice: Seleziona tutto
<center>
<div id="blog-pager"></div>

</Blogger>
<center>
<div id="blog-pager"></div>
</center>


Praticamente una chiusura di "blogger" che però non viene mai aperto. Prova a sostituire con:
Codice: Seleziona tutto
<center>
<div id="blog-pager">
--pagine--
</div>
</center>


Leggermente più su, hai:
Codice: Seleziona tutto
</style>
</head>
<body>
</style>
</head>
<body>

Non sempre repetita iuvant. Elimina i primi tre, o gli ultimi tre.
Non garantisco nulla :D

NB: se non inserisci il tag --pagine--, la paginazione non sarà visibile in home ma solo nelle altre pagine, ad es. cliccando su di un mese, se ci sono più di 10 post, ti dovrebbe apparire la paginazione. Idem cliccando su categorie o tag etc.

Paginazione Blog

MessaggioInviato: 3 maggio 2012, 18:08
da isabella80
Alexiel ha scritto:
Praticamente due chiusure di "blogger" che però non viene mai aperto. Prova a sostituire con:
Codice: Seleziona tutto
<center>
<div id="blog-pager">
--pagine--
</div>
</center>

Non garantisco nulla :D


Grazie sei un genio funziona benissimo come ha scritto tu....sperando di non approfittare della tua disponibilità volevo chiederti quando hai tempo, come posso inserire Home sopra il primo post in modo che se si girano le vare pagine è possibile ritornare direttamente alla prima pagina cliccando su home, devo inserire qualcosa sulla parte del post? Grazie

Re: Paginazione Blog

MessaggioInviato: 3 maggio 2012, 18:19
da Alexiel
Prova ad inserire
Codice: Seleziona tutto
<a href="roma1980.iobloggo.com">Home</a></br>

prima del tag --post-- (quindi all'interno del div "corpo")