السلام عليكم ورحمة الله و بركاته
نقدم لكم اضافة معلومات عن التدوينة بشكل احترافي و مميز , وهذه الاضافة مثل اللتي في موقع ويكليس تم تحويلها لمدونات بلوجر لتزيد من جمال المدونات حيث تحتوي على التاريخ و الوقت وعدد الزيارات و عدد التعليقات و اسم الكاتب و التسميات و رابط الابلاغ و الحقوق
تركيب الاضافة
• من تحرير القالب اضغط على Ctrl + F وابحث عن <b:skin/><[[
• قم بوضع هذا الكود فوقها :
/* tech-ly.blogspot.com */
tech-ly-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;}
tech-ly-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;}
tech-ly-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;
}
tech-ly-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;
}
tech-ly-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;
}
tech-ly-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;
}
tech-ly-admin {
background: url("http://tech-ly.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;
}
tech-ly-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;
}
tech-ly-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;
}
tech-ly-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;
}
/* tech-ly.blogspot.com */
• الان ابحث عن <data:post.body/>
- قد تجدها عدة مرات *جربها كل على حدة حتى تتم الاضافة
• ضع هذا الكود اسفل الكود السابق
<b:if cond='data:blog.pageType == "item"'>
<div style='display:none'>
/* ---- Code By tech-ly.blogspot.com ---- */
</div>
<tech-ly-postinfo>
<tech-ly-infotitle>معلومات عن التدوينة</tech-ly-infotitle>
<tech-ly-postdate>بتاريخ: <data:post.date/></tech-ly-postdate>
<tech-ly-time>الساعة: <data:post.timestamp/></tech-ly-time>
<tech-ly-view>عدد الزيارات: (جارى التحميل) ..</tech-ly-view>
<tech-ly-comments>عدد التعليقات: <data:post.numComments/></tech-ly-comments>
<tech-ly-admin>الكاتب: <data:post.author/></tech-ly-admin>
<tech-ly-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></tech-ly-lables>
<tech-ly-fakelink>للإبلاغ عن رابط معطوب <a href='الرابط هنا' style='color: #444;'>اضغط هنا</a></tech-ly-fakelink>
<tech-ly-copyright>جميع الحقوق محفوظة ( <a href='الرابط هنا' style='color: #444;'>إتفاقية نقل ونشر المحتوى</a> )</tech-ly-copyright>
</tech-ly-postinfo><a href='http://tech-ly.blogspot.com' style='color: #444; font-size: 10px;'>Widget By tech-ly.com</a>
<tech-ly.com/>
</b:if>
• قم بتغيير الكلمات و الروابط بما يناسبك :) و مبروك
من فضلك اضغظ لايك لمشاهدة لينك التحميل
إرسال تعليق