تدوينة اليوم حول اضافة اداة رائعة الى مدونتك و هي اضافة ترقيم الصفحات لمدونة بلوجر تضيف هذه الاداة لمسة من الاحتراف و الجمال الى مدونتك, و تتيح لزوار المدونة في التنقل داخلها بلا اي متاعب.
طريقة التركيب :
ادخل الى مدونتك
ثم التخطيط
أضف اداة جديدة html/javascript تحت رسائل المدونة.
انسخ والصق هذا الكود بها :
<style type="text/css">
#blog-pager{padding:5px 0 !important;}
showpageArea {font-weight: bold;margin:5px;}/* http://www.bloggereducation.co.vu/ */
.showpageArea a {text-decoration:underline;color: #fff;}/* www.RYDNET.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: #EFA347; background: -moz-linear-gradient(top, #EFA347 0%, #F49520 50%, #E07F08 51%, #eb6105 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFA347), color-stop(50%,#F49520), color-stop(51%,#E07F08), color-stop(100%,#eb6105)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFA347', endColorstr='#eb6105',GradientType=0 ); }/* www.RYDNET.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.RYDNET.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.RYDNET.blogspot.com */
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}/* www.RYDNET.blogspot.com*/
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#fff;}/* www.RYDNET.blogspot.com */
</style>
<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=8;
var numshowpage=8;
var upPageWord ='التالي';
var downPageWord ='السابق';
</script>
<script src='http://uinegy.googlecode.com/svn/wiki/uniegy_bloggerpagenavi.js' type='text/javascript'></script>
*var postperpage=8 :عدد المواضيع التي ترغب في ظهورها في الصفحة الرئيسية.
*var numshowpage=8 :عدد المواضيع التي ترغب في ظهورها في باقي الصفحات.
احفظ الاداة.
مع تحياتي
عمليات البحث ذات الصلة على google:
0 تعليقات:
الرموز التعبيرية