الثلاثاء، 21 فبراير، 2012

كيف تعمل قائمة - مواضيع ذات صلة او مواضيع مشابهة - اسفل كل موضوع او مقالة في مدونتك او موقعك؟

قراءة للموضوع

بسم الله الرحمن الرحيم اخوتي الكرام السلام عليكم ورحمة الله وبركاتة اليوم نبداء بموضوع جديد في مدونتنا عن كيفية وضع او عمل قائمة ( مواضيع ذات صلة او مقالات مشابهة او مواضيع ذات علاقة ( سمها ما تشاء )  تحت كل موضوع او مقالة في مدونة بلوجر . طبعا قائمة مواضيع ذات صلة من خصائصها انها تعرض المواضيع المشابهة للموضوع الذي تتصفحة الان وايظا من نفس قسم الموضوع هذا ، ولها فوائد عظيمة وهي تجعل زوار مدونتك ان يبقو لفترة طويلة في تصفح مدونتك اي زيادة في مشاهدة صفحات المدونة وهناك توجد طرق كثيرة واشكال مختلفة لهذه الاضافة منها على شكل قائمة اسفل المقال تعرض عناوين المواضيع المشابهة كما في مدونتي تجدها اسفل كل موضوع ،ومنها ايظا على شكل قائمة بعناوين المواضيع مع صور مصغرة لكل لموضوع بشكل افقي . ولكن في درسنا هذا سنتطرق لشرح طريقة تركيب قائمة مواضيع ذات صلة كما في الصورة التالية :
















* ملاحظة :  لكن قبل ان نبدا بخطوات  تركيب  هذه  الاضافة تذكر انك عامل اقسام لمدونتك اي كل المواضيع المنشورة في مدونتك موزعة في اقسام ( اقسام المدونة ) ولمعرفة التفاصيل عن كيفية عمل او انشاء اقسام لمدونتك   قم بزيارة الدرس هذا ،،،،
واي موقع او مدونة لا يوجد بها اقسام فالطريقة هذا غير صالحة لها .... 

والان اسحمولي بشرح خطوات : كيفية اضافة او وضع مواضيع ذات صلة في مدونة بلوجر ؟ 

1 - اذهب الى لوحة تحكم المدونة .
2 - من لوحة تحكم مدونتك اختر قالب - ثم تحرير HTML - ثم متابعة . ( لا تنسى حفظ نسخة احتياطية لقالب مدونتك من اي خطاء قد يقع  )
3 - قم بتوسيع قوالب عناصر واجهة المستخدم اي بوضع علامة صح في المربع .

4 - ابحث عن الكود التالي باستخدام مفتاح ( CTRL+F ) :
</head>
5 - قم بنسخ الكود التالي ثم ضعه او انسخة فوق كود خطوة4 .


<!--RelatedPostsStarts-->
<style>
#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 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://www.gigaimage.com/images/brrl1rtaziisu0yj6kj6.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/relatedposts_forblogger.js' type='text/javascript'/><!--RelatedPostsStops-->
6 - ابحث عن الكود التالي في مدونتك بواسطة المفتاح ( CTRL+F ) :

<data:post.body/>
7 - قم بنسخ الكود التالي ثم الصقة بعد كود خطوة رقم6 :

<!--RELATED-POSTS-STARTS--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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><!--RELATED-POSTS-STOPS-->


8 - قم بعمل حفظ للقالب . ومبرووووك ،،،،

ملاحظة مهمة : قد تجد كود خطوة رقم 6 ( <data:post.body/> ) مكرر مرتين ، قم بوضع كود خطوة رقم7 بعد كود خطوة 6 المكررالثاني . كما هو موضح في الصورة التالي ( كود خطوة رقم 7 بعد كود خطوة رقم6 الذي باللون الاصفر ) :




 اذا استمتعت بقراءة الدرس اعلاة قم بالاشتراك عبر بريدك الالكتروني ليصلك تحديثات المدونة من دروس مفيدة وحصرية لمدونات بلوجر كما يمكنك ان تتصفح فهرس المدونة للحصول على المزيد من المواضيع الاساسية التي قد تناسب مدونتك . والصلاة والسلام على رسول لله  ....... واي سؤال او استفسار نرجو التعليق ،،، 

24 التعليقات:

موقع( فكرة جديدة )2012 يقول...

السلام عليكم اولا احب اشكرك اخي الفضييل على هذه المواضيع الاكثر من رائعة .. وانا كل يوم صرت ادخل على مدونتك عشان اشوف الجديد بس اليوم واخيراا موضوع جديد والموضوع مثل ما توقعت متميز ورائع وااااصل !! اخوك صاحب موقع فكرة جديدة (يزيد) ,,

جنّـه يقول...

جزاك الله خيرا موضوع مميز
بارك الله فيكم على جهودكم ..

ܓܨ بہرقے آلہشہ.¸.ـٍـوقے ܓܨ يقول...

فعلاً هذا مايميز المدونة بشكل عام مشكور ابو خلود ع شرحك الواضح والمميز لكن معي أنا مانجحت في التطبيق يمكن لقلت خبرتي أو لوجود خطاء غير معروف

سعد الاسمري يقول...

استاذي العزيز
اتمنى مساعدتي في طلب صغير اتمنى منك مساعدتي رغم انني من المسجلين بالنشرة البريدية

وهي اسم موقع فقط يظهر لك النافذة في الاسفل سجلت به ونسيت اسم الموقع للتعديا على اشيائي وسبحان الله كلما اطلب شي من الاخوه الذين معهم يتجاهلني وكانني طلبت مبلغ من المال او لست ادري وكل ماريده هو اسم الموقع اتمنى ان كنت تعرفه ان تساعدني وستجده في موقع الاستاذ الذي لم يعطيني اسم الموقع وليس هو فقط بل الكثير كلما اطلب اسم الموقع يحسسني انني طلبت منه شي صعب سبحان الله

هذا الموقع يظهر لك النافذة تظهر في الاسفل وشكرا لك واسال الله لك القبول متمنيا رد منك
http://www.hamada-b.com/

اخوك في الانتظار

خالد محمد (ابوخلود) يقول...

* أخي موقع فكرة جديدة 2012 : أشكرك جزيل الشكر على مرورك الدائم بمدونتي وان شاء الله قريبا تلاقي مواضيع جديدة وحصرية بكل ما يتعلق بمدونات بلوجر ....

* أخي جنة : الله يبارك فيك ويعطيك العافية وأشكرك على مرورك الكريم ....

* أخي برق الشووق : مشكور على مرورك الدائم للمدونة وبالنسبة لإضافة ( مواضيع ذات صلة ) في مدونتك أنا مستعد لتفعيلها في مدونتك بالشكل الصحيح وقد أرسلت لك رسالة أمس على بريدك الالكتروني وان شاء اللقاء بيننا الساعة التاسعة مساءاً ....

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

Allo Pc يقول...

مدونة
"Allo Pc"
ترحب بكم أجمل الترحيب
و تتمنى لكم وقتا سعيدا مليئا بالحب كما يحبه الله و يرضاه
فأهلا بكم في المدونة المباركة إن شاء الله
و نرجوا أن تفيدوا و تستفيدوا منها
لكم منا أجمل المنى و أزكى التحيات
http://allopcinfo.blogspot.com

Übersiedlung Wien يقول...

موفقييييييييييييين

أم كوثر يقول...

السلام عليكم شكرا جزيلا على الإفادة،لكن المشكلة أنني طبقت التعليمات ولا شيء تغير وقمت بالمحاولة أربع مرات في كل مرة أحفظ التغييرات ولا شيء تغير،ماذا أفعل؟

Zwangsräumung يقول...

شكراً كتيييييييير ع الموضوعات

Firmenumzug Wien يقول...

جددوا موضوعاتكم .. رجاءاً :)

