شرح تركيب الإضافة :
1- من لوحة التحكم >> قالب >> تحرير HTML
2- نأخذ نسخة احتياطية لقالب المدونة قبل اجراء اي تغير
3- نقوم بالاستعانة بلوحة التحكم (CTRL+F) من اجل البحث عن هذا الكود
]]></b:skin>
4- نضع الكود التالي قبله ( فوقه )
/* CSS Page Navigation */.pagenav {clear: both;margin: -5px 0 10px;margin-top: 10px;padding: 5px;font-size: 12px;font-weight: 800;background: #F2F2F2;display: inline-block;float: right;border: 1px solid #E2E2E2;}.pagenav span,.pagenav a {padding:8px;display:inline-block;background-color:#fff;color:#87888e;margin-right:2px;margin-left:2px;border:1px solid #E8E8E8;transition:all 0.6s linear;float: right;}.pagenav .pages {background-color:#fff;color:#87888e;border:1px solid #E8E8E8;font-weight:400;transition:all .3s linear;float: right;padding: 8px;}.pagenav a:hover {background-color:#FC4F3F;color:#fff;border:1px solid #E44334;transition:all .2s linear;}.pagenav .current {background-color:#FC4F3F;color:#fff;border: 1px solid #E44334;transition:all .3s linear;}.pagenav .pages {display:inline-block;}</style></b:if><b:if cond='data:blog.pageType != "index"'><style type='text/css'>#bottom-posts{margin:10px 0;}#bottom-posts h3{font-size:13px;margin:-10px -10px 7px;background:#575253;color:#fff;padding:5px;padding-left:5px;text-align: center;font-weight: 700;}.mbtloading {background: url(//ar1web-com.googlecode.com/svn/trunk/loading.gif) no-repeat left center;width: 16px;height: 16px;}ar1web-postinfo{background: #FFF;border: 1px solid #E7E7E7;padding: 10px;color: #555;display: block;max-width: 45%; text-align: right;height: 251px; margin-top: -1px;}ar1web-infotitle {width: 103.3%;margin-left: -10px;display: block;color: #FFF;font-size: 13px;font-weight: 700;text-align: center;background: #575253;padding-top: 7px;height: 32px;margin-top: -10px;}ar1web-postdate {background: url(//ar1web-com.googlecode.com/svn/trunk/date.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-comments {background: url(//ar1web-com.googlecode.com/svn/trunk/comments.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px; margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-lables {background: url(//ar1web-com.googlecode.com/svn/trunk/tags.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-admin {background: url(//ar1web-com.googlecode.com/svn/trunk/Admin.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;margin-top: 3px;}ar1web-view {background: url(//ar1web-com.googlecode.com/svn/trunk/views.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;margin-bottom: 5px;width: 91%;float: right;height: 31px;}ar1web-fakelink {background: url(//i.imgur.com/1HeB44m.png) no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px; margin-bottom: 5px;width: 91%;float: right;height: 31px;}.post-body img{;border: 2px solid #eee;box-shadow: 1px 30px 30px -26px #A9A7A7;border: 1px solid #F4F4F4; padding: 5px;}
ثم ابحث عن هذا الكود
<data:post.body/>
قد تجده متكرره عدة مرات الاخيره هي
المقصوده واضف هذا الكود تحتة
<div id='bottom-posts'><div style='display:none'/><ar1web-postinfo><ar1web-infotitle>معلومات عن التدوينة</ar1web-infotitle><ar1web-admin> <data:post.author/> : الكاتب</ar1web-admin><ar1web-postdate>بتاريخ : <data:post.date/></ar1web-postdate><ar1web-view><a expr:name='data:post.id'/><div id='views-container'><span class='views-icon'/><div class='views-text'/><span class='mbtloading viewscount' id='postviews'/></div>: عدد الزيارات<data:post.numviews/></ar1web-view><ar1web-comments>عدد التعليقات: <data:post.numComments/></ar1web-comments><ar1web-lables><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag' style='color: #444;'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>،</b:if></b:loop></b:if></ar1web-lables> <ar1web-fakelink>قبل الإستعمال إقرأ <a href='#' style='color: #FFFFFF; background: #8B8887;padding: 3px;border-radius: 3px;font-size: 10px;'>إتفاقية الإستخدام</a></ar1web-fakelink><ar1web.com/></ar1web-postinfo>
ثم اضغط حفظ ومبروك عليك الأداة الجديدة ،،
1 التعليقات لموضوع "أداة معلومات عن التدوينة لبلوجر "
|شكرا اخي على الإضافة المميزة
الابتسامات الابتسامات