تطبيقات الهواتف الذكية والحاسوب: ترقيم الصفحات على بلوجر اصبح ولا اسهل

بسم الله الرحمان الرحيم

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

في بعض الاحيان يقوم مطوري اضافات بلوغر بإضافة روابط مواقعهم الى الاضافة وهاته الروابط تظهر عندما تضاف الاضافة الى المدونة مما يشكل ازعاج للمدونين او يعتبرونه اشهار مجاني للغير اليوم ساضع شرح لأضافة جد مطلوبة من طرف المدونين وهي اضافة ترقيم الصفحات لكن الاشكال هو ان جل اضافات " ترقيم الصفحات" على الانترنت بها مشكل المذكور السابقا

الان اقدم لكم اضافة " ترقيم الصفحات" مبرمجة من صفر مقدمة من مدونة علمني :

صورة للأضافة :

لنبدأ على بركة الله :

الخطوة الاولى :

اولا نتجه الى : Dashborad/Design/edit html

ثم نضغط على (Ctrl+f) ونبحث عن

]]></b:skin>

ثم نضيف قبلها الكود الموالي :

.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin:10px;
}

.showpageArea a {
color: #000;
text-shadow:0 1px 2px #fff;
font-weight: 700;
}

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #919106;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgekjhzbaZtobkagNscTfonJ61Phx5ePbK7J5F4Sf8CmO9ur6747jQ-XTGrr0DUoPF2AJAYeAZ0yDxZNutDIa6I2vb-0JYSz-XnsStUWHTYOUvke_C5G6HU4OmYjDdHcB7bCku70orpWQ8/s400/wp2.jpg) 0 -50px repeat-x;
}

.showpageNum a:hover {
border:1px solid #aeae0a;
background: #ccc url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgekjhzbaZtobkagNscTfonJ61Phx5ePbK7J5F4Sf8CmO9ur6747jQ-XTGrr0DUoPF2AJAYeAZ0yDxZNutDIa6I2vb-0JYSz-XnsStUWHTYOUvke_C5G6HU4OmYjDdHcB7bCku70orpWQ8/s400/wp2.jpg) 0 -25px repeat-x;
}

.showpageOf{
margin:0 8px 0 0;
}

.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 700;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #919106;
background: #666 url(ttp:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgekjhzbaZtobkagNscTfonJ61Phx5ePbK7J5F4Sf8CmO9ur6747jQ-XTGrr0DUoPF2AJAYeAZ0yDxZNutDIa6I2vb-0JYSz-XnsStUWHTYOUvke_C5G6HU4OmYjDdHcB7bCku70orpWQ8/s400/wp2.jpg) 0 0 repeat-x;
text-decoration: none;
}

الخطوة الثانية :

نبحث عن :

</body>

ونلصق الكود التالي قبلها :

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://sites.google.com/site/testsajasite/pagenav.js' type='text/javascript'&gt;&lt;/script&gt;