اضافة المشاركات الشائعة فوق الفوتر بطريقة احترافية

اضافة المشاركات الشائعة فوق الفوتر بطريقة احترافية

بسم الله الرحمن الرحيم

اهلا ومرحبا بكم اعزائى زوار ومتابعى مدونة شرقاوى ويب اقدم لكم اليوم موضوع جديد طريقة اضافة المشاركات الشائعة فوق الفوتر بطريقة احترافية كما فى مدونتى.

اضافة المشاركات الشائعة فوق الفوتر بطريقة احترافية

اضافة المشاركات الشائعة فوق الفوتر بطريقة احترافية

سنشرح لكم اليوم طريقة اضافة المشاركات الشائعة فوق الفوتر لكى تجعل قالب اكثر احترافية وتجعل تصفح المواضيع الاكثر مشاهدة سهلا للزوار وذالك لضمان بقاء الزائر فتره اطول على مدونتك.

طريقة اضافة المشاركات الشائعة فوق الفوتر

1. ابحث عن </head>  واضف الكود التالى فوقه مباشرة

<b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType != "item"'><style type='text/css'>/* Popular Post Grid */ #indexpopular ul li:hover .item-title a{color:#07ACEC!important} #indexpopular ul{margin:0!important;padding:0!important} #indexpopular ul li{width:150px;float:right;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:right;overflow:hidden} #indexpopular h2{box-shadow: 0 1px 2px 1px rgba(0,0,0,0.17), 0 1px 2px 0 rgba(0,0,0,0.23); transform: skew(-7deg); background: #222; color: #fff; padding: 10px 15px; border-radius: 5px; width: 150px; text-align: center; font-size: 16px; margin-bottom: 20px} </style></b:if></b:if>  

2- ابحث عن <footer واضف الكود التلى فوقه مباشرة

<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'>7</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'>LAST_WEEK</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> 

بعد اضافة الاكود توجه الى التخطيط ستجد انه تم اضافة اداة المشاركة يمكنك التعديل عليها وتغير المشاركة الاكثر مشاهدة الى اى شئ تريد.

هذا كل شئ لا تنسى وضع تعليق رايك بالموضوع ومتابعتنا من هنا شكرا لكم