طريقة اضافة معلومات عن التدوينة بشكل إحترافي

. . هناك تعليق واحد:


السلام عليكم ورحمة لله وبركاته مرحبا بكم أحبتي في لله في هذه الحلقة الجديدة حيت سوف نتعر على اضافة معلومات عن التدوينة بشكل إحترافي

هذه الإضافة الإحترافية تمكن الزائر من معرفة معلومات عن التدوينة مثل :

بتاريخ: 

الساعة:

عدد الزيارات: (جارى التحميل) :

عدد التعليقات:

الكاتب:

للإبلاغ عن رابط معطوب اضغط هنا

جميع الحقوق محفوظة ( إتفاقية نقل ونشر المحتوى )


هذه الإضافة جميلة جدا ويستعملها الكثير من المدونات العربية والأجنبية الإحترافية ^_^

طريقة التركيب

إدهب إلى لوحة تحكم في بلوجر ثم إلى قالب ثم تحرير html

قم بالبحث عن  ]]></b:skin>

ثم قم بوضع الكود التالي قبله (فوقه)

__________________________________________________________

/* http://www.nyogeek.com/ */
Ezzaii-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;}
Ezzaii-infotitle {background:#f7f7f7;color:#444;text-align:center;width:99%;margin-right: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;}
Ezzaii-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;
}
Ezzaii-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;
}
Ezzaii-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;
}
Ezzaii-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;
}
Ezzaii-admin {
background: url(http://ezzaii.com/up/do.php?img=255) 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;
}
Ezzaii-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;
}
Ezzaii-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;
}
Ezzaii-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;
__________________________________________________________

بعد ذلك لكى تظهر الاضافة اسفل كل التدوينات قم بالبحث عن


 ثم ضع هذا الكود اسفله  <data:post.body/>

__________________________________________________________

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='display:none'>
/* ---- Code By Ezzaii.com ---- */
</div>
<Ezzaii-postinfo>
<Ezzaii-infotitle>معلومات عن التدوينة</Ezzaii-infotitle>
<Ezzaii-postdate>بتاريخ: <data:post.date/></Ezzaii-postdate>
<Ezzaii-time>الساعة: <data:post.timestamp/></Ezzaii-time>
<Ezzaii-view>عدد الزيارات: (جارى التحميل) ..</Ezzaii-view>
<Ezzaii-comments>عدد التعليقات: <data:post.numComments/></Ezzaii-comments>
<Ezzaii-admin>الكاتب: <data:post.author/></Ezzaii-admin>
<Ezzaii-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></Ezzaii-lables>
<Ezzaii-fakelink>للإبلاغ عن رابط معطوب <a href='الرابط هنا' style='color: #444;'>اضغط هنا</a></Ezzaii-fakelink>
<Ezzaii-copyright>جميع الحقوق محفوظة ( <a href='الرابط هنا' style='color: #444;'>إتفاقية نقل ونشر المحتوى</a> )</Ezzaii-copyright>
</Ezzaii-postinfo><a href='http://www.nyogeek.com/' style='color: #444; font-size: 10px;'>Widget By http://www.nyogeek.com/</a>
<Ezzaii.com/>
</b:if>

__________________________________________________________



هناك تعليق واحد:

المشاركات الشائعة

يتم التشغيل بواسطة Blogger.