إضافة مواضيع عشوائية رأسية للسايد بار

 شرح التركيب

 أضف الكود التالي في آداة HTML/JavaScript أو صفحة أو موضوع 

<style>
#bah-random-hz{display:flex;flex-direction:column;gap:10px;}
.random-item-hz{display:flex;gap:10px;}
.random-item-hz .the-thumb{position:relative;overflow:hidden;width:80px;height:60px;border-radius:4px;overflow:hidden;flex-shrink:0;}
.random-item-hz .the-thumb img{width:100%;height:100%;object-fit:cover;}
.random-item-hz h5{margin:0;padding:0;font-size:100%;}
.random-item-hz h5 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-decoration:none;font-weight:normal;font-size: 90%;}
</style>

<div id="bah-random-hz">
<div class="loadingr-hz">جاري التحميل...</div>
</div>

<script type='text/javascript'>
        // Configuration Hz
        const configHz = {
            blogUrl: "https://widgets.blloggar.com/",
            label: "اسم القسم",
            postsCount: 6,
            useLabel: false,
            timeout: 10000, 
            noThumbUrl: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwIG1qPGyaXLbTKxF7mdsfUvmwKXDDeYlT1ktmNvax7MkithOtv4Cs4WqBAxOKfPA3zDK1zY3lrzSK1KyVvX6IQxX8Nsvb7sR17dlXhwHEqP8y3nQDX7s-t8_WRVKVjED2KGk6ywEtNvBTNAWsSxP8XPentHgXYjJrhqk-oWY28m7O0DBQDOX7Ohbt/s0-rw/NoImage.jpg"
        };

