إضافة "مواضيع ذات صلة" "اقرا ايضا" متحركة وجميلة في بلوجر ..

السلام عليكم ..
إضافة "مواضيع ذات صلة" أو "تابع أيضا" أو "إقرأ ايضا" أسفل كل موضوع ..

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

الإضافة موجودة في المدونة (راجع أسفل الموضوع..) ;)
وكأي إضافة ..نمر بـ المراحل التالية ..

> من لوحة التحكم الرئيسية للمدونة..
1 > أدخل إلى "قالب"

2 > إدخل إلى "نسخ احتياطي/استعادة"..

> قُم بتنزيل القالب (لإسترجاع القالب القديم ..أو ترقبا لأي خطأ) <

> ارجع إلى " تحرير HTML " ..

> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود داخل النمودج) :

</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة : 

<style> #related-posts { float : left; width : 580px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJiMGbuhYUAbgkePlUPUgcvsRXhBh9bk31o9EeGrK3-c_qsBT_0JA9rpxn8-ExFFRJJtegF9CLegjXbWTuY_43C-e3mV11Rej1qAN-rnBTzdlPstLySVXS3SGPRzPP0GrrVxcCITHt9NA/&quot;) 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; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>

> ثم إبحث عن الكود الآتي (Cltrl+F من الكيبود داخل النمودج ) : 

<data:post.body/>

> قم بـ إضافة الكود الآتي تحته  (يعني اسفل مُحتوى الموضوع..)
طبعا تختار المكان المُناسب الذي تريد وضعه فيه حسب الإضافات الموجودة في مدونتك ..المهم يكون تحت الكود السابق (وهو الأخير من بين الموجودة) ..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<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_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:if></b:loop>
<h3><b>◄ مواضيع ذات صلة..↙↙↙ ↘↘↘</b></h3>
<marquee align='center' behavior='alternate' direction='left' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' width='100%'>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
var maxresults=6;
var relatedpoststitle=&quot;&quot;;
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script></marquee>
<div style='float:bottom-right'><a href='http://www.bloggeradsenseo.blogspot.com/2014/03/add-related-topics.html'><a href=''/></a></div></div>

</b:if>

تغيرات على الإضافة والكود :
يمكنك تغيير جملة "◄ مواضيع ذات صلة..↙↙↙ ↘↘↘" بـ أي عبارة تريد
 كـ "إقرأ ايضا.." "مواضيع تهمك.."  ..
في الكود الأول : width : 580px غير الرقم بما يناسب عرض مدونتك ..
في الكود الثاني : var maxresults=6 غير 6 بعدد المواضيع الذي تريد ظهورها في إضافة مواضيع ذات صلة ..


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

Résumébloggeradsenseo

كيفية إضافة الترجمة لمدونات بلوجر و مواقع الـHTML بشكل بسيط و جذاب..

السلام عليكم ..
أهلا وسهلا بمتابعي و زوار مدونة بلوجر أدسدس السيو ..
إضافة اليوم (ترجمة مدونات بلوجر) بسيطة ومميزة في نفس الوقت..

حيث تتيح لك مُشاهدة موقعك أو مدونتك ب لغات أخرى ..
هذا سيتيح لجميع زوارك فهم مُحتواها بشكل أدق ..وخصوصاً زُوار من بلدان غير عربية ..
أو إن صح القول ..بلدان من لغات تُخالف لغة موقعك ..
وبالتالي سيقضون وقت أكثر في مدونتك ..ويتصفحون بأريحية أكثر ..
وطبعا إن كان يهمهم ما تقدمه ..سيصبحون زوار فريدين لموقعك ..
وذلك ما يبحث عنه أي مدون :)
لا يفوتني الذكر أن إضافة الترجمة لمدونة بلوجر تكون من موقع جوجل للترجمة ..

المهم بـ دون إطالة ..
أترككم مع كيفية إضافة الترجمة لمدونتك أو موقعك في خطوات بسيطة..

أولا
> من لوحة التحكم الرئيسية للمدونة..
> إختر " تخطيط "
> أدخل إلى "إضافة أداة"..
> إنشاء أداة جديدة بكود " HTML/JavaScript "..
> ثم قم بـ نسخ و لصق الكود التالي في " المُحتوى"..

