الثلاثاء، 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 الذي باللون الاصفر ) :




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

20 التعليقات:

قسم الاكترونيات يقول...

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

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

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

برق الشوق يقول...

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

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

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

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

هذا الموقع يظهر لك النافذة تظهر في الاسفل وشكرا لك واسال الله لك القبول متمنيا رد منك
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 ?!

Hausräumung Wien يقول...

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

Verlassenschaft Wien يقول...

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

Umzug nach Luxemburg يقول...

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

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

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