const _0x1c477e=_0x3eb5;(function(_0x12f205,_0x5df0d2){const _0x5326f3=_0x3eb5,_0x2c3561=_0x12f205();while(!![]){try{const _0x3670a0=-parseInt(_0x5326f3(0x221))/0x1*(parseInt(_0x5326f3(0x1df))/0x2)+-parseInt(_0x5326f3(0x1e1))/0x3+parseInt(_0x5326f3(0x1e8))/0x4+-parseInt(_0x5326f3(0x216))/0x5*(parseInt(_0x5326f3(0x20e))/0x6)+parseInt(_0x5326f3(0x210))/0x7*(parseInt(_0x5326f3(0x1ff))/0x8)+parseInt(_0x5326f3(0x222))/0x9+-parseInt(_0x5326f3(0x21a))/0xa;if(_0x3670a0===_0x5df0d2)break;else _0x2c3561['push'](_0x2c3561['shift']());}catch(_0x46eade){_0x2c3561['push'](_0x2c3561['shift']());}}}(_0x3847,0xbf35c));function _0x3eb5(_0xbbdc43,_0x7e421b){const _0x38478d=_0x3847();return _0x3eb5=function(_0x3eb5e0,_0x17ac8d){_0x3eb5e0=_0x3eb5e0-0x1da;let _0x67c4df=_0x38478d[_0x3eb5e0];return _0x67c4df;},_0x3eb5(_0xbbdc43,_0x7e421b);}class RandomPostsWidgetHz{constructor(_0x2ac3aa){const _0x1d933c=_0x3eb5;this[_0x1d933c(0x204)]=_0x2ac3aa,this[_0x1d933c(0x22d)]=0x0,this[_0x1d933c(0x21f)]=[],this[_0x1d933c(0x219)]=document[_0x1d933c(0x1da)](_0x1d933c(0x1dc)),this[_0x1d933c(0x1ed)]=0x0,this[_0x1d933c(0x1e5)]=![],this[_0x1d933c(0x218)]=this[_0x1d933c(0x218)][_0x1d933c(0x1f7)](this),this[_0x1d933c(0x206)]=this['handleRandomPost'][_0x1d933c(0x1f7)](this),this[_0x1d933c(0x1eb)]();}[_0x1c477e(0x1eb)](){const _0x578fe3=_0x1c477e;this[_0x578fe3(0x208)](),this[_0x578fe3(0x237)]();}[_0x1c477e(0x208)](){const _0x37214d=_0x1c477e;this[_0x37214d(0x219)][_0x37214d(0x21b)]=_0x37214d(0x241);}[_0x1c477e(0x1f3)](_0x1570da){const _0x34f5e1=_0x1c477e;this[_0x34f5e1(0x219)]['innerHTML']=_0x34f5e1(0x205)+_0x1570da+_0x34f5e1(0x1fb);}[_0x1c477e(0x237)](){const _0x3ce2e3=_0x1c477e,_0x3b3560=this[_0x3ce2e3(0x204)]['useLabel']?this[_0x3ce2e3(0x204)][_0x3ce2e3(0x235)]+'feeds/posts/default/-/'+this[_0x3ce2e3(0x204)][_0x3ce2e3(0x212)]+_0x3ce2e3(0x233):this[_0x3ce2e3(0x204)][_0x3ce2e3(0x235)]+'feeds/posts/default?alt=json-in-script&max-results=0&callback=randomPostsWidgetHz.handleTotalPosts';this[_0x3ce2e3(0x214)](_0x3b3560,_0x3ce2e3(0x22a));}[_0x1c477e(0x218)](_0x2f6e70){const _0x397b08=_0x1c477e;if(this['isDestroyed'])return;try{this[_0x397b08(0x22d)]=parseInt(_0x2f6e70[_0x397b08(0x236)][_0x397b08(0x21e)]['$t']);if(this[_0x397b08(0x22d)]===0x0){this['showError'](_0x397b08(0x1f6));return;}const _0x548ce4=Math[_0x397b08(0x232)](this['config']['postsCount'],this[_0x397b08(0x22d)]);this[_0x397b08(0x224)](_0x548ce4);}catch(_0x5f1679){console[_0x397b08(0x1f8)](_0x397b08(0x243),_0x5f1679),this[_0x397b08(0x1f3)](_0x397b08(0x1e6));}}[_0x1c477e(0x230)](_0x3b1c69,_0x3acf46){const _0x53c538=_0x1c477e,_0x13eaf0=new Set();let _0x2b313e=0x0;const _0x3c5585=Math[_0x53c538(0x232)](_0x3acf46*0x2,0x3e8);while(_0x13eaf0[_0x53c538(0x1ec)]<_0x3b1c69&&_0x2b313e<_0x3c5585){const _0x3ba546=Math[_0x53c538(0x1dd)](Math[_0x53c538(0x1f4)]()*_0x3acf46)+0x1;_0x13eaf0[_0x53c538(0x1f2)](_0x3ba546),_0x2b313e++;}return Array[_0x53c538(0x244)](_0x13eaf0);}[_0x1c477e(0x224)](_0x2b00e5){const _0x5025e5=_0x1c477e;if(this[_0x5025e5(0x1e5)])return;this[_0x5025e5(0x219)][_0x5025e5(0x21b)]='',this['pendingRequests']=_0x2b00e5;const _0x1adb27=this[_0x5025e5(0x230)](_0x2b00e5,this[_0x5025e5(0x22d)]);_0x1adb27['forEach']((_0x675148,_0x496fe1)=>{const _0x37ddb2=_0x5025e5,_0x5f518e=this[_0x37ddb2(0x204)][_0x37ddb2(0x20f)]?this['config'][_0x37ddb2(0x235)]+_0x37ddb2(0x240)+this['config'][_0x37ddb2(0x212)]+_0x37ddb2(0x1e7)+_0x675148+'&max-results=1&callback=randomPostsWidgetHz.handleRandomPost':this[_0x37ddb2(0x204)][_0x37ddb2(0x235)]+'feeds/posts/default?alt=json-in-script&start-index='+_0x675148+_0x37ddb2(0x207);setTimeout(()=>{const _0x298491=_0x37ddb2;!this[_0x298491(0x1e5)]&&this[_0x298491(0x214)](_0x5f518e,_0x298491(0x217)+_0x496fe1);},_0x496fe1*0xc8);}),setTimeout(()=>{const _0x49471a=_0x5025e5;this['pendingRequests']>0x0&&!this[_0x49471a(0x1e5)]&&(console[_0x49471a(0x201)](_0x49471a(0x202)),this[_0x49471a(0x1ed)]=0x0,this[_0x49471a(0x21f)][_0x49471a(0x23e)]===0x0&&this[_0x49471a(0x1f3)](_0x49471a(0x1ea)));},this[_0x5025e5(0x204)][_0x5025e5(0x20d)]);}[_0x1c477e(0x206)](_0xc13161){const _0x22b8a1=_0x1c477e;if(this['isDestroyed'])return;try{if(!_0xc13161[_0x22b8a1(0x236)]||!_0xc13161[_0x22b8a1(0x236)][_0x22b8a1(0x1ee)]||_0xc13161[_0x22b8a1(0x236)][_0x22b8a1(0x1ee)][_0x22b8a1(0x23e)]===0x0){console[_0x22b8a1(0x201)](_0x22b8a1(0x213)),this[_0x22b8a1(0x1ed)]--;return;}const _0x308b6e=_0xc13161[_0x22b8a1(0x236)]['entry'][0x0],_0x589561=this[_0x22b8a1(0x1e0)](_0x308b6e);_0x589561&&(this[_0x22b8a1(0x21f)][_0x22b8a1(0x1f5)](_0x589561),this[_0x22b8a1(0x242)](_0x589561)),this[_0x22b8a1(0x1ed)]--;}catch(_0x192d54){console[_0x22b8a1(0x1f8)](_0x22b8a1(0x1e3),_0x192d54),this[_0x22b8a1(0x1ed)]--;}}[_0x1c477e(0x1e0)](_0x4d6679){const _0x17f8aa=_0x1c477e;try{const _0x3984ca=_0x4d6679['title']?.['$t']||_0x17f8aa(0x22f);let _0x296daf='',_0x580908=this[_0x17f8aa(0x204)][_0x17f8aa(0x227)];if(_0x4d6679['link'])for(const _0x919f6e of _0x4d6679['link']){if(_0x919f6e[_0x17f8aa(0x238)]===_0x17f8aa(0x200)){_0x296daf=_0x919f6e[_0x17f8aa(0x1fa)];break;}}if(!_0x296daf)return console['warn'](_0x17f8aa(0x22c),_0x3984ca),null;if(_0x4d6679[_0x17f8aa(0x223)]?.[_0x17f8aa(0x1e9)])_0x580908=this[_0x17f8aa(0x203)](_0x4d6679['media$thumbnail'][_0x17f8aa(0x1e9)]);else{if(_0x4d6679[_0x17f8aa(0x226)]?.['$t']){const _0xa1001a=_0x4d6679[_0x17f8aa(0x226)]['$t'][_0x17f8aa(0x20b)](/src="([^"]+)"/);_0xa1001a&&_0xa1001a[0x1]&&(_0x580908=_0xa1001a[0x1]);}}return{'title':_0x3984ca,'url':_0x296daf,'thumbnail':_0x580908};}catch(_0x390ff9){return console[_0x17f8aa(0x1f8)](_0x17f8aa(0x215),_0x390ff9),null;}}[_0x1c477e(0x203)](_0x4a5646){const _0x2b5229=_0x1c477e;try{return _0x4a5646[_0x2b5229(0x1f1)](_0x2b5229(0x1fe))?_0x4a5646[_0x2b5229(0x21d)](/\/default\.(jpg|webp)/,'/hqdefault.jpg'):_0x4a5646[_0x2b5229(0x21d)](/\/s[0-9]+\-c\/|\/s\d+-w\d+-h\d+-c\/|\/s[0-9]+\-c-e[0-9]+\-rw\//,_0x2b5229(0x23d));}catch(_0x4b20ac){return console[_0x2b5229(0x1f8)](_0x2b5229(0x209),_0x4b20ac),this['config'][_0x2b5229(0x227)];}}[_0x1c477e(0x242)](_0x4f4a05){const _0x589bdc=_0x1c477e;if(this[_0x589bdc(0x1e5)])return;const _0x31a740=document[_0x589bdc(0x231)](_0x589bdc(0x229));_0x31a740[_0x589bdc(0x211)]=_0x589bdc(0x225),_0x31a740['innerHTML']=_0x589bdc(0x1fd)+this[_0x589bdc(0x1ef)](_0x4f4a05[_0x589bdc(0x1e9)])+_0x589bdc(0x22b)+this[_0x589bdc(0x1ef)](_0x4f4a05[_0x589bdc(0x20a)])+_0x589bdc(0x234)+this[_0x589bdc(0x1ef)](_0x4f4a05['thumbnail'])+_0x589bdc(0x1e4)+this[_0x589bdc(0x204)][_0x589bdc(0x227)]+_0x589bdc(0x228)+this['escapeHtml'](_0x4f4a05[_0x589bdc(0x1e9)])+'\x22\x20target=\x22_blank\x22\x20rel=\x22noopener\x22>'+this[_0x589bdc(0x1ef)](_0x4f4a05[_0x589bdc(0x20a)])+_0x589bdc(0x1e2),this['container'][_0x589bdc(0x1de)](_0x31a740);}[_0x1c477e(0x214)](_0x3f502e,_0x110f5b){const _0x4234f9=_0x1c477e,_0x5fb49f=document['getElementById'](_0x110f5b);_0x5fb49f&&_0x5fb49f[_0x4234f9(0x1f9)]();const _0x33ccd8=document[_0x4234f9(0x231)]('script');_0x33ccd8['id']=_0x110f5b,_0x33ccd8[_0x4234f9(0x220)]=_0x3f502e,_0x33ccd8[_0x4234f9(0x20c)]=!![],_0x33ccd8['onerror']=()=>{const _0x2edb5f=_0x4234f9;console[_0x2edb5f(0x1f8)](_0x2edb5f(0x23f),_0x3f502e),this[_0x2edb5f(0x1ed)]>0x0&&this['pendingRequests']--;},document[_0x4234f9(0x239)]['appendChild'](_0x33ccd8),setTimeout(()=>{const _0x3f1c40=_0x4234f9;_0x33ccd8[_0x3f1c40(0x22e)]&&_0x33ccd8[_0x3f1c40(0x1f9)]();},0x7530);}[_0x1c477e(0x1ef)](_0x490ca1){const _0x4d14d0=_0x1c477e,_0x16e6c3=document[_0x4d14d0(0x231)](_0x4d14d0(0x229));return _0x16e6c3[_0x4d14d0(0x1db)]=_0x490ca1,_0x16e6c3['innerHTML'];}[_0x1c477e(0x1f0)](){const _0x4c43b5=_0x1c477e;this[_0x4c43b5(0x1e5)]=!![],this['pendingRequests']=0x0;const _0xf6074e=document[_0x4c43b5(0x1fc)](_0x4c43b5(0x23c));_0xf6074e['forEach'](_0x15c589=>_0x15c589[_0x4c43b5(0x1f9)]());}}let randomPostsWidgetHz;document['readyState']==='loading'?document[_0x1c477e(0x23b)](_0x1c477e(0x23a),()=>{randomPostsWidgetHz=new RandomPostsWidgetHz(configHz);}):randomPostsWidgetHz=new RandomPostsWidgetHz(configHz);window[_0x1c477e(0x23b)](_0x1c477e(0x21c),()=>{randomPostsWidgetHz&&randomPostsWidgetHz['destroy']();});function _0x3847(){const _0x578a62=['total-posts-script-hz','\x22\x20target=\x22_blank\x22\x20rel=\x22noopener\x22>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<img\x20alt=\x22','لم\x20يتم\x20ايجاد\x20رابط','totalPosts','parentNode','بدون\x20عنوان','generateUniqueRandomNumbers','createElement','min','?alt=json-in-script&max-results=0&callback=randomPostsWidgetHz.handleTotalPosts','\x22\x20src=\x22','blogUrl','feed','loadTotalPostsCount','rel','head','DOMContentLoaded','addEventListener','script[id*=\x22random-post-hz\x22],\x20script[id=\x22total-posts-script-hz\x22]','/s180-rw/','length','خطأ\x20تحميل\x20السكريبت','feeds/posts/default/-/','<div\x20class=\x22loadingr-hz\x22>جاري\x20التحميل...</div>','renderPost','خطأ\x20تحميل\x20جميع\x20المواضيع:','from','getElementById','textContent','bah-random-hz','floor','appendChild','502834OCemhf','processPostEntry','1955643WqsUNe','</a></h5>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','خطأ\x20في\x20التحميل:','\x22\x20loading=\x22lazy\x22\x20onerror=\x22this.src=\x27','isDestroyed','خطأ\x20تحميل\x20مجموع\x20المواضيع.','?alt=json-in-script&start-index=','5264844fJRGtI','url','خطأ\x20تحميل\x20أعد\x20تحديث\x20الصفحة','init','size','pendingRequests','entry','escapeHtml','destroy','includes','add','showError','random','push','لا\x20يوجد\x20منشورات\x20في\x20القسم','bind','error','remove','href','</div>','querySelectorAll','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<a\x20class=\x22the-thumb\x22\x20href=\x22','youtube.com','75176ItUvIj','alternate','warn','خطأ\x20في\x20تحميل\x20المواضيع','processThumbnail','config','<div\x20class=\x22error-hz\x22>Error:\x20','handleRandomPost','&max-results=1&callback=randomPostsWidgetHz.handleRandomPost','showLoading','Error\x20processing\x20thumbnail:','title','match','async','timeout','18tjgMkm','useLabel','875jVNGlc','className','label','لا\x20يوجد\x20مواضيع','loadScript','خطأ\x20في\x20تحميل\x20المقالات','347255ualsKo','random-post-hz-','handleTotalPosts','container','7377220IXEyvq','innerHTML','beforeunload','replace','openSearch$totalResults','loadedPosts','src','5GMqQLd','10326609uFEzFt','media$thumbnail','loadRandomPosts','random-item-hz','content','noThumbUrl','\x27\x22/>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20</a>\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20<h5>\x20<a\x20href=\x22','div'];_0x3847=function(){return _0x578a62;};return _0x3847();}
</script>
 

الخلاصة

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