Bauschuttentsorgung Wien يقول...

الجديد .. الجديد... فين الموضوعات الجديدة

Internationale Umzug يقول...

الله يعينكم على المجهوووووووووووووود :)

Lagerung يقول...

Allah is with you ... :)

غير معرف يقول...

شاركونا بآرائكم , صححوها رجاءً

Umzug in die Schweiz يقول...

موفقين .. وعايزيين نشوف الجديد !؟

Räumung يقول...

Allah grant you success ... Where new themes ?!

umzug يقول...

räumung
umzug wien
Entrümpelung
Entrümpelung wien
umzug
umzüge
übersiedlung
firmenumzug
firmenumzüge
umzugsfirma
übersiedlung wien
umzug wien
transport
kleintransporte
möbeltransport
botendienst
transport wien
umzug nach deutschland
Umzug nach Österreich
entrümpelungen
entrümpelung wien
entsorgung
entsorgung wien
Müllentsorgung
räumungen
Haushaltsauflösung
Wohnungsauflösung
Verlassenschaft
Zwangsräumung
delogierung
räumungen wien
reinigung
privatreinigung
gartenarbeit

umzug يقول...

reinigung wien
lager
lager wien
möbel umzug wien
wohnungsumzug
internationale umzuege
Umzug nach Italien
Umzug nach Luxemburg
umzug nach holland
Wohnungsentrümpelung
Kellerentrümpelung
Dachbodenentrümplung
sperrmüllentsorgung
Bauschuttentsorgung
Containerentsorgung
Dachboden Entsorgung
Wohnungsräumung Gratis
Hausräumung
Kellerräumung
the home page
living room
kitchen photo
wood doors
children rooms
modern bath
bathroom
bathrooms
Sharm
Sharm el Sheikh
Sharm elsheikh
Sharm sheikh
Sharm sheik

