كيفيه اضافه ( مواضيع ذات صله ) اسفل كل تدوينه لبلوجر وورد _ How to Add (Related Topics)

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

الرئيسيه  >>  الاضافات 

  اضافه ( مواضيع ذات صله ) اسفل كل تدوينه لبلوجر وورد 

من الاضافات المهمه لاى مدونه لتسهيل الملاحه وحريه الحركه 

داخل المدونه سواء كانت مدونه بلوجر او مدون وورد برس 

المميزات 

------------

تذكر الزائر دائما بالموضوعات السابقه وتربطها بما هو جديد وهى من اضافات بلوجر المهمه

وتضع امامه خيارت اكثر لتصفح موقعك ومن ثم تحافظ على زياده حركه المرور ودوام التردد

الى موقعك لسهوله التحرك واستكشاف المزيد من الموضوعات الجذابه وان مضى عليها وقت طويل ستظل مذكوره كلما تصفح احد الموضوعات ستكون فى اسفل كل تدوينه من 3- 4  دروس بلوجر  حسب ما تريد انت

======================

كيفيه تركيب الاضافه 

اولا 

الذهاب الى الموقع الرسمى لهذه الاداه 

http://www.linkwithin.com/learn

ستكون صفحه الموقع بهذا الشكل 

هو موقع مجانى ولا يحتاج الى تسجيل 

كل ما عليك هو ملء البيانات المطلوبه 

الايميل 

ورابط الموقع 

ونوع المدونه سواء بلوجر او وورد

وعدد الموضوعات التى ترغب فيها 

ثم اضغط على الزر ارسال واتبع التعليمات لتشغيل الاداه 

ثانيا

 الاختيار من بين مجموعه من الاشكال التاليه  

 بواسطه اضافه اداه جافا سكريبت  وإضافة هذه القطعة في بلوق الخاص بك. الخطوة 1 في الدخول إلى حسابك في حساب Blogger . الخطوة 2 النسخ الاحتياطي القالب 

الخطوة 3 انقر على قالب >> تحرير HTML >> المضي قدما . الخطوة 4 الآن تجد [عن طريق الضغط على Ctrl  +  F  ] هذا الرمز في القالب:

<div class='post-footer-line post-footer-line-1'/>

إذا كنت غير قادر على العثور عليه ثم حاول العثور على هذا واحد

<p class='post-footer-line post-footer-line-1'/>

أو

<div class='post-footer-line post-footer-line-2'/> 

<div class='post-footer-line post-footer-line-3'/> 

</ div> 

</ div>

 ولصق الكود التالى اسفل الكود السابق

1-

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/tu8qgyfxt2cze7k/related-posts-min-1.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop><h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2><script type='text/javascript'>var currentposturl="<data:post.url/>"; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>

وسيكون بهذا الشكل

2-

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/sg44q3ub0bjgjzj/related-posts-min-3.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop><h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2><script type='text/javascript'>var currentposturl="<data:post.url/>"; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>

مثل هذا الشكل

3-

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/0d62v44r7jm951o/related-posts-min-6.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop><h2 class='title' style='color:#fff;background-color:#000;width:150px;'>Related Topics</h2><script type='text/javascript'>var currentposturl="<data:post.url/>"; var maxresults=5; <!-- Increase To Show More Then 5 Related Post -->removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>
وستكون مثل هذا الشكل

4-

<script src='http://dl.dropboxusercontent.com/s/c65xwzi0gc8z906/related-posts-min-1-ycode.js' type='text/javascript'/><link href='http://dl.dropboxusercontent.com/s/6p6eoqxqnnx6l39/related-posts-min-20.css' rel='stylesheet' type='text/css'/><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='My Blogger Tricks'><img alt='My Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%; top: 0px;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='All Blogger Tricks'><img alt='All Blogger Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; right: 0%;'/></a><a href='http://24work.blogspot.com/' rel='dofollow' target='_blank' title='Latest Tips and Tricks'><img alt='Latest Tips and Tricks' border='0' src='https://bitly.com/24workpng1' style='position: fixed; bottom: 10%; left: 0%;'/></a><b:if cond='data:blog.pageType == "item"'><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=8"' type='text/javascript'/></b:if></b:loop><h3 class='title' style='color:#fff;background-color:#000;width:150px;'>مواضيع ذات صله</h3><script type='text/javascript'>var currentposturl="<data:post.url/>"; var maxresults=8; <!-- Increase To Show More Then 8 Related Post -->removeRelatedDuplicates(); printRelatedLabels(); </script></div></b:if>

وستكون مثل هذا الشكل

واتمنى التوفيق للجميع

By glok

Similiar tagsاضافات بلوجر