مساحة إعلانية

الأحد، 3 فبراير، 2013

الأحد، 3 فبراير، 2013

إضافة مواضيع ذات صلة من موقع LinkWithin وتخصيصها

مواضيع ذات صلة خدمة تهم كل أصحاب المواقع نظرا لمساهمتها في إبقاء الزائر أطول وقت ممكن وهناك عدة طريق لإضافة مواضيع ذات صلة منها عن طريق موقع LinkWithin وهو موقع متخصص في تقديم تلك الخدمة والفرق بين الإضافة عن طريقه والإضافات اليدوية هو أن الإضافة اليدوية تناسب اكثر المواقع الكبيرة التي تتعدى مواضيعها الـ 1000 موضوع وبها اقسام كثيرة أما المواقع ذات المحتوى القليل وطبيعي مدونات بلوجر محتوياتها ليست كبيرة في الغالب لذا تأتي إضافة LinkWithin بميزاتها أنها لا تبحث فقط عن القسم بل تبحث عن الكلمات الدلائلية الإضافة العادية لو كانت في قسم يحتوي موضوعين ستظهر الموضوعين فقط اما LinkWithin ستظهر الموضوعين وستكمل الخانات بمواضيع تحتوي كلمات مشابهه وبالتالي هي تتغير مع كل زيارة مما يتيح فرصة أكبر لبقاء الزائر

طريقة إضافتها أدخل على الموقع  linkwithin.com

ثم نتبع الخطوات كما في الصور


 


هكذا تم الإضافة بنجاح ولكن يبقى أن نضبط الآداة
سنجد الآداة تظهر في كل الصفحات مما سيجعل هناك ثقل لذا سنجعلها تظهر في صفحات المواضيع فقط
أدخل على تحرير قالبك ولا تنسى النسخة الإحتياطية ثم علم على خانة توسيع العناصر
ثم إبحث عن إسم الآداة والذي سيكون linkwithin إلا إن كنت غيرته
أو إستخدم زر الإنتقال الى الآداة وتأكد من أن الاداة موسعة او إضغط على زر التوسيع والذي قد يكون متكرر في الأداة وهذا مثال زر التوسيع

بعد التوسيع سنجد تحت إسم الآداة هذا الكود<b:includable id='main'>
أضف بعده الكود التالي

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

ثم سنجد بعد هذا الكود <data:content/>
أضف بعده 

</b:if>

وهذه صورة توضيحية لشكل الكود قبل وبعد الإضافة

هكذا تمت الإضافة والضبط بشكل كامل 

أما من يريد تخصيص وتحسين شكل الإضافة يكمل الموضوع

فوق الإضافة تظهر كلمة You might also like ولتغييرها
قم بالدخول لصفحة التخطيط وإختر الإضافة لتعديلها 
في أول كود الإضافة ستجد هذا الوسم <script>
تحته مباشرة أضف الكود التالي وغير الكلمة بما يعجبك
linkwithin_text='شاهد أيضا هذه المواضيع :'

بالنسبة لتعديل شكل الإضافة
أدخل على تحرير القالب وفوق الوسم ]]></b:skin>
أضف الكود التالي

.linkwithin_text {
color:#000;
font-weight:bold;
font-size:22px;
height:20px;
line-height: .3em;
margin:-4px;
text-shadow: #bbbbbb 1px 1px 1px;
box-shadow: 0 1px 3px #999;
}

#000 هذا لون الكتابة غيره بما تشاء وهذا تغير بسيط لكنه يتناسب مع كل القوالب
اما من أراد تغيير قوي وهو كالموجود في صورة الموضوع فعليه بالكود التالي ولكن ملاحظة قد يصبح مشوه مع بعض القوالب

#linkwithin_logolink_0 {
display:none;
}

#lws_0 {
clear: both!important;   width:609px;  background:#F5F5F5;  padding-right:11px; margin: 5px 0 0 0!important;
 border:1px solid #DDDDDD;
}

.linkwithin_text {
color:#000000;
font-weight:bold;
font-size:22px;
height:20px;
line-height: .3em;
margin:-4px;
text-shadow: #bbbbbb 1px 1px 1px;
}

.linkwithin_posts a {background:#D7D5D5; border-bottom:1px solid #bbb;
box-shadow: 0 2px 2px #555;
-moz-box-shadow: 0 2px 2px #555;
-webkit-box-shadow: 0 2px 2px #555;}

.linkwithin_posts a:hover {
background:#ffffff !important;
}
.linkwithin_img_0 {border: 3px solid #0000 ; border-radius:5px;
}

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

#linkwithin_logolink_0 {
display:none!important;
}
#linkwithin_logo_0 {display:none;}
#lws_0 {
clear: both!important;        margin: 0 0 20px 0!important;   
}

.linkwithin_outer{
margin: 0 0 20px 0!important;   
}
.linkwithin_text {
color:#FF683F!important;
font-size:16px!important;
padding-bottom:5px!important;
}
.linkwithin_posts a {
background:#333333 !important;
border-right:1px solid #404040!important;
}
.linkwithin_posts a:hover {
background:#666666 !important;
}
.linkwithin_img_0 {
border: 2px solid #dddddd !important; padding:2px !important;  width:100px!important; height:100px!important;
}
.linkwithin_img_0:hover {
border: 2px solid #333333 !important; padding:2px !important;
}

.linkwithin_title {
color:#ffffff !important;
font-family:'tahoma', sans-serif !important;
font-size:11px !important;
line-height:14px !important;
text-decoration: none;
border-top:1px solid  #ddd !important;
}
.linkwithin_title:hover {
border-top:1px solid  #333 !important;
}
دمتم في أمان الله

هناك 17 تعليقًا:

  1. موضوع جميل وجاري الاضافه

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

    ردحذف
  3. ماشاء الله انت خبرة
    ومواضعيك رائعة بس سوال انا ضيفتها
    بس عندى الصورة مش ظاهرة للممواضيع
    بس هو للاسف مدوتنى حاليا مفهاش غير موضوعن هل لما ازود الصور هتظهر ؟

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

    ردحذف
  5. ربنا يحميك ويكرمك يارب
    تسلم ياغالى وانا ان شاء الله هاعمل زى ماقولت بس هضر اسيب الكود بقى

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

    ردحذف
  7. ممكن طريقة إزالة رابط الموقع مثلما فعلت أنت لو سمحت ؟؟

    ردحذف
    الردود
    1. أضف هذا الكود
      #linkwithin_logolink_0 {
      display:none;
      }

      فوق </b:skin>

      حذف
  8. مشكووووو شرح واضح وكافي

    ردحذف
    الردود
    1. الشكر لله أخي الفاضل
      تشرفت بمرورك

      حذف
  9. والله انك مهندس تعنت وانا ابحث عن الاضافة وجتها عند وبكل سهوله, اللهم يجعلها في ميزان حسناتك, كشكراً لك

    ردحذف
    الردود
    1. اللهم آمين
      وجزيل الشكر على مرورك الطيب
      تحياتي لك

      حذف
  10. الله يزوجك والله اربع ساعات قاعد افحط من مدونة لمدونة واخيرا لقيته عندك

    ردحذف
    الردود
    1. رزقنا الله وإياك بالزوجة الصالحة
      والحمد لله أنك وجدت ما تبحث عنه عندنا
      تحياتي لك وشكرا لمرورك الطيب

      حذف
  11. هل شرحت اضافة مواضيع ذات صلة الذي تستخدمه انت من فضلك

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

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©