recent post list blogger

recent post list blogger

by asfar mohamed

HTML

<div class="widget-content">
    <script>
        function recentpostslist(json) {
            for (var i = 0; i < json.feed.entry.length; i++) {
                for (var j = 0; j < json.feed.entry[i].link.length; j++) {
                    if (json.feed.entry[i].link[j].rel == 'alternate') {
                        break;
                    }
                }
                var entrycnt = "'" + json.feed.entry[i].content.$t + "'"; //x
                
                // الشيفرة
                var item = ((postHTML) => {
                	var root = document.createElement('div');
                  
                  root.innerHTML = postHTML;
                  return ((root) => {
                  		// العنصر المعروض فقط
                  		var target = root.querySelector('.chtphoto')
                      
                      var filter = (el) => {
                      	if (el == target) {
                        	return
                        }
                        
                        // العنصر يحتوي العنصر المراد عرضه؟
                        if (el.contains(target)) {
                        	for (let e of el.children) {
                             filter(e)
                          }
                          return
                        }
                        
                        // حذف العنصر يمكنك استخدام أيضًا .remove لكن لن تعمل على IE
                        el.parentNode.removeChild(el)
                      }
                      
                      filter(root)
                    	
                      return root
                  })(root)
                })(entrycnt);
                
                ((elements) => {
                	for (let el of elements) {
                		document.body.appendChild(el)
                   }
                })(item.children)
            }
        }
        
    </script>
    <script...

CSS

div#chtphoto {
    background: #1dc71b;
    float: right;
    margin: 4px;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 100%;
}

div#chtphoto2 {
    background: #c71b33;
    float: right;
    margin: 4px;
    color: #fff;
    padding: 10px;
    text-align: center;
    width: 100%;
}