فهرس بنظام تحكم مميز بتصنيفات إختيارية

 أدوات الفهارس من أقدم الأدوات على بلوجر , وهناك العديد من الأنواع منها .

ميزتها أنها تظهر كل مواضيعك وكل التسميات التي في موقعك تلقائياً 

لكن هذه الميزة تحتوي عيب ضمني يشعر به كل من أصبح لديه مواضيع كثيرة وبعضها مضاف لعدة تصنيفات

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

أو يكون هناك تسميات أو تصنيفات معينة في الموقع نحن لا نريد عرضها في الفهرس 

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

لذلك أتيتكم بهذه الإضافة

وهي فهرس يدوي وظيفة هذا الفهرس أنك تعرض فقط تسميات معينه فيه بشكل يدوي وبعدد مواضيع محدد , ليس هذا فقط بل يمكنك أن تعرض مواضيع من أكثر من مدونة ان كنت تملك مدونات متعددة فيكون فهرس شامل كل مدوناتك

سيتضح لك الأمر اكثر عند تجربة الإضافة

أضف هذا الكود في صفحة ثابته في مدونتك

<style>

#cnmu-Lists{margin:0 -10px}

#cnmu-Lists .list-container{width:100%;box-sizing:border-box;float:right;margin-bottom:20px;padding:0 10px}

#cnmu-Lists .InLists{background-color:#f1f1f1;overflow:hidden;position:relative}

#cnmu-Lists .List-Title{height:48px;line-height:48px;background-color:#0056af;padding:0 10px;color:#fff;clear:both;overflow:hidden}

#cnmu-Lists .List-Title span{float:right;line-height:inherit}

#cnmu-Lists .RLMore a{float:left;display:block!important;background-color:#fff;padding:0 10px!important;height:28px;line-height:28px;margin-top:10px!important;color:#444;text-decoration:none!important}

#cnmu-Lists .RLMore a:hover{background-color:#000;color:#fff;}

#cnmu-Lists .cnmuItems{padding:10px 10px 5px;overflow:hidden}

#cnmu-Lists .CNItem{height:90px;overflow:hidden;margin-bottom:5px;background-color:#fff;box-sizing:border-box;padding:10px}

#cnmu-Lists .ThumbCont{display:block;float:right;width:70px;height:70px;margin-left:-70px!important;background-color:#ddd;overflow:hidden}

#cnmu-Lists .ThumbCont img{display:block;width:100%;height:100%}

#cnmu-Lists .CLTitle{float:right;padding-right:80px;text-align:right;box-sizing:border-box;max-height:80px;display:block;overflow:hidden;line-height:1.5em;font-size:17px}

#cnmu-Lists .CLTitle a{text-decoration:none}

