Paginazione Blog

Se hai problemi con la barra di iobloggo o con i template, questo è il posto giusto!

Moderatori: Moderatori iobloggo, Moderatori HTML & Grafica

Paginazione Blog

Messaggioda isabella80 » 3 maggio 2012, 16:24

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>

isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Paginazione Blog

Messaggioda Alexiel » 3 maggio 2012, 17:00

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.
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/

Paginazione Blog

Messaggioda isabella80 » 3 maggio 2012, 18:08

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
isabella80
inesperto
inesperto
 
Messaggi: 13
Iscritto il: 4 marzo 2012, 12:25
Indirizzo blog: roma1980.iobloggo.com

Re: Paginazione Blog

Messaggioda Alexiel » 3 maggio 2012, 18:19

Prova ad inserire
Codice: Seleziona tutto
<a href="roma1980.iobloggo.com">Home</a></br>

prima del tag --post-- (quindi all'interno del div "corpo")
Cercare prima di postare
Prima di postare una richiesta d'aiuto, usate la ricerca! Qualcuno prima di voi potrebbe aver già avuto lo stesso problema!
(cit. regolamento: http://forum.iobloggo.com/viewtopic.php?f=1&t=4)

Immagine Immagine
Avatar utente
Alexiel
Moderatore
Moderatore
 
Messaggi: 1777
Iscritto il: 3 agosto 2004, 16:32
Località: Napoli
Indirizzo blog: http://alexiel.iobloggo.com/


Torna a [Problemi tecnici] Template

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite

cron