Build A Blogger Website: How to break a blogger post into multiple pages

Blogger tool does support a "jump break', or a "read more" link, however, it only allows 1 of them. What happens if you want to write about a 10 page story. I developed the following code using basic HTML <div> elements with the show or hide attribute, and also added JQuery for some special affects.:

Here is example website with the behavior:

Here is the example HTML code (paste directly into your post). I created a tool called Blogger PageBreak if you would like to use it.

============ Here is the code (directly from post) =========

  <br />

   Hate LeBron James.<br />

   In fact, I'll never forgive him for mocking Dirk Nowitzki's flu cough in the 2011 NBA Finals. But these days, in the wake of Miami's Finals' triumph over the Spurs, I can't deny how damn good of a basketball player he's become.<br />

   Last week he accomplished being only the third player in NBA history to win MVPs of both regular season and The Finals in back-to-back seasons. The other two? Bill Russell and Michael Jordan. Yeah, wow.<br />

   Facing elimination in Games 6 and 7 against San Antonio James produced two epic performances totaling 69 points, 23 rebounds and 14 assists.<br />

   Like him or not, you can't deny that greatness.<br />

   Stubborn as I am, I can no longer keep LeBron off my list of the NBA's greatest all-time players, an elite collection that doesn't include the winningest player (Bill Russell), most dominant physical specimen (Wilt Chamberlain) or 2nd all-time leading scorer (Karl Malone). I can only take solace that LeBron's 11-1 in playoff series as a member of the Heat.<br />

   And all us Mavs' fans gleefully know who gave him the one defeat. Right?<br />

   My Top 10 Players in NBA History ...<br />

<br />

Pages:    1    <a href="#" class="button_2_171">   2    </a><a href="#" class="button_3_171">   3    </a></div>

<hr />

</div>

<small><i>(continued from page 1)</i></small><br /><br />

<br />

   <b>10. Allen Iverson -</b> Pound-for-pound he's the best player ever. I've stood next to him during an interview. Dude is about 1-inch taller and 10 pounds lighter than me. Stand next to the behemoth LeBron and you'll realize how daunting The Answer's task was. Four-time scoring champ, three-time steals leader and '01 MVP was amazing.<br />

   <b>9. Shaquille O'Neal - </b>More powerful than polished, he bulled his way to four championships and 15 All-Star teams. Guys like Hakeem Olajuwon were more talented, but not more accomplished. Or dominant.<br />

<b>   8. </b><b>Tim Duncan -</b> The Big Boring white-breaded us to death via four championships, two MVPs and 13 straight seasons on the All-Defensive Team. Also set an unofficial record for whines after foul calls.<br />

   <b>7. Oscar Robertson -</b> Yeah, I know he's only got the one ring and just one MVP, but in 1961 the combo guard - get this - averaged a triple-double to the tune of 30.8 points, 12.5 rebounds and 11.8 assists.<br />

   <b>6. </b><b>LeBron James -</b> With a consistent shooting touch out to 3-point land added to his brute force finishing around the rim, he's muting critics with two championships, two Finals MVPs and four MVPs. Scary thing? He's still only 28.<br />

<br />

Pages: <a href="#" class="button_1_171">   1    </a>   2    <a href="#" class="button_3_171">   3    </a></div>

<hr />

</div>

<small><i>(continued from page 2)</i></small><br /><br />

<br />

   <b>5. Larry Bird -</b> Simply the most-competitive, best-shooting player to ever bounce a basketball. His three titles and three MVPs don't begin to tell his fiery story.<br />

   <b>4. </b><b>Kobe Bryant -</b> His drama is loathed, but his play can't be anything but loved. Five championships, two Finals MVPs, two scoring titles and nine All-Defensive teams just can't be dismissed.<br />

<div>

   <b>3. </b><b>Kareem Abdul-Jabbar -</b> Six titles. Six MVPs. But most importantly, a record 38,387 points behind the most lethal, unstoppable shot in NBA history: The Sky Hook.</div>

<div>

   <b>2. Magic Johnson -</b> Along with five championships and three MVPs, he made the NBA cool and popular with his stylish passing and Showtime smile.</div>

   <b>1. Michael Jordan -</b> His Airness introduced the NBA to a game played above the rim and beyond known standards. His legacy includes six championships, five MVPs, 10 scoring titles and countless corporations benefiting from his brand.<br />

Pages: <a href="#" class="button_1_171">   1   </a><a href="#" class="button_2_171">   2   </a>   3    </div>

<hr />

</div>

</script>

jQuery(document).ready(function(){

jQuery('.button_1_171').click(function(){

jQuery('.content_1_171').show('slow');

jQuery('.content_2_171').hide('slow');

jQuery('.content_3_171').hide('slow');

$('html, body').animate({ scrollTop: $('.blogtop_171').offset().top - 35}, 500);

return false;

});

jQuery('.button_2_171').click(function(){

jQuery('.content_1_171').hide('slow');

jQuery('.content_2_171').show('slow');

jQuery('.content_3_171').hide('slow');

$('html, body').animate({ scrollTop: $('.blogtop_171').offset().top - 35}, 500);

return false;

});

jQuery('.button_3_171').click(function(){

jQuery('.content_1_171').hide('slow');

jQuery('.content_2_171').hide('slow');

jQuery('.content_3_171').show('slow');

$('html, body').animate({ scrollTop: $('.blogtop_171').offset().top - 35}, 500);

return false;

});

</script>

Build A Blogger Website

Wednesday, June 26, 2013

How to break a blogger post into multiple pages

No comments:

Post a Comment