كيفية اضافة المشاركات الشائعة اسفل المواضيع فى بلوجر

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

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

كيفية اضافة المشاركات الشائعة اسفل المواضيع فى بلوجر

وفى قالب عالم المدون السابق الأصدار الثامن لا يوجد قائمة جانبى لذلك قررت وضع الَإضافة عليه ولكن ليس بشرط ان لا يكون فى قالب مدونتك قائمة جانبية اذا كان فى مدونتك قائمة جانبية ايضا يمكنك استخدم هذه الإضافة لوضع المشاركات الشائعة اسفل المواضيع كما فى موضوع اليوم كيفية اضافة المشاركات الشائعة اسفل المواضيع فى بلوجر.



يمكنك من هنا معاينة الإضافة قبل تركيبها على مدونتك وبالتأكيد سوف تعجبك كثيرا

معاينة 

كيفية اضافة المشاركات الشائعة اسفل المواضيع فى بلوجر

شرح التركيب سوف يكون بسيط جدا لان موضوع اليوم يتوافر على اكواد بسيط جد ، أول كود هو كود الأستايل .
وبعد فتح مدونتك والدخول على مظهر القالب سوف تبحث عن هذا الوسم</head>ثم سوف تضع فوقه الكود التالى فى بضع القوالب سوف تجد الوسم بهذا الشكل&lt;/head&gt;&lt;!--<head/>--&gt;ضع ايضا فوقه الكود.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
/* Popular Post Grid by IDBLANTER.COM */
#indexpopular ul li:hover .item-title a{color:#EF5350!important}
#indexpopular ul{margin:0!important;padding:0!important}
#indexpopular ul li {width: 150px;float: right;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: 1px;margin-right: 10px;margin-bottom: 15px;}
#indexpopular .item-thumbnail{margin:0}
#indexpopular img{width:100%;height:100%}
#indexpopular .item-title{text-align:center;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;float:right;overflow:hidden}
#indexpopular h2{text-align:center;background:#EF5350;color:#fff;width:200px;padding:10px;margin:10px auto;text-transform:uppercase;border-radius:3px;font-size:15px}
.widget-content.popular-posts {overflow: hidden;margin: auto;display: table;}
@media screen and (max-width: 1160px)
.container {width: 95%;}
</style>
</b:if>
</b:if> 

الأن الكود الثانى وسوف تضعه أسفل المواضيع أو يمكنك وضعه فوق الفوتر فى مدونتك اذا الأمر سوف يكون أسفل بالنسبة لك والصورة التاليه سوف توضح لك كيفية وضع الكود فوق الفوتر وفى اغلى القوالب يكون معرف الفوتر هكذاfooter-wrapperاذا تريد أن تبحث عنه فى قالب مدونتك.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='container'>
<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 != &quot;&quot;'><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 ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <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, &quot;1:1&quot;)                                  : 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>
<div class='clear'/>
</b:if>
</b:if>

كيفية اضافة المشاركات الشائعة اسفل المواضيع فى بلوجر

وبعد وضع اخر كود فى مدونتك يمكنك الأن حفظ القالب ومبروك عليك الإضافة الجديده بشكلها الجديد ، ويمكنك التحكم فى عدد المواضيع بالطريقة العادية من التخطيط .

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

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

وايضا سوف يكون عليك حذف كود الأغلق هذا ايضا من كل كود وبعد ذلك يمكنك حفظ القالب من جديد

</b:if>
</b:if>

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .