اضافة مواضيع ذات صلة بلوجر

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

السلام عليكم ورحمة الله وبركته مرحبا بكم في درس جديد حول شكل المدونة وكيفية تغيره  هناك اضافة في المدونة هذه الأضافة من الاضافات المهمة جدا في المدونات سواء بلوجر أو غيرها ،خصوصًا إذا كانت تحتوى على مصغرات صور .

وهذه اضافة تساعدك علي اضافة مجموعة  من الصفحات المهيمة للمدونة كصفحة سياسة الخصوصية او الصفحة الفهرسة وهده الصفحات مهيمة في المدونة وتلعب دور في قبول مدونتك 

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

       1.اضافة مواضيع ذات صلة بلوجر

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

2.كيف يمكن اضافة مواضيع ذات صلة بلوجر بنافذة منبثقه جانبيه؟

1.عليك الدخول الي لوحة التحكم الخاصة بمدونتك ثم اختر تحرير  قالب المدونة.

2.2- ابحث داخل قالب مدونتك عن الوسم  <style> ، وأعلا هذا الوسم ضع كود Css التالى :

#fixed-related{position:fixed;bottom:50px;right:-350px;padding:0 10px 10px;width:300px;height:auto;font-family:Arial;background:#fff;z-index:9999;-webkit-box-shadow:-3px 3px 10px 0px rgba(0,0,0,0.17);-moz-box-shadow:-3px 3px 10px 0px rgba(0,0,0,0.17);box-shadow:-3px 3px 10px 0px rgba(0,0,0,0.17);transition:all .4s ease-in-out}
#fixed-related h4{font-size:16px;font-weight:bold;background:#333;color:#fff;padding:10px 40px;line-height:1;margin:0 -10px}
#fixed-related .fixed-related-close{position:absolute;top:6px;right:6px;cursor:pointer;}
#fixed-related .fixed-related-close svg{width:20px;height:20px;vertical-align:middle}
#fixed-related .fixed-related-close svg path{fill:#fff;}
#fixed-related iframe{border:0;display:block;width:100%;height:176px}
#fixed-related.flow{right:0}

3. داخل قالب مدونتك ، ابحث عن الكود التالى :

<b:includable id='main' var='top'>
..........
..........
..........
</b:includable>

4.أسفل الكود السابق ضع الكود التالى :

<b:includable id='fixedRelatedposts' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels'>
 <b:loop index='x' values='data:post.labels' var='label'>
   <b:if cond='data:x==0'>
<div id='fixed-related'>
<h4>مقالات أخرى مثيرة للاهتمام:</h4>
&lt;!-- <iframe expr:src='&quot;https://cdn.statically.io/gh/KompiAjaib/kompi-html/e92b1ff1/fixed-related.html?fontSize=14px&amp;color=01579B&amp;url=&quot; + data:blog.canonicalHomepageUrl + &quot;&amp;label=&quot; + data:label.name' scrolling='no' title='Related Posts'>
</iframe> --&gt;
<span aria-label='Close Peekaboo' class='fixed-related-close' onclick='this.parentElement.style.display=&quot;none&quot;'><svg viewBox='0 0 24 24'><path d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' role='button' tabindex='0'/></svg></span>
</div>
   </b:if>
 </b:loop>
</b:if>
</b:if>
</b:includable>

5.