<div class='pre dc' data-text='typecode' data-file='filename' data-lang='fileformat' data-time='true' data-download='true' data-copy='true' data-view='true'>
  <pre>
<script>
var NumpofPost = 10;
var label = "recent";
</script>
<style>
#zawaall{position:relative;display:block;width:100%;height:auto;box-sizing:border-box;text-align:right;font-size:14px;direction:rtl;font-weight:700}#zawaall li{position:relative;display:block;float:right;list-style:none!important;border:solid 1px #eee;border-radius:5px;padding:5px;margin:0;width:100%;height:auto;color:#fff;transition:300ms;cursor:pointer;box-sizing:border-box}#zawaall li>a>img{width:50px;height:50px;border-radius:100px;float:right;padding:0;box-sizing:border-box;margin:0 0 0 5px}#zawaall li>a{width:50px;height:50px;box-sizing:border-box}#zawaall li>div>a{text-decoration:none;color:#fff}#zawaall li:hover{box-shadow:0 0 5px 1px #000;z-index:1000}
</style>
<div id="zawa"><ul id="zawaall"></ul></div>
<script>
var colors = ["#F90000","#D41600","#ff8400","#64D500","#00ab07","#3498DB","#0057D5","#0300D5","#C200D5","#D50091"];
var num = 0;
function zarafun(e){for(let r=0;r<e.feed.entry.length;r++){var n=document.createElement("li"),t=(e.feed.entry[r].link.length,e.feed.entry[r].link[4].title),a=e.feed.entry[r].link[4].href,l="";l=e.feed.entry[r].hasOwnProperty("media$thumbnail")?e.feed.entry[r].media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS14aJCpSnUgdrisaS-PIjvyPesq54q8avQJVkmg_fxZX5Ur7U8fbr23Ns8MS14ydnss8rd9Zq_ETldKzt0THxSTgx_Axu-lA7XfEtqHn8rQESUSVZQB_18qX6H5QrDozWC-6A5YseFeg/s72-c/nth.png",n.innerHTML='<a href="'+a+'" target="_blank"><img src="'+l+'" alt=""/></a><div><a href="'+a+'" target="_blank">'+t+"</a></div>",n.style.backgroundColor=colors[num],document.getElementById("zawaall").appendChild(n),num++,num>9&&(num=0)}}
var s_n_o;"recent"==label?((s_n_o=document.createElement("script")).src="/feeds/posts/default?alt=json-in-script&max-results="+NumpofPost+"&callback=zarafun",document.getElementById("zawa").appendChild(s_n_o)):((s_n_o=document.createElement("script")).src="/feeds/posts/default/-/"+label+"?alt=json-in-script&max-results="+NumpofPost+"&callback=zarafun",document.getElementById("zawa").appendChild(s_n_o));
</script>  </pre>
</div>
  

• لتغيير عدد التدوينات المعروضة، عدل القيمة NumpofPost.
• لعرض مواضيع من تصنيف معين غيّر label من  recent إلى اسم التسمية  مقال : فكرة - تفنية - أيفون 18