مدونة بلوجر

شرح وضع مواضيع ذات صله داخل الموضوع تلقائيا فى بلوجر

شرح وضع مواضيع ذات صله داخل الموضوع تلقائيا فى بلوجر

كيف أضع روابط المواضيع المشابهه داخل التدوينه، شرح وضع روابط المواضيع المتشابهه فى وسط المقاله فى بلوجر، شرح وضع مقالات ذات صله فى قالب ليفون لبلوجر، شرح تركيب مواضيع ذات صله فى آخر الموضوع.

فى هذا المقال سأتناول طريقة اضافة مواضيع ذات صلة بشكل تلقائي وسط المواضيع لتحسين السيو seo وزيادة عدد الزوار لموقعك ،  من المعروف ان مواضيع ذات صلة هي عبارة عن روابط من نفس القسم الذى به التدوينه  وهى ذات علاقة بالموضوع الذي تكتبه . ومن مزايا ظهور مواضيع ذات صلة وسط المشاركات انها تساعد كثيرا في زيادة عدد الزوار وتحسين الروابط الداخليه او ما يعرف بالباك لينك الداخلي Internal Backlink . ومن مزاياها ايضا انها توفر عليك الوقت والمجهود فى وضع الروابط بشكل يدوي حيث تعمل هذه الاضافة تلقائيا ، وأنا أفضل أن كل مدون يجب ان يستعمل هذه الأضافه وان تكون موجودة في مدونته .
انا قمت بإضافتها الى موقعى … يمكنك ان ترى طريقة عملها من داخل التدوينه او اى تدوينه اخرى داخل أقسام المدونه.
الان نأتى إلى شرح تركيب الاضافه:-

أولا : فى وسط الموضوع 

قم بالدخول للوحة تحكم مدونتك 
ثم المظهر …… ثم اعدادات القالب ……. سيفتح معك قالب المدونه.
أستخدم Ctrl+f للبحث داخل القالب .. 

1- قم بالبحث عن الوسم  وفوقه مباشرة ضع الكود التالى :

 2- الآن ابحث عن الوسم ]]> وفوقه مباشرة  قم بلصق الكود التالي :

/* Related Post Style 1 */ .related-simplify{position :relative;padding:0;margin:15px auto;width : 100%;} .related-simplify h4{background:#3498db;padding:8px 12px;margin:0;font-size:15px;font-weight:400;color:#fff;border:1px solid #2e88c5} .related-simplify ul{margin:0;padding:0} .related-simplify ul li{background:#f6f6f6;position :relative;list-style:none;padding:9px;margin:auto;line-height:1.4em;border:1px solid rgba(0,0,0,0.1);border-bottom:0;transition:all .3s} .related-simplify ul li:nth-child(odd){background:#fefefe} .related-simplify ul li:last-child{border-bottom:1px solid rgba(0,0,0,0.1)} .related-simplify ul li:before{content:’f138′;font-family:fontawesome;position :absolute;margin:0 4px 0 9px;color:#2ecc71;overflow:hidden;transition:all .3s} .related-simplify ul li:hover:before{content:’f138′;font-family:fontawesome;-webkit-animation:bounceleft .3s alternate ease infinite;animation:bounceleft .3s alternate ease infinite} .related-simplify a{color:#0383d9;font-size:13px;margin:0 30px 0 0;} .related-simplify a:hover{color:#0383d9;text-decoration:underline} .related-simplify ul li:nth-child(n+4) {display :none;} @-webkit-keyframes bounceleft{from{-webkit-transform:translateX(0)}to{-webkit-transform:translateX(3px)}} @keyframes bounceleft{from{transform:translateX(0)}to{transform:translateX(3px)}}

3- الخطوة الأخيره ابحث عن الوسم ستجد منها أكثر من واحده ، وفى الغالب آخر وسم هو المطلوب  ويمكنك تجريب اكثر من واحده ، قم مكانه بلصق الكود التالي :

قد يهمك أيضا

ثم قم بحفظ القالب وشاهد النتيجه .

ملاحظات :- 

1- لتغيير خلفية الاضافه اسفل العنوان – قد يهمك أيضا – يمكنك من خلال البحث بالكود عبر التالى background:#3498db وقم بتغييره باللون المناسب لمدونتك  .

2- لتغيير لون الايقونه قم بالبحث عن كود اللون وهو #2ecc71 وقم بتغييره للون المطلوب .

لتحميل الاكواد من الرابط التالى :-

مواضيع ذات صله- Related Articles

ثانيا: فى آخر الموضوع

لو أردنا وضع المواضيع المشابهه فى آخر الموضوع كما بالصوره التاليه :-

شرح وضع مواضيع ذات صله داخل الموضوع تلقائيا فى بلوجر 1

تابع معى الطريقه وهى مشابهه لسابقتها كالتالى :-

قبل الوسم  ضع الكود التالى اعلاه … 


ثم ابحث عن الوسم  فى القالب لديك وفى الغالب سيكون الثالث لانه سيظهر أكثر من واحد وأسفله قم بوضع الكود التالى :



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

زر الذهاب إلى الأعلى
إغلاق
إغلاق