تحويل قائمة روابط بلوجر الى قائمة صور

    <b:includable id='content'>

 <div class='widget-content'>

   <ul>

     <b:loop values='data:links' var='link'>

       <li><a expr:href='data:link.target'><data:link.name/></a></li>

     </b:loop>

   </ul>

 </div>

</b:includable>

<b:includable id='content'>

<div class='widget-content'>

<style>

/*<![CDATA[*/ 

.cnmu-image-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}

.cnmu-image-list > a{width:125px;height:125px;overflow:hidden;border:1px solid #ddd;padding:3px;background-color:#fff;}

.cnmu-image-list > a:hover{background-color:#000;border-color:#000;}

.cnmu-image-list > a img{width:100%;height:100%;object-fit:cover;}

/*]]>*/  

</style>

   <div class='cnmu-image-list'>

     <b:loop values='data:links' var='link'>

       <a expr:href='data:link.name' target='_blank'><img expr:src='data:link.target' alt='External Website URL'/></a>

     </b:loop>

   </div>

 </div>

</b:includable>