umzug يقول...

نتيجة الانتخابات
نتيجة الانتخابات الرئاسية
نتائج انتخابات الرئاسة المصرية
نتيجة الشهادة الابتدائية
نتيجة الصف السادس الابتدائى 2012
نتيجة الصف السادس الابتدائى
الانتخابات الرئاسية المصرية
نتيجة الشهادة الاعدادية
نتيجة الشهادة الاعدادية 2012
نتيجة الصف الثالث الاعدادى
نتيجة الثانوية العامة
نتيجة الثانوية العامة بالاسم
نتيجة الشهادة الثانوية الازهرية
نتيجة الدبلومات الفنية
شركة فوركس
شركات فوركس
شركات الفوركس
شركة الفوركس
forex news
forex
online forex
forex online
forex
تعلم الفوركس
تعليم الفوركس
تعليم فوركس
تعلم فوركس
تجارة العملات
تجارة العملة
تجارة الذهب
ويندسور بروكر
ويندسور

umzug يقول...

youtube
جريدة الوطن
وظائف
youtube movies
youtube
youtube
فوركس
اسعار الذهب
اسعار العملات
الذهب
اخبار مصر
دورة تحليل فني
دورة تحليل مالي
دورة الفوركس
دورة فوركس
دورة تحليل الاسهم
دورات تحليل فني
دورات تحليل الاسهم
دورات تحليل مالي
دورات بورصة
دورة بورصة
كورس بورصة
كورسات بورصة
كورس فوركس
كورسات فوركس
كورس الفوركس
توصيات فوركس
يوتيوب
ادارة حسابات
ادارة حسابات فوركس
ادارة حسابات عملات
ادارة محافظ
ادراة حسابات العملات
تجارة فوركس
تجارة العملات
كورسات

Hausräumung Wien يقول...

تحياتى لكم .. فين الموضوعات الجديدة

Verlassenschaft Wien يقول...

شكراً ع الموضوع ..اتمنى عرض الجديد من الموضوعات

Umzug nach Luxemburg يقول...

شكراً على المجهود .. دمتم بخير :)

خالد محمد (ابوخلود) يقول...

اشكركم جزيل الشكر واعتذر على غيابي هذه الفترة وانتظرو جديدنا في الايام القريبة ان شاء الله