Posturile expandabile/read more pot fi adaugate foarte usor.
Haidati sa incepem instalarea:
Mergeti la Aspect>>Editare HTML>>acum selectati Extindeti Sabloanele Control
Pentru READ MORE:
Cautati in codul sablonului tagu-ul
</head> si lipiti imediat dupa el urmatorul cod:
<!-- JavaScript Posts Summaries -->Acum cautati acesta parte de cod(sau ceva similar) in sablonul vostru:
<script language='javascript' src='http://www.sigmirror.com/files/16723_kc9lz/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 450, // default is 100
expandEffect: 'fadeIn',
expandText: '[...]', // default is 'read more...'
userCollapseText: '[^]' // default is '[collapse expanded text]'
});
});
</script>
<!-- End JavaScript Posts Summaries -->
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Inlocuiti codul in verde cu cel de mai jos:
<b:if cond='data:blog.pageType != "item"'>Acum dati previzualizare si vedeti link-ul de Read More sub fiecare post,ca in imaginea de mai jos:
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Daca nu va place hack-ul cu Read more si vreti ca posturile sa va devina expandabile urmariti instructiunile:
La inceputul hack-ului a-ti adaugat un cod java script imediat dupa tag-ul
</head>,acum,cautati aceasta parte din cod:
<script language='javascript' src='http://www.sigmirror.com/files/16722_nbdvm/jquery.extractor.js' type='text/javascript'/>
si inlocuiti-o cu acest cod:
<script language='javascript' src='http://www.sigmirror.com/files/16742_fgkbf/jquery.expander.js' type='text/javascript'/>
Acum cautati codul de mai jos si stergeti ceea ce este colorat cu rosu
<b:if cond='data:blog.pageType != "item"'>Acum salvati si vizualizati-va blogul,posturile vor arata ca in imaginea de mai jos:
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">Read More..</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
Acum puteti vedea tot postul fara ca sa mai fiti nevoiti sa vizitati la o alta pagina!!!
Sper sa va Placa!!!
Salut. Multumita tie, am reusit sa urmez pas cu pas instructiunile. Numai ca, acum am exact la sfarsitul articolului 'read more' :)) Probabil ca-mi lipseste o setare :P
Daca te vei uita un pic pe blog vei observa probabil ca nu am widget-ul cu 'home......'
Tare mult as vrea sa scrii un tutorial si pe acest subiect. Multumesc ff mult!
Dar ca sa nu mai apara "[...]" cum fac ca sa apara doar un fel de "Read More..." dar sa fie expandabil?????/
id de mess : ionutzu2009
ionut...nu se poate...sau inca nu stiu eu sa fac...o sa ma mai documentez...urmareste blogul pentru ca atanci cand o sa apara pe blog,sa vezi ;)
Puiu...incearca sa dai expand widgets(extindeti sabloanele control)
Bafta;)
functioneaza....mersi