@media screen and (max-width : 600px) {#cnmu-Lists .list-container{width:100%;}}

</style>

<div id="cnmu-Lists"></div>

<script type='text/javascript'>

var multiList = {

feedsUri: [

{

name: "إضافات بلوجر",

url: "https://www.cnmu.info/",

tag: "إضافات بلوجر"

},

{

name: "مظاهر وتنسيقات",

url: "https://www.cnmu.info/",

tag: "CSS"

}

],

numPost: 5,

titleLength: "auto",

openNewT: true,

readMore: {

text: "المزيد",

endParam: "?&max-results=8"

}

};

//code

var _0xc1199b=_0x1c48;function _0x1c48(_0x16e692,_0x3ad716){var _0x5a6d16=_0x5a6d();return _0x1c48=function(_0x1c485d,_0x90333){_0x1c485d=_0x1c485d-0xcd;var _0x1dfa63=_0x5a6d16[_0x1c485d];if(_0x1c48['YgOupf']===undefined){var _0x2e4789=function(_0x26678d){var _0x2c358b='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x5cc4d6='',_0x5e9b63='';for(var _0xf9053c=0x0,_0x7daafb,_0x5aba27,_0xad94dc=0x0;_0x5aba27=_0x26678d['charAt'](_0xad94dc++);~_0x5aba27&&(_0x7daafb=_0xf9053c%0x4?_0x7daafb*0x40+_0x5aba27:_0x5aba27,_0xf9053c++%0x4)?_0x5cc4d6+=String['fromCharCode'](0xff&_0x7daafb>>(-0x2*_0xf9053c&0x6)):0x0){_0x5aba27=_0x2c358b['indexOf'](_0x5aba27);}for(var _0x321a82=0x0,_0x1a7f01=_0x5cc4d6['length'];_0x321a82<_0x1a7f01;_0x321a82++){_0x5e9b63+='%'+('00'+_0x5cc4d6['charCodeAt'](_0x321a82)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x5e9b63);};var _0xd76e4b=function(_0x26cdfe,_0x2b5c70){var _0x309bcd=[],_0x2de2ac=0x0,_0xce23cb,_0x1fe7f4='';_0x26cdfe=_0x2e4789(_0x26cdfe);var _0x425bee;for(_0x425bee=0x0;_0x425bee<0x100;_0x425bee++){_0x309bcd[_0x425bee]=_0x425bee;}for(_0x425bee=0x0;_0x425bee<0x100;_0x425bee++){_0x2de2ac=(_0x2de2ac+_0x309bcd[_0x425bee]+_0x2b5c70['charCodeAt'](_0x425bee%_0x2b5c70['length']))%0x100,_0xce23cb=_0x309bcd[_0x425bee],_0x309bcd[_0x425bee]=_0x309bcd[_0x2de2ac],_0x309bcd[_0x2de2ac]=_0xce23cb;}_0x425bee=0x0,_0x2de2ac=0x0;for(var _0x4c7c35=0x0;_0x4c7c35<_0x26cdfe['length'];_0x4c7c35++){_0x425bee=(_0x425bee+0x1)%0x100,_0x2de2ac=(_0x2de2ac+_0x309bcd[_0x425bee])%0x100,_0xce23cb=_0x309bcd[_0x425bee],_0x309bcd[_0x425bee]=_0x309bcd[_0x2de2ac],_0x309bcd[_0x2de2ac]=_0xce23cb,_0x1fe7f4+=String['fromCharCode'](_0x26cdfe['charCodeAt'](_0x4c7c35)^_0x309bcd[(_0x309bcd[_0x425bee]+_0x309bcd[_0x2de2ac])%0x100]);}return _0x1fe7f4;};_0x1c48['rFDoQj']=_0xd76e4b,_0x16e692=arguments,_0x1c48['YgOupf']=!![];}var _0x36ffd7=_0x5a6d16[0x0],_0x353562=_0x1c485d+_0x36ffd7,_0x397087=_0x16e692[_0x353562];return!_0x397087?(_0x1c48['MPIUuH']===undefined&&(_0x1c48['MPIUuH']=!![]),_0x1dfa63=_0x1c48['rFDoQj'](_0x1dfa63,_0x90333),_0x16e692[_0x353562]=_0x1dfa63):_0x1dfa63=_0x397087,_0x1dfa63;},_0x1c48(_0x16e692,_0x3ad716);}(function(_0xdc84e2,_0x57da5c){var _0x52b1b5=_0x1c48,_0x1eed9e=_0xdc84e2();while(!![]){try{var _0x1cbe2a=parseInt(_0x52b1b5(0x104,'wvGM'))/0x1+-parseInt(_0x52b1b5(0x101,'k#f9'))/0x2+-parseInt(_0x52b1b5(0xec,'$DN*'))/0x3*(-parseInt(_0x52b1b5(0x114,'KtTk'))/0x4)+parseInt(_0x52b1b5(0x11e,'x8eT'))/0x5*(-parseInt(_0x52b1b5(0xf9,'L(N)'))/0x6)+-parseInt(_0x52b1b5(0xf0,'zGIY'))/0x7*(parseInt(_0x52b1b5(0x11a,')kcj'))/0x8)+-parseInt(_0x52b1b5(0x127,'rLUU'))/0x9*(parseInt(_0x52b1b5(0xd1,'^I$8'))/0xa)+parseInt(_0x52b1b5(0xcd,'Fzak'))/0xb;if(_0x1cbe2a===_0x57da5c)break;else _0x1eed9e['push'](_0x1eed9e['shift']());}catch(_0x70ccbc){_0x1eed9e['push'](_0x1eed9e['shift']());}}}(_0x5a6d,0xab346));function _0x5a6d(){var _0xa5421d=['tmk3WPxdSLiaxb7cTWRdVmoKWO/cOxXJAIVdShq','WQCjlsjRiCksW4ZcGa','W4jjW5ZcSZnXha','WRtcHgtcI8kYeCkQEq','WPDdcSo9qSoDWPuXosS','W40Tjuu','WO4rWOe','W7ddTmorWRtdIr81W4ZcVeBcUCkBBmkcW5O','u8kYtYySW5fRW4mJWRjkxa','sSkJB8o7W7pdHSksCCkvfSknvunTW5ddLa','iWipWQJdUqu','yG8nkmksESoEWP0','hwNdUhZdLCkOiXxcVW','fCoLpG','n3JcJ8orrHz3ba','iCksWQ8n','WR9kp8kjFgNdOq','WR/cHrRdLCoppSkQAK3dHhK','wSoIW55q','W4fZzNHkWRPSW5C2BSoCW6tcQSobeZS','iCkHeG','x8o7l2OJACorWRFdRSoEWR/cQSkeWOr1vsRcMCo2W6xcHGXob8oLotG','amoLe3fMWRjdW4i','omk2ecFdOxK','W4CPeSoaW6ddSCk8WRVcKmoBpCkSnI7dT8ou','r8kTxINdNGJdUM3dSKhdK0ZdUa','ywSXj0xdP30/W5a','W47cISodhc4qWPBcJSoDWO/dNW','WRNdR1dcJ8krW7m/W5xdSbxdHmklWRe','W6VdUaH3j3xdRMWXWRK','WRtdSGX0kLRdQ342WRLuW54YCLzpW7NdHfL/WRuXWOC','W4ycwmkQDmoCWPu7lsbJANO','W4q0WPejn8o8W7/dQ8o/WRFdP8olymoCbmo5tspdVc0','W6SwktbQdmkBWO7cIw4TW4BcNvK','jxtcNSozua','W6VcQHpdJCoaWQ96','fmoOpCksg2NcKCkZBWBcSmkMza','W6JdUmohWQS','W5FcS8kdfSoEWO97W6ZdTmk/smoLW6y7W5e','W6tcSaddM8oJWQrRW5O','obXDW4G','oCkcWQWCtXNcK8oeWPtcQ34iWQvY','Fh7dHq','EMq4jW','W5zQs8kkW5BdKSksW7xdKCoY','uCoUW4r+WRJcPGXpWQhcVSoaW60JWP8','oWGeh8otE8onWPpcUCk/qvBdNveZamojBf7dQmk2CGJdI8oWWOeJagnQEL/dOSkDk0xdUYpdRuiXua5BFHRcQW7dPCkSWR1OeMFdUCo2W5fQnci9q3/cI8kOhuxdNmoSz2VdRrpcG10EhmklWPtcVmkpW6dcGCkSW4tdLCkhsmk7vCoEWR5yWRZcIWWpW6bhaxhdStpdTmkAW7xcUhJdSMuFqmkKWR/cPsJcNCo8W5WuWQeNvXhdQCobuCkyb8kVW4emWRtcVmorWO/cLr9Ic1W','WPZdVmkAg8odW65SW6FdOmk+ta','zcOhWRBcI8of','mmk/du4xf8oDjq','WRL0huFcKCkQDCoW','WPm0b8oEW6i','WQjnmq','jCk5gKmunG','jtDNCM7dM2O2W5CP','W6ZcTHC','W4r/WPWwyCkH','o3arWQ3cMmkvha','kImliSkCW6xcLq','eCo/BM0cz8oqWQe','W41vW4dcQG','WPXsCa','WO0IWPq','p3hcL2NdLmoDWQldQ8oeWQO','W5VcK8ohfsu4WRdcImotWPFdKW','h8o3aNVcM3JcNgldRG','vCoLW51oWRJcQHjEWQBcRG','dCoVyLKGE8ow','WPKuvmk9imoAWRW2oZ47jK3dP2lcJCkMWPmOu2JcQConwSoTWRJcOGFcLmkTma','Af4rWP8nWONdQ8orW53cLG','W6ZdGL7cICkzh8k6D0ldQNS','W6FdPGbSrfZdSeS','WRtcTGZdMmkfWRj8W53cJ3a','ymoGt3ddHfdcT0vxoW','eCo/F2uUA8oh','ANjdEmoiWRhdH8kKW5pcS8kZzYhcRq','WR8Jo1tdQCkQvCo5W7VdHv/cSbjSW6ZdPLTDW4W/FrVcObKhuMpcQ8oer8kDva','cCoYW4e','px3cKw3cS8k0W5pdGCovWQedeh0','W5WajJOZW6OwWRjkva','uCoWwx0C','hCkpW4izW43dPghdQ8olBSop','ELvyW7ZcTfVcNmkYWRGaWOD6','WRaancu','WOtdKmkDWPBcJSoLpWK','W4GvwCkIyCkDWQq/psbKAM/dGLO','mSk2gYtdPKtcTL4','BZnDBSoNpa','WRNcPLqYpGVcTNqhWO0EWQeR','W6fkWORcTSkuWRGLWQZdJmozrsH8W5xcLCo6W4tcS3K6','W4VdHty','W6ldTmomWQq','W67dH1ZcNSksfCkn','iGifWQBdReNcSSkYWOqAWRzXWPBcISoQ','igLBDmoLCmkkW6et','sJFdLmo9W4ZcQ8kcWPO+W6/cKSoFW6e','f8oZE2uQrmohWQRcTmknWOm','FIZdGJ7dICoJWPpdPG','E2SzluldQLu/W5eJ','bKRcVCkBDG1iohhdL3JdLJi','WPC+WRqqDSo7W5ddPCoHWRtcTSkmv8o3','WOJdL8kprN5RW4tdLCoRWRBdHSoSWOldPq'];_0x5a6d=function(){return _0xa5421d;};return _0x5a6d();}var cnmu_lisetteng={'feedsUri':[{'name':_0xc1199b(0xe5,'DhoU'),'url':'https://www.cnmu.info','tag':_0xc1199b(0xdc,'mFNz')}],'numPost':0x4,'showThumbnail':!![],'titleLength':_0xc1199b(0x110,'og#!'),'thumbSize':0x46,'openNewT':![],'cnmulistid':_0xc1199b(0x105,'mFNz'),'listClass':_0xc1199b(0x111,'VV!e'),'readMore':{'text':_0xc1199b(0xed,')kcj'),'endParam':_0xc1199b(0x10e,'fDp2')},'current':0x0,'onLoadFeed':function(_0xd76e4b){},'onLoadComplete':function(){},'loadFeed':function(_0x26678d){var _0x44db23=_0xc1199b,_0x2c358b=document[_0x44db23(0xe8,'7JvK')]('head')[0x0],_0x5cc4d6=document[_0x44db23(0x115,'U]uo')](this[_0x44db23(0x12a,'U]uo')]),_0x5e9b63=document[_0x44db23(0x107,'$DN*')](_0x44db23(0x11d,'Ln)5'));_0x5e9b63[_0x44db23(0xf7,'VV!e')]=_0x44db23(0xef,'Zl%L'),_0x5e9b63[_0x44db23(0x11c,'d9HS')]=this['feedsUri'][_0x26678d][_0x44db23(0xfc,'0Hgh')]+_0x44db23(0xdb,'F]Kx')+(this['feedsUri'][_0x26678d][_0x44db23(0x125,'^I$8')]?_0x44db23(0xee,'Pq%w')+this[_0x44db23(0x119,'Ln)5')][_0x26678d]['tag']:'')+_0x44db23(0xce,')kcj')+this[_0x44db23(0xf8,'d9HS')]+'&callback=listEntries',_0x2c358b[_0x44db23(0x128,'eEHa')](_0x5e9b63);}};for(var i in cnmu_lisetteng){cnmu_lisetteng[i]=typeof multiList[i]!==undefined&&typeof multiList[i]!==_0xc1199b(0x102,'x8eT')?multiList[i]:cnmu_lisetteng[i];}function listEntries(_0xf9053c){var _0x5b95cb=_0xc1199b,_0x7daafb=_0xf9053c[_0x5b95cb(0xdd,'Zl%L')][_0x5b95cb(0xd2,'Fj)L')],_0x5aba27=cnmu_lisetteng,_0xad94dc=document['getElementById'](_0x5aba27['cnmulistid']),_0x321a82=document[_0x5b95cb(0xe1,'iQc1')](_0x5b95cb(0x11f,'wvGM')),_0x1a7f01=_0x5b95cb(0x106,'mFNz'),_0x26cdfe=_0x5aba27[_0x5b95cb(0xd8,'0Hgh')]['length'],_0x2b5c70,_0x309bcd,_0x2de2ac,_0xce23cb;for(var _0x1fe7f4=0x0;_0x1fe7f4<_0x5aba27[_0x5b95cb(0x12b,'gTwJ')];_0x1fe7f4++){if(_0x1fe7f4==_0x7daafb['length'])break;_0x2b5c70=_0x5aba27[_0x5b95cb(0xe2,'gTwJ')]!=='auto'?_0x7daafb[_0x1fe7f4][_0x5b95cb(0x10a,'DhoU')]['$t'][_0x5b95cb(0xe0,'@AdS')](0x0,_0x5aba27[_0x5b95cb(0x103,'eEHa')])+(_0x5aba27[_0x5b95cb(0x117,'fDp2')]<_0x7daafb[_0x1fe7f4]['title']['$t'][_0x5b95cb(0xf2,'4k*Y')]?'&hellip;':''):_0x7daafb[_0x1fe7f4][_0x5b95cb(0x11b,'KtTk')]['$t'],_0xce23cb=_0x5b95cb(0xd7,'$DN*')in _0x7daafb[_0x1fe7f4]?_0x5b95cb(0x130,'wvGM')+_0x7daafb[_0x1fe7f4][_0x5b95cb(0xdf,'4k*Y')]['url'][_0x5b95cb(0x122,'Fzak')](/\/s72(\-c)?\//,'/s'+_0x5aba27[_0x5b95cb(0xf4,'NN9N')]+_0x5b95cb(0x112,'DhoU'))+'\x22>':_0x5b95cb(0x116,'7NZg');for(var _0x425bee=0x0,_0x4c7c35=_0x7daafb[_0x1fe7f4][_0x5b95cb(0xfa,'U]uo')][_0x5b95cb(0xff,'0Hgh')];_0x425bee<_0x4c7c35;_0x425bee++){_0x309bcd=_0x7daafb[_0x1fe7f4][_0x5b95cb(0x10d,'Zl%L')][_0x425bee][_0x5b95cb(0xf5,'*ViD')]=='alternate'?_0x7daafb[_0x1fe7f4][_0x5b95cb(0x124,'Pq%w')][_0x425bee]['href']:'#';}_0x1a7f01+=_0x5b95cb(0x108,'kSNB'),_0x1a7f01+=_0x5b95cb(0xfd,'gTwJ')+_0x309bcd+'\x27\x20'+(_0x5aba27[_0x5b95cb(0x12f,'mFNz')]?_0x5b95cb(0x100,'KtTk'):'')+'>\x20'+(_0x5aba27[_0x5b95cb(0x10c,'*ViD')]?_0xce23cb:'')+'</a>',_0x1a7f01+=_0x5b95cb(0x12c,'$DN*')+_0x309bcd+'\x22'+(_0x5aba27['openNewT']?_0x5b95cb(0xfb,'1$LG'):'')+'>'+_0x2b5c70+'</a></div>',_0x1a7f01+=_0x5b95cb(0x120,'kSNB');}_0x1a7f01+=_0x5b95cb(0x118,'jp(@'),_0x321a82[_0x5b95cb(0xe9,'P[Tr')]=_0x5aba27['listClass'],_0x321a82[_0x5b95cb(0x129,'k#f9')]='<div\x20class=\x22InLists\x22><div\x20class=\x22List-Title\x22><div\x20class=\x22RLMore\x22><a\x20href=\x22'+_0x5aba27[_0x5b95cb(0xf6,'DhoU')][_0x5aba27['current']][_0x5b95cb(0x126,'kSNB')][_0x5b95cb(0x132,'gTwJ')](/\/$/,'')+_0x5b95cb(0x109,'P[Tr')+_0x5aba27[_0x5b95cb(0xfe,'zGIY')][_0x5aba27['current']]['tag']+_0x5aba27[_0x5b95cb(0x123,'gTwJ')][_0x5b95cb(0xf3,'7NZg')]+_0x5b95cb(0xcf,'7JvK')+(_0x5aba27['openNewT']?'\x20target=\x22_blank\x22':'')+'>'+_0x5aba27[_0x5b95cb(0xe3,'rLUU')][_0x5b95cb(0xd5,'P[Tr')]+_0x5b95cb(0xf1,'TDkn')+_0x5aba27['feedsUri'][_0x5aba27['current']][_0x5b95cb(0x113,'x8eT')]+'</span></div>'+_0x1a7f01+_0x5b95cb(0xd9,'@AdS'),_0xad94dc[_0x5b95cb(0x12e,'L(N)')](_0x321a82),_0x5aba27[_0x5b95cb(0xe4,'x8eT')](_0x5aba27['current']),_0x5aba27[_0x5b95cb(0x10b,'wvGM')]+0x1<_0x26cdfe&&_0x5aba27[_0x5b95cb(0xd6,'NsBK')](_0x5aba27[_0x5b95cb(0xde,'L(N)')]+0x1),_0x5aba27[_0x5b95cb(0xea,'Pq%w')]+0x1==_0x26cdfe&&_0x5aba27[_0x5b95cb(0xe6,'kSNB')](),_0x5aba27[_0x5b95cb(0x121,'jp(@')]++;}cnmu_lisetteng[_0xc1199b(0x10f,'wvGM')](0x0);

</script>

شرح الكود

ركز معي جيداً

ستجد كودين انا معلمهم باللون الأحمر والأزرق كل كود منهم = تسمية ستظهر وسيتم جلب آخر مواضيع منها

كرر الكود الأول المعلم بالأحمر ان اردت اظهار تسمية جديدة.

ملحوظة ليس هناك فرق بين الكود الأحمر والأزرق هو مجرد تكرار لكن انا علمت كل منهم بلون لإظهار ان الكود الأخير يجب ان لا يحتوي فاصلة كالموجوده في نهاية الكود الأحمر لذلك الازرق كونه الاخير لا يحتويها

كل كود يحتوي ثلاثة أمور

1. وهو الإسم الذي سيظهر على التسمية  المعروضة ليس شرط أن يكون الإسم هو نفس إسم التسمية الأصلي
2. الرابط وهذا سيكون رابط موقعك ويمكنك تغييره في كل تكرار ان اردت جلب مواضيع من مدونة مختلفة
3. وهو التسمية يجب ان تكتبها كما هي في موقعك بالضبط

 أمور إضافية

لديك ثلاث أكواد أخرى معلمة بالأحمر

الرقم 5 وهذا هو عدد المواضيع الظاهره في التسميات

كلمة true هذه استبدلها بـ false ان أردت أن لا تفتح الروابط في صحفة جديدة

والرقم 8 هذا استبدله بعدد المواضيع التي تريد عرضها في مدونتك يعني لو لديك ترقيم صفحات في مدونتك وتستخدم به 8 مواضيع فاجعل هذا أيضاً 8 حتى يكون منسجم مع عدد المواضيع الرسمي في مدونتك

آخرأمرين هناك هذا اللون #0056af عدله بلون مناسب لمدونتك

وهناك الرقم 100% هذا يمكنك جعله 50% ان كانت صفحاتك الثابته كبيرة بحيث تستوعب خانتين بجججانب بعضهما الأمر اختياري

سؤال هل يمكن إستخدام الإضافة تلك في آداة HTML/JavaScript

يعني نستخدمها كآداة لعرض آخر المواضيع من التصنيفات نعم يمكنك هذا طبعا بحسب القالب الذي تستخدمه وان لا تشكل تعارض مع أكواده الصفحات الثابته تكون أسلم قليلاً في مسألة التفاعل مع الأكواد

• 💢
• معاينة