[حصريا] اضافة معلومات التدوينة بشكل احترافي لبلوجر

الكاتب بتاريخ عدد التعليقات : 12

مرحبا بكم متابعين وزوار مدونة مهووسين الويب اليوم استجابة لطلب الاخ abdelhak amrani وكان طلبه كيف أضيف : معلومات عن التدوينة ؟؟ وانا جاوبته بأني سوف افعل ذلك وها انا اقدم الشرح له وايضا لكم اخوتي لكي نستفاد من عضنا الان عن الاضافة هي مؤلفة عن معلومات للتدوينة مثلا (التاريخ,الكاتب,الساعة,عدد الزيارات والتعليقات ............).
طريقة التركيب
• من تحرير القالب اضغط على Ctrl + F وابحث عن  ]]></b:skin>
• قم بوضع هذا الكود فوقها :

  /* th3geekweb3.blogspot.com */th3geekweb3-postinfo {background: #FFF;border-bottom: 2px solid #D7D7D7;border-left: 1px solid #E7E7E7;border-right: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;margin-bottom: 10px;padding: 10px;color: #555;display: block;height: auto;min-width: 350px;max-width: 97%;float: right;min-height: 265px;}th3geekweb3-infotitle {background:#f7f7f7;color:#444;text-align:center;width:99%;margright:auto;margin-left:auto;height:30px;display: block;color: #FFF;font-family: Tahoma;font-size: 13px;font-weight: normal;text-align: center;background: #444;padding-top: 7px;height: 23px;margin-bottom: 10px;}th3geekweb3-postdate {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/date.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-time {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/time.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-comments {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/comments.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: auto;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-lables {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/tags.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: auto;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-admin {background: url("http://cdn.top4top.net/i_b8b415ec621.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: auto;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-view {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/views.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: auto;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-fakelink {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/broken.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}th3geekweb3-copyright {background: url("http://wikoles.com/wp-content/themes/Wikoles/images/side-info-icons/copyright.png") no-repeat scroll 100% 0px rgba(0, 0, 0, 0);padding: 8px 40px 8px 8px;background-color: #EFF0F0;margin-bottom: 5px;width: 91%;margin-right: 5px;float: right;height: 17px;width: 88%!important;}/* th3geekweb3.blogspot.com */
• الان ابحث عن  <data:post.body/> 
- قد تجدها عدة مرات *جربها كل على حدة حتى تتم الاضافة 

• ضع هذا الكود اسفل الكود السابق 
<div style='display:none'></div><th3geekweb3-postinfo><th3geekweb3-infotitle>معلومات عن التدوينة</th3geekweb3-infotitle><th3geekweb3-postdate>بتاريخ: <data:post.date/></th3geekweb3-postdate><th3geekweb3-time>الساعة: <data:post.timestamp/></th3geekweb3-time><th3geekweb3-view>عدد الزيارات: (جارى التحميل) ..<data:post.numviews/></th3geekweb3-view><th3geekweb3-comments>عدد التعليقات: <data:post.numComments/></th3geekweb3-comments><th3geekweb3-admin>الكاتب: <data:post.author/></th3geekweb3-admin><th3geekweb3-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></th3geekweb3-lables>  <th3geekweb3-fakelink>للإبلاغ عن رابط معطوب <a href='http://www.facebook.com/th3geekweb3' style='color: #444;'>اضغط هنا</a></th3geekweb3-fakelink><th3geekweb3-copyright>جميع الحقوق محفوظة ( <a href='http://th3geekweb3.blogspot.com/p/blog-page_97.html' style='color: #444;'>إتفاقية نقل ونشر المحتوى</a> )</th3geekweb3-copyright></th3geekweb3-postinfo><th3geekweb3.com/></b:if>
قم بتغيير الكلمات والروابط واحفظ القالب واذهب للمعاينة

12 تعليقات على موضوع " [حصريا] اضافة معلومات التدوينة بشكل احترافي لبلوجر "

شكرا على التدوينة الرائعة
ارجو زيارة المدونة http://tknielantrnat.blogspot.com/

مرحبا اخي
انا ليس لدي صندوق التدوينة
لذلك ارغب في جعل معلومات التدوينة بعرض مساحة التدوينة
فكيف ذلك ؟؟

اذا كنت تريد جعلها بعرض الموضوع فهذا كذلك فهي مصممة هكذا واذا كان هناك اي استفسار اخر يمكنك وضعه في تعليق او مراسلتي عبر ايميلي almahmod2013@gmail.com او فيسبوك facebook.com/3mran.al7ariri

أخي لم أجد الكود في القلب :(

اي كود اخي !!! الكودين يجب ان يكونى في القالب مستحيل إبحث جيدا اخي

اخى العزيز انا ببحث عن هاد الكود مو موجود نهائى بالقالب اخى <[[ ^^ وبيكون معى معكوس وبكتبه بنفسى منيخ

تم التعديل اخي جرب الان

تم التعديل اخي جرب الان

شكرا على التدوينة الرائعة
ارجو زيارة المدونة
http://understand-web.blogspot.com/

لم يعمل معي
زورونا في المدونة
http://sheekaranet.blogspot.com/

اسف اخي لا استطيع فعل شئ الان لأني خارج المدونة الان

████ شروط التعليق ████
1- يجب على التعليق أن يكون بلا روابط إشهارية
2- أن يكون التعليق خاص بمحتوى التدوينة
3- لإضافة كود حوله أولاً بمحول الأكواد
4- لاستعمال خط عريض ضع الكود : <strong>النص هنا...</strong>
5- لاستعمال خط مائل ضع الكود : <em>النص هنا...</em>
6- لإضافة صورة ضعها بهذا الكود : <i rel="image"> ... رابط الصورة هنا ... </i>

الإبتسامات إخفاء