اَلسلاَمـ عليكمـ مـرحباَ بكمـ في مـدوونة دكتوور تكنوولووجي اَليوومـ اَقدمـ لكمـ اَضاَفة مـشاَركة اَلشاَئعة بطريقة اَحتراَفية وولاَكن اَليوومـ ليس على اَلساَيدباَر بل فووق اَلفووتر يمـكنك مـعاَينةمـعاَينة نبدأ بشرح على بركة اَللهإبحث على </head> ووضع هذاَ فووقه <b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><style type='text/css'>/* مـشاَركة شاَئعة */ #indexpopular ul li:hover .item-title a{color:#07ACEC!important}#indexpopular ul{margin:0;padding:0}#indexpopular ul li{width:150px;float:left;height:150px;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);padding:10px!important;margin-right:10px;margin-bottom:15px}#indexpopular .item-thumbnail{margin:0}#indexpopular img{width:180px;height:100px}#indexpopular .item-title{text-align:center;height:40px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:left;overflow:hidden}#indexpopular h2{text-align:center;background:#07acec;color:#fff;font-family:'Roboto',sans-serif;width:200px;padding:10px;margin:10px auto;text-transform:uppercase;border-radius:3px;font-size:15px} </style></b:if></b:if> اَلاَن ضع هذاَ فووق اَلفووتر <b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><b:section class='indexpopular' id='indexpopular' maxwidgets='1' showaddelement='yes'> <b:widget id='PopularPosts16' locked='false' title='مـشاَركة اَلشاَئعة' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>6</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>false</b:widget-setting> <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'><li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><div class='item-snippet'><data:post.snippet/></div></b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 170, "1:1") : data:post.thumbnail' var='image'> <img alt='Popular Posts' border='0' expr:src='data:image'/> </b:with> </a> </div></b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div><b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div></b:if> </div><div class='clear'/> </b:if> </li></b:loop> </ul></div></b:includable> </b:widget></b:section><div class='clear'/></b:if></b:if> اَلاَن اَحفظ اَلقاَلب وو مـبرووك عليك اَلاَضاَفة لاَ تنسى اَلاَشتراَك في اَلمـدوونة وو اَلقناَة لاَني اَنشر فيهاَ شرووحاَت مـصوورة
