728x90 AdSpace

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

مواضيع ذات صلة فى بلوجر " مواضيع مشابهة " - تعنى أداة المواضيع المشابهة -- اظهار روابط لمواضيع اخرى تكون محتوية على ماده شبيه مثلا ::: **  أصدار نهائى من المتصفح فايرفوكس الشبيه له ** أضافات جديدة خاصة بــــ المتصفح فايرفوكس 
طريقة اضافة مواضيع ذات صلة فى بلوجر
اضافة مواضيع متشابهة او مواضيع ذات صلة او لها علاقة  هى اضافة مميزه تساعدك على ابقاء الزائر وقت اكبر فى مدونتك حيث تقترح له بعض المواضيع التى قد يكون لها صلة بالموضوع الذى يبحث عنه
 ملحوظة :: قم بالتجربة على  مدونتك الفرعية " التجريبة "  :: أحفظ القالب قبل التجربة ؛
بسم الله نبدأ الطريقة
**************** 
-  ابحث عن الكود الآتي

]]></b:skin>
  ثم فوقه مباشرة ضع الأتى :


#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
text-decoration : none;
}
#related-posts a:hover {
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://1.bp.blogspot.com/_cNpXRtRph18/SpbSRYurg2I/AAAAAAAAD7Q/GbYNm2feyIQ/rss.png") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 21px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

-  ثم مرة أخرى تحت الكود المشار إليه  سابقا ضع الأتى

<script src='http://sites.google.com/site/simoxooorg/Home/related-post-hack-blogger.js' type='text/javascript'/>

3- ثم أبحث عن هذا الكود
<div class='post-footer-line post-footer-line-1'>

وضع تحته مباشرة ما يلى 

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>مواضيع ذات صلة : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

 التعديلات التى يمكن أن نقوم بها

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

related_results_labels&amp;max-results=5&quot;' type

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

شاب مصرى بدأت فى عالم الكمبيوتر بالتعديل على نسخ الويندوز ؛ ومن ثم اتجهت الى تصميم برامج للويندوز #اعمالى ؛ وكان لابد من أيجاد موقع لعرض برامجى وتقديم ما أعرفه لمساعده المستخدمين وللأستفاده من تجاربهم ولذلك قمت بأنشاء المدونة ولكى امتلك موقع مختلف أنجرفت مع تيار تصميم المواقع . عملت فى مجال صيانة أجهزه أبل (أيفون - أيباد - أجهزه الماك ) . والأن عدت الى عالم التدوين .

  • تعليقات بلوجر
  • تعليقات فيسبوك

20 التعليقات:

  1. السلام عليكم لدي مدونة و أود تبادل الإعلانات معك إن شئت و دي مدونتي www.skiiozarse.blogspot.com

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

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

    ارجوا الرد

    صاحب منظمة البرامج الخاصه
    enter2down.blogspot.com

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

    ردحذف
  5. السلام عليكم
    بقولك يا ريس انا عملت كله بس الكود الثالث مش لاقيه

    ردحذف
  6. وليا سؤال تانى انا المدونة بتاعتى نازلة فى جوجل باللينك بتاعها يعنى لو كتبت الاسم مشوفهاش ولاكن باللينك تظهر متعرفش تقولى اعمل ايه ~x(

    ردحذف
  7. هى ياخى بتحتاج وقت مده اسبوعين لنزولها فى جوجل ولتسريع اللارشفه نزلها feed age

    ردحذف
  8. جزاك الله كل خير اخى الفاضل اخوك ابو اسماعي من مصر اعيش فى تركيا
    قومت باضافة الكود ولكن ظهررابط و كلمة تحت الموضوعات ذات صلة وعندما اقوم بالضغط عليها تذهب لرابط مدونة لرابط مددونة اجنبيه تحتوى على صور نساء وانا لا اريد هذا لان مدونتى اسلامية ومازالت تحت الانشاء هذا الكلمة التالية التى تظهر
    Related Posts Widget[?]
    فا كيف اقوم بحذفها
    وياريت لو تشرحلنا انت ازاى حاطت ايقونات جمب الموضعات ذات صلة
    وجزالك الله كل خير وجلعه فى ميزان حسناتك
    فى انتظار رد حضرتك وياريت لو تقولى اقدر اشترك فى مدونت حضرتك ازاى معلش سسامحينى انا مازلت مبتدى ولا افهم الكثير فى عالم المدونات

    ردحذف
  9. شكرا لمرورك kompos بالتوفيق



    وعليكم السلام "مزيكا اون لاين" بالنسبه للكود الثالث هو فى الكود الذى قبله فى الموضوع ... فوق كلمة " التعديلات التى يمكن أن نقوم بها"

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


    شرفنى مرورك "ledo"

    ردحذف
  10. اخى " غير معرف" فى الخطوه الثانية من الموضوع بدلا من ان تضع الكود
    http://sites.google.com/site/simoxooorg/Home/related-post-hack-blogger.js
    ضع هذا الكود

    https://sites.google.com/site/cairopro/related.js
    بالتوفيق اخى الفاضل

    ردحذف
  11. اشكرك اخى الكريم فهى رائعة جدا
    ولكن كلمة "مواضيع ذات صلة" لاتظهر

    ردحذف
  12. حلوه تسلم ايدك بس متصفح فيو فكس لوحدووو بس؟

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

    ردحذف
  13. شكرا اخى على تعبك بس للأسف الاضافة مش شغالة

    ردحذف
  14. رااااااائع وقد طبقتها على مدونتي
    شكرا لك

    ردحذف
  15. السلام عليكم لدي مدونة و أود تبادل الإعلانات معك إن شئت و دي مدونتي
    www.all-smartphone.blogspot.com

    ردحذف
  16. شكرا لك يا اخي . جــــزاك اللــــه خـــيرا

    http://my-tech1.blogspot.com

    ردحذف
  17. شكرا جزيلا لك على افضل كود من احلى مدونة
    تحياتى

    ردحذف