بسم الله الرحمن الرحيم
متابعينا في مستلزمات هل رأيت مدونات تضع معلومات التدوينة فى العمود الجانبى وتمنيت ان تضع معلومات التدوينة لديك بنفس الشكل لا تقلق فنحن نمنحك فرصة الحصول على الاضافة , ولكن تقديرا لنا نرجو التعليق على التدوينة .
تنصيب الاضافة
الكود الاول :ادخل للمدونة » القالب » تحرير html » إضغط ctrl +f » إبحث عن </body> » ثم ضف الكود التالى فوقها
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169<script>
$(document).ready(function(){
$("div.post-info2").replaceWith($("div.post-info"));
$("div.mostlzmat-links2").replaceWith($("div.mostlzmat-links"));
});
</script>
<script src='https://cdn.firebase.com/v0/firebase.js' type='text/javascript'></script>
<script>
$.each($('a[name]'), function(i, e) {
var elem = $(e).parent().find('#postviews,#mostlzmatviews').addClass('mbtloading');
var blogStats = new Firebase("https://mostlzmat.firebaseio.com/pages/id/" + $(e).attr('name'));
blogStats.once('value', function(snapshot) {
var data = snapshot.val();
var isnew = false;
if (data == null) {
data = {};
data.value = 0;
data.url = window.location.href;
data.id = $(e).attr('name');
isnew = true;
}
elem.removeClass('mbtloading').text(data.value);
data.value++;
if (window.location.pathname != '/') {
if (isnew) {blogStats.set(data);}
else
blogStats.child('value').set(data.value);
}
});
});
</script>
<style>
#post_media_permalink_container {
margin: -70px -10px 0px 0px;
padding: 0;
position: relative;
width: 102%;
height: 599px;
background: #F9F9F9;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
}
.post_media_permalink {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover !important;
opacity: 1;
background-position: 0px 0px;
background-repeat: no-repeat;
position: relative;
}
.post_media_permalink img {
filter: blur(10px);
-webkit-filter: blur(6px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: url(https://googledrive.com/host/0BzhmjN6UOoj5MTV3d0NwaUJHVHc?dl=1#blur);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='10');
background-repeat: no-repeat;
}
.demo:hover,.download1:hover,.download:hover {background:rgba(0, 0, 0, 0.6);text-shadow:0 0 1px #222;color:#fff;}
.button{float:right;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;font-size:14px;clear:both;-webkit-box-reflect:below -3px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(75%,transparent),to(rgba(255,255,255,0.4)))}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:0;padding:0}
.demo {opacity:1;padding:5px 14px!important;background:#9eb2c0;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}
.download {opacity:1;padding:5px 14px!important;background:#fe4e3f;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out; text-decoration: none!important;}
.demo:before {content: '\f06e';display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
.download:before {content:'\f019';display: inline-block;margin-left: 5px;width: 16px;height: 31px;line-height: 24px;color: #fff;font-family: fontawesome;transition: all 0.5s ease-in-out;padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
.download1 {opacity:1;padding:5px 14px!important;background:#3FA2FE;color:#fff!important;font-weight:400;font-size:14px;text-align:center;text-transform:uppercase;transition:background-color 1s 0s ease-out;text-decoration: none!important;}
.download1:before {content:'\f019';display:inline-block;margin-left:5px;width:16px;height:31px;line-height:24px;color:#fff;font-family:fontawesome;transition:all 0.5s ease-in-out;padding:3px;background:rgba(0, 0, 0, 0.2)padding: 3px;background: rgba(0, 0, 0, 0.2);margin-right: -14px;padding-bottom: 8px;padding-left: 20px;padding-right: 7px;}
.mostlzmat-links {clear: both;margin-bottom: 15px;}
.mostlzmat-links a {display: block;overflow: hidden;margin-bottom: -15px;white-space: nowrap;text-align: center;position: relative;height: 60px;
line-height: 60px;padding: 0 30px;color: #fff; text-transform: uppercase;font-weight: bold;text-decoration: none!important;border-radius: 2px!important;}
.mostlzmat-links a:before {display: inline;font: normal normal normal 14px/1 FontAwesome;vertical-align: middle;position: absolute;left: 50%;width: 20px;height: 20px;
margin-left: -10px;top: 50%;margin-top: -10px;opacity: 0;-webkit-transform: scale(10);-moz-transform: scale(10);-o-transform: scale(10);-ms-transform: scale(10);
color: #FFF;font-size: 20px;}
.mostlzmat-links a:hover:before {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transition: all .2s ease;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-o-transition: all .2s ease;-ms-transition: all .2s ease;}
a.download2 {background-color: #fe4e3f;}a.download3 {background-color:#3FA2FE;}a.demo1 {background-color: #9A9898;}a.buy {background-color: #FFCD3F;}a.link {
background-color: #6E7784;}
.mostlzmat-links .download2:hover{background-color: #F54C3E;color:#fff}
.mostlzmat-links .download2:before {content: '\f0ed';}
.mostlzmat-links .download3:hover{background-color: #4399CD;color:#fff}
.mostlzmat-links .buy:hover{background-color: #F9C83D;color:#fff}
.mostlzmat-links .link:hover{background-color: #616975;color:#fff}
.mostlzmat-links .download3:before {content: '\f0ed';}
.mostlzmat-links .link:before {content: '\f0c1';}
.mostlzmat-links .demo1:before {content: '\f135';}
.mostlzmat-links .buy:before {content: '\f09d';}
.mostlzmat-links .trial:before {content: "\f20a";}
.fa-cc:before {content: "\f20a";}
.mostlzmat-links a span {white-space: nowrap;overflow: hidden;display: block;}
.mostlzmat-links a:hover span {display: none;}
.mostlzmat-links a:hover {background-color: #848181;color: #FFF;}
.mostlzmat-links a:hover span {color: #FFF;}
.temp-ftr {position: relative;font-size: 13.5px;}
.temp-ftr ul{list-style:none;}.temp-ftr li{ white-space: nowrap;border: 1px solid #EAE9E9;padding: 10px;margin: 0; border-bottom: none;}.temp-ftr li:last-child{border-top: 1px solid #EFEFEF; border-bottom: 1px solid #EFEFEF;}.temp-ftr li i{border-left: 1px solid #ddd;padding-left: 7px;margin-left: 5px;color: #ddd;width: 21px;text-align: center;}.temp-ftr li:hover{cursor:pointer;}.temp-ftr li:nth-child(2n+2){background-color:#f9f9f9; border-bottom: none;}.temp-ftr li:hover .fa-check{color:#61a136;}.temp-ftr li:hover .fa-tasks{color:#e84c4a;}.temp-ftr a{line-height: 0!important;background: none!important;color: #448AFF;overflow: visible!important;padding: 0!important;margin: 0!important;text-align: initial;height: 0!important;font-weight: normal;display: inline-table;font-family: tahoma;}.temp-ftr li:hover .fa-copyright,.temp-ftr li:hover .fa-cc,.temp-ftr li:hover .fa-file-image-o,.temp-ftr li:hover .fa-folder-o {color: #ddd;}
.temp-ftr a:hover,.temp-ftr li:hover .fa-file-archive-o{color: #3F80EC;}
.post-info > div > span.post-tags, .post-info > div > span.post-author, .post-info > div > span.post-timestamp, .post-info > div > span.post-comment-cnt , .post-info > div > span.post-broken,.post-info > div > span.post-disqus-cnt{display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: rgba(245, 244, 244, 0.7);font-size: 13px;}
.post-inf > div > span.post-tag, .post-inf > div > span.post-autho, .post-inf > div > span.post-timestam, .post-inf > div > span.post-comment-cn , .post-inf > div > span.post-broke {display: block;float: none;clear: both;min-height: 32px;margin-bottom: 4px;background: #EBEBEB;font-size: 13px;}
.post-inf > div a {color: #408696;}
.post-inf > div > span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 5px;vertical-align: middle;}
.post-inf > div > span .fa-file-archive-o {background: #E92648;}
.post-inf > div > span .fa-tachometer {background: orange;}
.post-inf > div > span .fa-copyright {background: #12ACE0;}
.post-inf > div > span .fa-toggle-off {background: #514069;}
.col-tag {display: none;}
.post-info > div a {color: #408696;}
.post-info > div > span .fa {width: 32px;height: 32px;color: #FFF;text-align: center;font-size: 22px;margin-left: 10px;padding-top: 5px;vertical-align: middle;}
.post-info > div > span .fa-calendar {background: #7F93A2;}
.post-info > div > span .fa-comment {background: orange;}
.post-info > div > span .fa-comment-o {background: #4d90fe;}
.post-info > div > span .fa-user {background: #E55048;}
.post-info > div > span .fa-tags {background: #81e058;}
.post-info > div > span .fa-eye {background: #0ebeff;}
.post-info > div > span .fa-link {background: #974EE5;}
.post-info > div > span .fa-chain-broken {background: #fcd000;}
#views-container{
display: inline-block;
}
.post-timestamp {
margin-right: 0em;
}
.mostlzmat-links a:hover {
color: rgba(0, 0, 0, 0) !important;
}
.mostlzmat-links a:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-ms-transition: all .2s ease;
}
.mostlzmat-links .link:before {
content: '\f0c1';
}
.mostlzmat-links a:before {
display: inline;
font: normal normal normal 14px/1 FontAwesome;
vertical-align: middle;
position: absolute;
left: 50%;
width: 20px;
height: 20px;
margin-left: -10px;
top: 50%;
margin-top: -10px;
opacity: 0;
-webkit-transform: scale(10);
-moz-transform: scale(10);
-o-transform: scale(10);
-ms-transform: scale(10);
color: #FFF;
font-size: 20px;
}
mostlzmat-postinfo{background: #FFF;border: 1px solid #E7E7E7;color: #555;display: block;max-width: 47%;text-align: right;height: 250px;margin-top: 20px;margin-right: 7px;}
mostlzmat-postinfo {max-width: 100%;width:initial;margin-right:0;border: none;border-bottom: 1px solid #F5F5F5;}
</style>
الكود الثانى : الان ابحث عن كود السايد بار غالبا ما يكون بهذا الشكل <div id='sidebar-wrapper'>
واضف بعدة الكود التالى
واضف بعدة الكود التالى
1234567891011121314151617181920212223242526272829<b:if cond='data:blog.pageType == "item"'>
<b:section class='sideinfo' id='sideinfo' showaddelement='yes'>
<b:widget id='HTML998' locked='false' title='post info' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='post-info2'/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML997' locked='false' title='post tools' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<div class='mostlzmat-links2'/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</b:if>
الان ابحث عن <div class='post-header'> واضف بعدة الكود التالى
قد يكون مكرر كثيرا جرهم واحد واحد حتى يتفعل الكود
[code type="HTML"]
مبروك عليك الاضافة وانتظرونا بإذن الله فى الدرس القادم وسيكون عن اضافة ازرار التحميل والمعاينة
قد يكون مكرر كثيرا جرهم واحد واحد حتى يتفعل الكود
[code type="HTML"]
يرجي ذكر المصدر حين نقل الموضوع - مستلزمات



اين الكود الاخير ؟؟
ردحذفناسف لتعطيلك :/ , تم الاصلاح ^^ .
حذف