creating page inside blogspot post

<!--CSS CODE www.abu-iyad.com-->
<style>
.hiddenPage{display:none;} /*do not touch this*/

a.page{padding: 3px; border:1px solid #d3d3d3;text-decoration:none;}
a.activePage{color:red;}
</style>
<!--HTML CODE www.abu-iyad.com-->
<!--CONTENT-->
/*كود الصفحة الأولى*/
<div id="page1" class="contentPage">
 عنوان الصفحة الأولى

 محتوى الصفحة الأولى
</div>
/*كود الصفحة الثانية*/
<div id="page2" class="contentPage hiddenPage">
 عنوان الصفحة الثانية

 محتوى الصفحة الثانية
</div>
/*كود الصفحة الثالثة*/
<div id="page3" class="contentPage hiddenPage">
 عنوان الصفحة الثالثة

 محتوى الصفحة الثالثة
</div>
/*يمكنك زيادة صفحة أخرى عن طريق تكرار الكود السابق مع تغيير رقم الصفحة*/
<!--PAGINATOR-->

<a href="#page1" class="page activePage">1</a>
<a href="#page2" class="page">2</a>
<a href="#page3" class="page">3</a>
/*عند زيادة صفحة أخرى يجب عليك إضافة سطر أخر من الكود السابق مع تغيير رقم الصفحة*/
<!--SCRIPT CODE www.abu-iyad.com-->
<script>
function changePage(pageElement){
 $(".contentPage").addClass('hiddenPage');
 $id = $(pageElement).attr('href');
 $($id).removeClass('hiddenPage').show();
 $(".page").removeClass('activePage');
 $(pageElement).addClass('activePage');
}

$('.page').click(function(){changePage(this);});

</script>