سلسلة الحاسوب: إضافة ترقيم الصفحات لبلوجر

إذا كنت تمتلك مدونة في بلوجر فإنك تحتاج لتطويرها دائماً ، حتى تسهل على الزائر إستعمال المدونة ، و خاصة إذا كانت المدونة عربية ، لأن المدونة الأجنبية تكون معظمها مقالات كبيرة و صور فقط ، لكن المدونات العربية يحتوي بها كل شيء من ضمن مجال المدونة ( المفروض ) ، لذلك هناك تقدم كبير عند العرب في التدوين و إنشاء المدونات بشكل كبير .

و الآن سأقدم لكم إضافة لترقيم الصفحات ، تسهل على الزائر إستعمال المدونة ، حيث أن الإضافة يجب أن تضعها في أسفل التدوينات مباشرة ، و هذه الصورة تبين لك شكل الإضافة :

أظن أن شكلها مناسب لجميع المدونات و ذلك لأنه ملفت لنظر الزائر .

و الآن تابع خطوات تركيب الإضافة على مدونتك :
1- إضغط على تخطيط .
2- إضغط على إضافة أداة .
3- أضف HTML/JavaScript .
4- إنسخ الكود التالي فيه :

<style type="text/css">
#blog-pager{padding:5px 0 !important;}
.showpageArea {font-weight: bold;margin:5px;}/* www.uniegy.blogspot.com */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.uniegy.blogspot.com */
.showpageNum  a, .showpage a {color: #fff;text-decoration:none;border:1px  solid  #999;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0   3px;padding:3px 5px; background: #9dd53a; background:   -moz-linear-gradient(top, #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#9dd53a), color-stop(50%,#a1d54f),   color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a',   endColorstr='#7cbc0a',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageNum  a:hover, .showpage a:hover {border: 1px solid #ccc;  background:  #6db3f2; background: -moz-linear-gradient(top, #6db3f2 0%,  #54a3ee 50%,  #3690f0 51%, #1e69de 100%); background:  -webkit-gradient(linear, left  top, left bottom, color-stop(0%,#6db3f2),  color-stop(50%,#54a3ee),  color-stop(51%,#3690f0),  color-stop(100%,#1e69de)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2',   endColorstr='#1e69de',GradientType=0 ); } /* www.uniegy.blogspot.com */
.showpagePoint  {color: #aaaaaa;text-decoration:none;border:1px solid   #999;-webkit-border-radius:3px;-moz-border-radius:3px; margin:0   3px;padding:3px 5px; background: #e2e2e2; background:   -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe   100%); background: -webkit-gradient(linear, left top, left bottom,   color-stop(0%,#e2e2e2), color-stop(50%,#dbdbdb),   color-stop(51%,#d1d1d1), color-stop(100%,#fefefe)); filter:   progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2',   endColorstr='#fefefe',GradientType=0 ); }/* www.uniegy.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.uniegy.blogspot.com */
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.uniegy.blogspot.com */
</style>

5- إحفظ الإضافة و أنقلها تحت التدوينات بالضبط .

سلسلة الحاسوب

الصفحات

الأحد، 23 يونيو 2013

إضافة ترقيم الصفحات لبلوجر

ليست هناك تعليقات:

إرسال تعليق