4 0 4
نعتذر , لا نستطيع ايجاد الصفحة المطلوبة الصفحة الرئيسية

الثلاثاء، 30 أغسطس، 2016


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


معاينة



شرح التركيب



  1. 1- قم بالبحث فى قالب مدونتك عن الوسم ]]></b:skin> ثم قم بوضع الكود التالى فوقه.


.wdbloogstatusw {
  text-align: center;
  padding: 50px 70px;
  overflow: hidden;
  background: #0F4566;
  margin: 15px 0;
}
.wdbloogstatusw-h6 {
  color: #FFFFFF;
  text-align: center;
  font-size: 25px;
  font-weight: 100;
  margin-bottom: 10px;
}
.wdbloogspos-h1 {
  color: #FFFFFF;
  text-align: center;
  font-size: 19px;
  font-weight: 100;
  margin-bottom: 25px;
}
.wdbloogspos {
  float: right;
  padding: 0 65px;
  color: #fff;
}
#wdbloogtc {
  float: right;
  padding: 0 65px;
  color: #fff;
}
#wdbloogtcount {
  float: right;
  padding: 0 65px;
  color: #fff;
}
#wdblooguser {
  float: right;
  padding: 0 65px;
  color: #fff;
}
#wdbloogthumbs {
  float: right;
  padding: 0 65px;
  color: #fff;
}
.wdbloogspos h4 {
  border-radius: 5px;
  background: #F74047;
  padding: 5px 0;
  margin-top: 15px;
  font-weight: 100;
}
#wdbloogtc h4 {
  border-radius: 5px;
  background: #1DA1F2;
  padding: 5px 0;
  margin-top: 15px;
  font-weight: 100;
}
#wdbloogtcount h4 {
  border-radius: 5px;
  background: #23690F;
  padding: 5px 0;
  margin-top: 15px;
  font-weight: 100;
}
#wdblooguser h4 {
  border-radius: 5px;
  background: #997B04;
  padding: 5px 0;
  margin-top: 15px;
  font-weight: 100;
}
#wdbloogthumbs h4 {
  border-radius: 5px;
  background: #0B6EAB;
  padding: 5px 0;
  margin-top: 15px;
  font-weight: 100;
}
.widget ul {
  padding: 50px 70px;
  margin: 15px 0;
  line-height: auto;
}
.widget li, .BlogArchive #ArchiveList ul.flat li {
  padding: 0px 60px;
  margin: 0;
  text-indent: 0;
}
.section {
  margin: 0;
}
@media screen and (max-width : 1280px){
#wdbloogtc {
  padding: 0 55px;
}
.wdbloogspos {
  padding: 0px 60px;
}
#wdbloogtcount {
  padding: 0 55px;
}
#wdblooguser {
  padding: 0px 55px;
}
#wdbloogthumbs {
  padding: 0 55px;
}
}


  1. هذا الكود الخاص بستايل الإضافة يمكنك تغيير جميع ما به اذا كنت تقد على ذلك
  2. الان قم بوضع فوق الفوتر قم بالبحث عن الوسم هذا <div class='footer-wrapper'> ثم قم بوضعه فوقه


  <b:section class='wdbloog-colu' id='wdbloog-content'>
    <b:widget id='Stats1' locked='false' title='' type='Stats' version='1' visible='true'>
      <b:includable id='main'>
<div class='widget-content'>
<ul class='wdbloogstatusw'>
  <h6 class='wdbloogstatusw-h6'> إحصائيات المدونة  </h6>
  <h1 class='wdbloogspos-h1'>تعرف على المزيد عن مدونتنا قد تهمك</h1>
<li class='wdbloogspos'>
<i class='fa fa-newspaper-o'/>
<span>عدد المواضيع : </span>
<h4 id='wdbloogstatpost'>&amp;hellip;</h4>
</li>
<li id='wdbloogtc'>
<i class='fa fa-comments'/>
<span>عدد التعليقات : </span>
<h4 id='wdbloogstatcommen'>&amp;hellip;</h4>
</li>
<li id='wdbloogtcount'>
<i class='fa fa-eye'/>
<span>عدد المشاهدات : </span>
<h4 expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>&amp;hellip;</h4>
</li>
<li id='wdblooguser'>
<i class='fa fa-user'/>
<span>عدد المشرفين : </span>
<h4>5</h4>
</li>
<li id='wdbloogthumbs'>
<i class='fa fa-thumbs-up'/>
<span>عدد المتابعين : </span>
<h4>500</h4>
</li>
</ul>
<script type='text/javascript'>
//<![CDATA[
function totalPosts(json){document.getElementById('wdbloogstatpost').innerHTML=json.feed.openSearch$totalResults.$t};function wdbloogtc(json){document.getElementById('wdbloogstatcommen').innerHTML=json.feed.openSearch$totalResults.$t};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalPosts\"><\/script><script type=\"text/javascript\" src=\"/feeds/comments/default?alt=json-in-script&max-results=0&callback=wdbloogtc\"><\/script>');
//]]>
</script>
</div>
</b:includable>
    </b:widget>
  </b:section>


  1. الان اول ثلاث اقسام سوف تعمل تلقائى بدون تدخل منك
  2. اما الباقى وهى عدد المشرفين وعدد المتابعين سوف تقوم بتحديدهم انت بما تريد
  3. ويمكنك ايضا تغيير الكلام بما تريد
  4. يمكنك ايضا تغيل ايقونات الكلام بما تريد


هذا كل ما فى موضوع اليوم اتمنى انه قد اعجبكم



شارك التدوينه
تنبية هام

ليست هناك تعليقات :

إرسال تعليق

شارك بتعليق على

مواقع صديقة سوف تفيدك
عرب جيك MAX SEO TOOLS ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا ضع موقعك هنا
ALL RIGHTS RESERVED, 2016 WDBLOOG , POWERED BY BLOGGER , DESIGN BY WDBLOOG