الاثنين، 28 يناير 2013

إضافة ترقيم الصفحات لمدونة

السلام عليكم و رحمة الله تعالى و بركاته

html5


زوارنا الكرم اليوم سنقدم إن شاء الله طريقة إضافة ترقيم الصفحات في مدونة

 (Modele) نبدأ بالتوجه إلى لوحة التحكم ثم تخطيط
ثم الضغط على توسيع قوالب واجهة المستخدم HTML ثم نضغط على تحرير
(Développer des modèles de gadgets)

F3 نبحث الأن عن هدا الكود بالضغط على

]]></b:skin>


ونضيف فوقه مباشرة

 .paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:tahoma;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; right:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; right:50%;
 margin-right:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage
/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:550px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}
بعد لصق الكود السابق نبحث الأن على 

</body>

و نقوم بنسخ الكود التالي فوقها مباشرة
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js'
type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/
paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
var postperpage=7 عدد المواضيع في كل صفحة

var numshowpage=6 عدد الصفحات في العداد

0 التعليقات:

إرسال تعليق

ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.