تنسيق أداة الإحصائيات لمدونات بلوجر بشكل جديدجديد
السلام عليكم ورحمة الله وبركاته اقدم لكم فى موضوع اليوم تنسيق أداة الإحصائيات لمدونات بلوجر بشكل جديد شكل احترافى بدون من الشكل الأفتراضى للإضافة ومع هذا التنسيق سوف تستفيد كثيرا من اداة الإحصائيات المتواجده ضمن إضافات بلوجر وتنقسم الإضافة فى موضوع اليوم الى خمس اقسام بشكل انيق واحترافى قسم عدد المواضيع وقسم عدد التعليقات وقسم عدد المشاهدات وقسم اخر لعدد المشرفين على المدون وقسم اخر لمتابعين المدون وهذه الإضافة سوف تعمل فوق الفوتر فقط لتكون بالشكل المطلوب يمكنك وضعها فى المكان الذى تريده اذا تقدر على تنسيقها ويمكنك مشاهد الإضافه من الرابط التالى.
شرح التركيب
- 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; } }
هذا الكود الخاص بستايل الإضافة يمكنك تغيير جميع ما به اذا كنت تقد على ذلك
<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'>&hellip;</h4> </li> <li id='wdbloogtc'> <i class='fa fa-comments'/> <span>عدد التعليقات : </span> <h4 id='wdbloogstatcommen'>&hellip;</h4> </li> <li id='wdbloogtcount'> <i class='fa fa-eye'/> <span>عدد المشاهدات : </span> <h4 expr:id='data:widget.instanceId + "_totalCount"'>&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>
- الان اول ثلاث اقسام سوف تعمل تلقائى بدون تدخل منك
- اما الباقى وهى عدد المشرفين وعدد المتابعين سوف تقوم بتحديدهم انت بما تريد
- ويمكنك ايضا تغيير الكلام بما تريد
- يمكنك ايضا تغيل ايقونات الكلام بما تريد
0 تعليق على موضوع : تنسيق أداة الإحصائيات لمدونات بلوجر بشكل جديد
الأبتساماتأخفاء الأبتسامات