<div dir="rtl" style="text-align: right;" trbidi="on"> <div style="text-align: center;"> <style> .google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; border:0; } .google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; border:0; } </style> </div> <div style="text-align: center;"> <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cen&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="24"

 src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtMjfW3FAVwvgs8zLXDyK_kcG_zaX7_rRdO52TX4PZK6IHCY19ZYcRNlEPCitaipRq9TaKsIKJVwCqWvNXVFdKFk2iO4PslyEOeLC54LZDewm1pvtXf-kz5vomAmfAGqxAzpdL4dJwCTA/s200/United+Kingdom%28Great+Britain%29.png" style="cursor: pointer; margin-left: 8px;" title="English" width="24" />  <a href='http://BloggerAdsenSeO.blogspot.com'></a> </a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cfr&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoTOruyVGOtc-8shonqrU3HCmLQPbMC6cAP_q8fUFn7eCYNWUFGz9vbaWE-Nd5JGTlm0PmhKuC1WrZsnPZ3WNrWd_Lpb8rAIy57ArHj8pW-ICDRUEhSwvRCVcQjQr2R7LLwPKWe_tRBZk/s200/France.png" style="cursor: pointer; margin-left: 8px;" title="French" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cde&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivT-ifkcDXWoli7vdFHjQsr-ejGOUFPqiFEx6XRnuOFhVoKvgnYMPUJjIyOQ8Xjol5puWWmAlDfNTA2iJAiDYBNrgj7qLbExr90sflsEreOMhXY-cHyiHY-XaEjvu-SDUinyE-PBqGjFU/s200/Germany.png" style="cursor: pointer; margin-left: 8px;" title="German" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7ces&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaO_0npn7TjfYonLUqHu6jIOIshTUUJoQrU11yy9FI_CZSk2KLmIqiAzNoAtgmPxAZZ0o3qW6B2Eau3kC0q-jpjk6F7D6LBmQzvFsLx-nbFqB_i3zhwLCj5p39s5OH3uTym-618DPLmsA/s200/Spain.png" style="cursor: pointer; margin-left: 8px;" title="Spain" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cit&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE5Y9d622VFpagNEwVz_lWw9FHm2GaHLnO82IdgMXccnbe6E9PUZzdHBlibxNyvoqKLEADRBUDNPN3HZOCsFHWKtlYOCaFIkGKyK8Ud_qC5XCutDM47xDJ9sfKl7IdEWmLZ_VXI7wb0kA/s200/Italy.png" style="cursor: pointer; margin-left: 8px;" title="Italian" width="24" /></a> 



<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cnl&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-9Kdub51fu3KRuD5W793KNig5lmOcJ4bnYzeNpyqy3YAAUkRrQGwizddRDKSfXeH383byjz6n32uVNKgeh_GHxXOM30KoN0MYGiOiGaZvfNwUu-GUV3IT919dqrj2XIwe3CwfbR5TyY/s200/Netherlands.png" style="cursor: pointer; margin-left: 8px;" title="Dutch" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cru&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0GgNNopCWsbCS7TS6B3PhJMEewRdI092vk5y6OlYQOZFHdkxN5G9NhXV6cb9v2NUQJqN3y14bpE5IBoGqqbMwKPtR3yRWd9kl-Rs3CINj4qFxcz5RkHubPy3ytFpDC5ONE0a8rYJjgFw/s200/Russian+Federation.png" style="cursor: pointer; margin-left: 8px;" title="Russian" width="24" /></a> 



<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cpt&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Portuguese"><img align="absbottom" alt="Portuguese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7Q1BKg32meNPN8zR84XBvnpkgAQUKqzzNeKZ2pjIU2B4qBESWTzYUw6sMsyAjputhz6SWgxgQwVRTEIHJo30wjC0nObKgZj3LV7x01OuM2EG7W-h3xrrovxU44rrdjW31gNn27R936f4/s200/Brazil.png" style="cursor: pointer; margin-left: 8px;" title="Portuguese" width="24" /></a> 



