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

الاثنين، 7 مارس، 2016


أقدم لكم اليوم على مدونة عالم المدون أول إضافات المدونة بعد ثلاث مواضيع على المدونة عن القوالب ، أول إضافة هى إضافة لاخر مواضيع مدونتك مع عدد التعليقات لكل موضوع من المدونة ، وهى إضافة تدمج بين نوعين من الإضافات وهى أنه يوجد بها اخر مواضيع مدونتك بالعدد الذى تريد أن تظهر به ، مع عدد التعليقات لكل موضوع ، وهذا الأمر سوف سهل على زوار مدونتك معرفة أى المواضيع أكثر تعليقاً وأكثر أهتمام من الزوار .



والأن شاهد المعاينة الإضافة على قالب أذهل فى الجانب
او على قالب Motive Mag  فى الجانب

الأن مع كيفية تركيب الإضافة على مدونتك 


الإضافة سهل تركيبة بدون أى تعب سوف تقوم بوضع الكود الخاص بالإضافة فى أداة جديدة على مدونتك أداة HTML/JavaScript

<div id="most-comments"></div>
<style scoped='' type='text/css'>
#most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s
font-size: 10px;font-family: 'Droid Arabic Kufi' , serif;}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:##FFF}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#444444;color:#FFF!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f}
</style>
<script type='text/javascript'>
//<![CDATA[
var numPosts=10;
var homePage="abdocr2.blogspot.com";
var postTitlear=new Array();
var postUrlar=new Array();
var postCommentar=new Array();
var totalpost;document.write('<div id="most-comments"><ul>');
function mostComment(j){var a=j.feed.entry.length;totalpost=a;
for(var f=0;f<a;f++){
var h=j.feed.entry[f];
var c=h.title.$t;var b;
var g;if(f==j.feed.entry.length){break}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="alternate"){g=h.link[d].href;break}}
for(var d=0;d<h.link.length;d++){
if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}};
postTitlear.push(c);
postUrlar.push(g);
postCommentar.push(b)}sortPosts();
for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>';
document.write(e)}}
function sortPosts(){function c(d,f){var e=postTitlear[d];
postTitlear[d]=postTitlear[f];
postTitlear[f]=e;
var e=postUrlar[d];
postUrlar[d]=postUrlar[f];
postUrlar[f]=e;
var e=postCommentar[d];
postCommentar[d]=postCommentar[f];
postCommentar[f]=e}
for(var b=0;b<postTitlear.length-1;b++){
for(var a=b+1;a<postTitlear.length;a++){
if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}}
document.write('<script src="http://'+homePage+'/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>');
document.write('</li>')
document.write('</ul>')
document.write('</div>');
//]]>
</script>


التعديل الأساسية الذى سوف تقوم به على الإضافة كالأتى




أولاً : سوف تقوم بتغيير رابط مدونة عالم المدون  wdbloog.blogspot.com إلى رابط مدونتك

ويمكن تغيير العدد 10  بالعدد الذى تريدة لظهر المواضيع 

ثانياً : التعديل على الأكواد الخاصه بالألوان فى الإضافة

 الكود #fc4f3f   يوجد منه كودين  منه الكود الأول هو لتغيير لود الشريط الذى يظهر عند تمرير الماوس على عنوان الموضوع فى الإضافة  ، والكود الثانى  #fc4f3f هو لتغيير لون عدد التعليقات عند تمرير الماوس على عنوان الموضوع فى الإضافة .

الكود #444 هو لتغيير لو لون خط الموضوع  عند تمريد الماوس على  عنوان الموضوع فى الإضافة


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



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

هناك 17 تعليقًا :

  1. اضافة جميل شكرا الك اخي واتمنا الك توفيق

    ردحذف
  2. تم اضافتها في المدونة شكراا

    ردحذف
  3. شكراا الك مرات اخرى

    ردحذف
  4. دائما متألق شكراا لك

    ردحذف
    الردود
    1. شكرا لك على دعمك المستمر

      حذف
  5. اضافة جميل يا اخي ممكن ترسلها لي
    jonilinux1@gmail.com
    وشكراا

    ردحذف
    الردود
    1. الأضافة اخى لا تحتاج ان الرسلها لك كود الأضافة فى الموضوع

      حذف
  6. الله يوفقك يا اخي تابع

    ردحذف
    الردود
    1. شكرا لك اخى وبالتوفيق لك ايضا

      حذف

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

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