أداة معلومات عن التدوينة لبلوجر

السلام عليكم ورحمة الله وبركاته  متابعي مدونة نبض في تدوينة جديدة ، سأقدم لكم إضافة هامه ومميزة لقوالب بلوجر ، هذه الإضافة تقدم لزائر مدونتك معلومات بسيطة عن  التدوينة مثل كاتب الموضوع و موعد النشر بالاضافة لعدد المشاهدات والتعليقات بالاضافة لباقي المميزات .. ولمعاينة الاضافة  إنظر أسفل هذه التدوينة ،،
شرح تركيب الإضافة :
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 != &quot;index&quot;'><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 != &quot;true&quot;'>&#1548;</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> 
ثم اضغط حفظ ومبروك عليك الأداة الجديدة ،، 
تنويه : الصور والفيديوهات في هذا الموضوع على هذا الموقع مستمده أحيانا من مجموعة متنوعة من المصادر الإعلامية الأخرى. حقوق الطبع محفوظة بالكامل من قبل المصدر. إذا كان هناك مشكلة في هذا الصدد، يمكنك الاتصال بنا من هنا.

الكاتب

محمد عيد ، 18 عاماً ،، من مصر ، عاشق للقراءة يملك خبرة كافية في مجال الانترنت والتدوين، قدوتي في الحياة سيدنا محمدﷺ وبيل غيتس ،، لا تنسوني من صالح دعائكم

1 التعليقات لموضوع "أداة معلومات عن التدوينة لبلوجر "

الكاتب
avatar

|شكرا اخي على الإضافة المميزة


الابتسامات الابتسامات