<a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cja&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKM8vdN9fo3vtmlDJHSm7Oq31-diWfITAyWX8lo9_yxI_DtJ8VjiURBbestaU0PVHV8-eJlCuRDZbiP4bJg72W4iGPYdJzO223JtLt6bj1hpTiKVh_kNfvFmbuqSo7YClT9uIC9kow5iY/s200/Japan.png" style="cursor: pointer; margin-left: 8px;" title="Japanese" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7cko&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisVeK6b3QvQhUacO5YNlFWj4H0ZRgP8lxOUnLry4hskbLwjDoRQKaM-W9StYtpXignyU5Yi0TC0yusC0oFX1njBux0ogyjikSlyOs7FZnfa2GQv5NEduNPBu29TWF0khyVehnq7hXRa0U/s200/South+Korea.png" style="cursor: pointer; margin-left: 8px;" title="Korean" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7car&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_ZfwiyS7gehlPUmjZnLhqgrIEINgxrxq3U4uGPwMsP5mBemJ0c9RkOdE0hGv_C6UL7gZh_dkoEEc3-ZQdaDxNwKNTp6hDixJq_FgRcOunMHyDI6-Q42I3CNu3fyeckEkkUo_mfbFlSuc/s200/Saudi+Arabia.png" style="cursor: pointer; margin-left: 8px;" title="Arabic" width="24" /></a>



 <a class="google_translate" href="http://www.blogger.com/blogger.g?blogID=3077207553152140539#" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=auto%7czh-cn&amp;hl=en'); return false;" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="24" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDrTFUJUMnA1jv7w9lgxjaCAZInJAVMS4AqGkTa64JCGeHfXcAsFbAbmGXbsYIuNalwsV-Ty3INDq1B4C7l1ddUtuKEKdPCeG2e5fXWpKg0a6FgHaLOu4kak_I1yM88NbA-PVc2edSzkc/s200/China.png" style="cursor: pointer; margin-left: 8px;" title="Chinese Simplified" width="24" /></a> </div> <div 0px="0px" 3px="3px" style="font-size: 10px; margin: 8px; text-align: center;"> </div> <div style="text-align: center;"> <br /></div> </div>

تغييرات على الكود :

> يمكنك إزالة أحد اللغات من إضافة الترجمة ..
وذلك بـ البحث عن إسم اللغة .. ومَسح الكود الخاص بها ..
أو إن صح القول الفقرة الخاصة باللغة مع علم الل..;)

> في الأخير "حفظ" ..
ومبروك عليك إضافة ترجمة مونتك بشكب بسيط وجذاب إلى موقعك.. ☺ 

Résumébloggeradsenseo

كيفية إضافة صندوق تعليقات الفيس بوك إلى بلوجر..الطريقة الأصح لإضافة تعليقات الفايسبوك..√

السلام عليكم..

إضافة صندوق تعليقات الفيسبوك من الإضافات المألوفة للجميع ..

فقلما لا تجد موقع او مدونة لا تحتوي على صندوق التعليق الخاص بالفايسبوك ...

لأهمية  تعليقات الفيس بوك في بلوجر وباقي المواضيع ..

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

فهي تلعب دور الناشر للموضوع بالتعليق عليه ..= زوار جدد ..

وكذا تُتيح لزوارك (الذي لا يملكون حسابات جوجل و بلوجر و...)..

التجاوب مع مواضيع مدونتك بسلاسة (الفيسبوك دائما مفتوح ¨.¨)..

دون إغفال جمالية صندوق التعليقات ..

كل هذا يحفز اي مدون لـ  إضافة صندوق التعليقات لموقعه ..

والكثير منهم من يستحيل أو يحال عليه إضافة تعليقات الفيس بوك للبلوجر..

لأن أغلب الشروحات ..تكون في بعض الأحيان تحتاج هي أيضا للشرح ..^^

وذلك يجعل المدون لا يريد الإضافة (لتعقيدها في نظره..)..
وشخصيا قديما عانيت من إضافة تعليقات الفيسبوك مع تعليقات المدونة ..

حيث كانت تختفي عندما كان يضاف رد في تعليقات بلوجر..؟(غريب^^)؟

لكن في الحقيقة الأمور بسيطة وسأحاول أن ابسطها أكثر ..

فقط تحتاج للقليل من التركيز ..

نبدأ على بركة الله ..

> تسجيل الدخول لحسابك في الفيس بوك (ستكون المسؤول به على التعاليق..) :

Www.Fb.Com

> ثم أدخل على الرابط التالي : https://developers.facebook.com/apps

(إذا كنت قد فعلت حسابك برقم الهاتف من قبل ..لن تمر بهذه المراحل..)

ويمكن إستعمالها أيضا لـ تفعيل حساب الفايسبوك برقم الهاتف ..
لكي لا تقوم إدارة الفايس بوك بغلق حسابك (مؤخرا كثٌر دلك..)

> ستفتح لك هذه النافذة ..إضغط على register as a developer ..

ثم تابع الشرح بالصور ..

سيصلك كود التفعيل لهاتفك في غضون تواني .. أدخله في المكان المُناسب ثم أكمل الشرح ..

