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

حصريات
فوتوشوب
شروحات
إضافات
قوالب

الصفحة غير موجودة ، 404

الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

العودة للرئيسية

الثلاثاء، 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. يمكنك ايضا تغيل ايقونات الكلام بما تريد


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




شارك الموضوع ليستفيد الجميع

مواضيع قد تهمك ايضا

هناك تعليقان (2):

لم اجد الكود التاني
وشكراا لك اخي

ضع رابط مدونتك لمعاينتها

يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
الأبتساماتأخفاء الأبتسامات

Mohon Aktifkan Javascript!Enable JavaScript

إتصل بنا

الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر