إضافة مواضيع ذات صلة من موقع LinkWithin وتخصيصها
مواضيع ذات صلة خدمة تهم كل أصحاب المواقع نظرا لمساهمتها في إبقاء الزائر أطول وقت ممكن وهناك عدة طريق لإضافة مواضيع ذات صلة منها عن طريق موقع LinkWithin وهو موقع متخصص في تقديم تلك الخدمة والفرق بين الإضافة عن طريقه والإضافات اليدوية هو أن الإضافة اليدوية تناسب اكثر المواقع الكبيرة التي تتعدى مواضيعها الـ 1000 موضوع وبها اقسام كثيرة أما المواقع ذات المحتوى القليل وطبيعي مدونات بلوجر محتوياتها ليست كبيرة في الغالب لذا تأتي إضافة LinkWithin بميزاتها أنها لا تبحث فقط عن القسم بل تبحث عن الكلمات الدلائلية الإضافة العادية لو كانت في قسم يحتوي موضوعين ستظهر الموضوعين فقط اما LinkWithin ستظهر الموضوعين وستكمل الخانات بمواضيع تحتوي كلمات مشابهه وبالتالي هي تتغير مع كل زيارة مما يتيح فرصة أكبر لبقاء الزائر
طريقة إضافتها أدخل على الموقع linkwithin.com
ثم نتبع الخطوات كما في الصور
هكذا تم الإضافة بنجاح ولكن يبقى أن نضبط الآداة
سنجد الآداة تظهر في كل الصفحات مما سيجعل هناك ثقل لذا سنجعلها تظهر في صفحات المواضيع فقط
أدخل على تحرير قالبك ولا تنسى النسخة الإحتياطية ثم علم على خانة توسيع العناصر
ثم إبحث عن إسم الآداة والذي سيكون linkwithin إلا إن كنت غيرته
أو إستخدم زر الإنتقال الى الآداة وتأكد من أن الاداة موسعة او إضغط على زر التوسيع والذي قد يكون متكرر في الأداة وهذا مثال زر التوسيع
أو إستخدم زر الإنتقال الى الآداة وتأكد من أن الاداة موسعة او إضغط على زر التوسيع والذي قد يكون متكرر في الأداة وهذا مثال زر التوسيع
بعد التوسيع سنجد تحت إسم الآداة هذا الكود
أضف بعده الكود التالي
ثم سنجد بعد هذا الكود
أضف بعده
وهذه صورة توضيحية لشكل الكود قبل وبعد الإضافة
هكذا تمت الإضافة والضبط بشكل كامل
أما من يريد تخصيص وتحسين شكل الإضافة يكمل الموضوع
فوق الإضافة تظهر كلمة You might also like ولتغييرها
قم بالدخول لصفحة التخطيط وإختر الإضافة لتعديلها
في أول كود الإضافة ستجد هذا الوسم
تحته مباشرة أضف الكود التالي وغير الكلمة بما يعجبك
linkwithin_text='شاهد أيضا هذه المواضيع :'
بالنسبة لتعديل شكل الإضافة
أدخل على تحرير القالب وفوق الوسم ]]>
أضف الكود التالي
.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;
}
دمتم في أمان الله