> بعد الإنتهاء من تفعيل حسابك برقم الهاتف ..
ستتغير register as a developer بــ Créer une application..

إضغط عليها لإنشاء تطبيق تعليقات الفيس بوك..

وتابع الشرح بالصور ..

- إحتفظ بـ رقم الـ ID الخاص بالتطبيق ..

- إنسخ رابط مدونتك أو موقعك في مكان إضافة نطاق ..

- تسجيل التغييرات ..

ومبروك عليك إنهاء الخطوة الأولى ..

إنتهينا من إنشاء تطبيق التعليقات الخاص بالفيس بوك ..

الآن ننتقل لـ العمل على قالب  المدونة ..

كالمُعتاد من المسار التالي :

> من لوحة التحكم الرئيسية ..

> أدخل إلى "قالب"

> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <

> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<

> "تحرير html "

>> إبحث عن الكود التالي (لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج) : 

<html

> قم بـ إضافة الكود التالي بعده مباشرة :

xmlns:fb='http://www.facebook.com/2008/fbml'

كما مُوضح في الصورة .. ;)

>> ثم إبحث عن الكود التالي :

<body>

> قم بـ إضافة الكود الآتي تحنه مباشرة :

<div id='fb-root'/>

<script>

    window.fbAsyncInit = function() {

    FB.init({

      appId  : &#39;24845990863925&#39;,

      status : true, // check login status

        cookie : true, // enable cookies to allow the server to access the   session

      xfbml  : true  // parse XFBML

    });

  };

    (function() {

    var e = document.createElement(&#39;script&#39;);

      e.src = document.location.protocol +   &#39;//connect.facebook.net/en_US/all.js&#39;;

    e.async = true;

      document.getElementById(&#39;fb-root&#39;).appendChild(e);

    }());<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'></a></script>

ملاحظة :غير الرقم بالأحمر بكود الـ ID الخاص بتطبيقك المنشأ سابقا ..

>> إبحث عن الكود التالي :
</head>

> قم بـ إضافة الكود الآتي فوقه مباشرة ..بعد إجراء التغيرات عليه..:

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

<meta expr:content='data:blog.pageTitle' property='og:title'/>

</b:if>

<meta content='بلوجر أدسنس السيو' property='og:site_name'/>

<meta content='24845990863925' property='fb:app_id'/>

<meta content='https://www.facebook.com/BlogAdsSeo' property='fb:admins'/>

<meta content='article' property='og:type'/>

غيـر :

- بلوجر أدسنس السيو : بـ إسم مدونتك او موقعك ..

- 24845990863925 : رقم الـ ID الخاص بتطبيقيك ..

- BlogAdsSeO : إسم المُؤدي إلى رابط بروفايلك الشخصي (ليس رابط الصفحة ..)..

كما يمكن وضع رقم الـ ID الخاص بحساب الفايس بوك بدلا من الرابط بأكمله ..

يمكنك معرفة رقم الـ ID و الرابط من هنا : https://developers.facebook.com/tools/explorer

>> تم إبحث عن الكود التالي : 

<data:post.body/>

أفضل البحث عن هذا الكود :

</b:includable>
<b:includable id='postQuickEdit' var='post'>
( </b:includable> إبحث على  السطر الثاني ..وضع الكود فوق  )

> ضع الكود التالي فوق </b:includable>..

أو تحت <data:post.body/> (يعبر عن نص الموضوع..)..

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

<img alt='navright' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXqUwCW7j0dZV-SwooGeq41noo2DHmZ65nt6CnjUg8B23YEEEQY5Vey2lwBEmrF_2cYmcXFbMLukb8pW28XlNhsoqnSvt8suEPakn-_qW5zn6vOohLGX5ra4EzLOq50GZfumeB63UkaSsy/s1600/%D8%A3%D8%AA%D8%B1%D9%83-%D8%A8%D8%B5%D9%85%D8%AA%D9%83-%D9%88%D8%B4%D8%A7%D8%B1%D9%83%D9%86%D8%A7-%D8%A8%D8%B1%D8%A3%D9%8A%D9%83-BloggerAdsenseo.Com.png'/> 

</b:if>

  <b:if cond='data:blog.pageType == &quot;item&quot;'>  <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>

<a href='http://bloggeradsenseo.blogspot.com/2013/11/how-to-add-facebook-comments-box.html' style='display:none;'>

<a href='http://bloggeradsenseo.blogspot.com'></a>

  <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' migrated='1' width='606'/>  </div> </a></b:if>

يمكنك تغيير طول width='606' & مكان صندوق التعليقات الفايسبوك ..
المهم الكود محصور بين </b:includable> و <data:post.body/> ..

أيضا يمكنك تغيير رابط الصورة بأخرى من تصميمك ..

ومبرووك عليك إضافة صندوق تعليقات الفيس بوك إلى مدونتك ..

وهذا الشكل النهائي ..مع تجربة الرد ..

وهو الموجود في المدونة ..

اتمنى ان يكون الشرح واضح ..
وإن شاء الله الكل تنجح معه الإضافة في اول تجربة ..

على ان اخصص موضوع آخر لشرح تتبع التعليقات ..

وكيفية التعامل مع صندوق تعليقات الفيسبوك بصفة عامة ..

لا تَنسوني من صالح دعائكم ..☺

Résumébloggeradsenseo

إضافة زر الصعود إلى الأعلى بطريقة سلسلة ..بأشكال جميلة تناسبك مدونتك وموقعك..

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

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


وهذه خطوات إضافةْ.." إضافة اصعد الى الأعلى ..!"

> من لوحة التحكم الرئيسية للمدونة..
> إختر " تخطيط "
> أدخل إلى "إضافة أداة"..
> إنشاء أداة جديدة بكود " HTML/JavaScript "..
> ثم قم بـ نسخ و لصق الكود التالي في " المُحتوى"..

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript" > 



var scrolltotop={ 

    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control

    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).

    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},

    controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-Zn8lYJ89NDsSdBcYFMc5WeAqSqYHMazMwi0IjufslPpxt_gihfkVDI59T92QcewUc9m88AiL-fJjs5aICt1lXXoY0pS27q1KPENsMOrCIe3LfcoaVoiQwbVE6Pc6UMSkVqbWM6JKQFK_/s1600/Blue-Arrow-Up--BloggerAdsenSeO.BlogSpot.Com.png" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"

    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner

    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links

    state: {isvisible:false, shouldvisible:false},

    scrollup:function(){

        if (!this.cssfixedsupport) //if control is positioned using JavaScript

            this.$control.css({opacity:0}) //hide control immediately after clicking it

        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)

        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists

            dest=jQuery('#'+dest).offset().top

        else

            dest=0

        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);


    },
/*<a href='http://www.bloggeradsenseo.blogspot.com/2013/10/add-go-up-to-top-arrow-up.html'></a>*/ 

    keepfixed:function(){

        var $window=jQuery(window)

        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx

        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety

        this.$control.css({left:controlx+'px', top:controly+'px'})

    },

    togglecontrol:function(){

        var scrolltop=jQuery(window).scrollTop()

        if (!this.cssfixedsupport)

            this.keepfixed()

        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false

        if (this.state.shouldvisible && !this.state.isvisible){

            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])

            this.state.isvisible=true

        }

        else if (this.state.shouldvisible==false && this.state.isvisible){

            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])

            this.state.isvisible=false

        }

    },

   

    init:function(){

        jQuery(document).ready(function($){

            var mainobj=scrolltotop

            var iebrws=document.all

            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode

            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')

            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')

                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})

                .attr({title:'إصعد إلى الأعلى !'})

                .click(function(){mainobj.scrollup(); return false})

                .appendTo('body')

/*<a href='http://BloggerAdsenSeO.blogspot.com'></a>*/ 

            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text

                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text

            mainobj.togglecontrol()

            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){

                mainobj.scrollup()

                return false

            })

            $(window).bind('scroll resize', function(e){

                mainobj.togglecontrol()

            })

        })

    }

} 

scrolltotop.init() 

</script>

تغييرات على الكود :

> غير الرابط باللون البرتوقالي.. بـ رابط آخر من روابط الصور التالية..
(حسب لون وشكل أيقونة إضافة الصعود للأعلى التي تُناسبك ..)

يمكنك ايضا :

> إزالة كتابة "إصعد إلى الأعلى..!" من الكود لكي لا تظهر بعد تمرير الماوس على صورة الإضافة ..

> في الأخير "حفظ" ..
ومبروك عليك إضافة "إصعد إلى الأعلى!" إلى مدونتك..
ولا تنسوا إبداء رأيكم بالموضوع ..فتشجيعكم مُحفز لتقديم الافضل ☺ 

موقع تابع لنا خاص ببع جميع الإكسسوارات المفيدة للحياة اليومية :
https://Www.Waffir.Ma
مرحبا بطلباتكم وإستفساراتكم ..

Résumébloggeradsenseo