‏إظهار الرسائل ذات التسميات دروس بلوجر blogger. إظهار كافة الرسائل

أضافة تعليقات الفيسبوك على مدونة بلوجر (بدون أخطاء)

facebook-comm







يواجه الكثير من مستخدمي بلوجر مشاكل عديدة عند إضافة صندوق تعليقات الفيسبوك إلى مدوناتهم

لكن هذا الشرح المفصل سيكون نهاية لهذه المشاكل والعقبات التي تواجه مدون بلوجر

والطريقة مضمونة وسليمة 100% - بإذن الله -   ^^


 _____________________


أولا عليك إنشاء تطبيق خاص بك في الفيسبوك .. وذلك عبر الرابط التالي

https://developers.facebook.com/apps

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


( الخطوة الأولى )

01

( الخطوة الثانية )
02 
( الخطوة الثالثة )
03
( الخطوة الرابعة )
04
( الخطوة الخامسة )
05
( الخطوة السادسة)
06 
 سيصلك كود التفعيل كرسالة نصية لجوالك .. أعد كتابة الكود وفعل حسابك

( الخطوة السابعة )
07
( الخطوة الثامنة )

08
( الخطوة التاسعة )
09

( الخطوة العاشرة والأخيرة )
10



_____________________


 الآن توجه في مدونتك إلى: تصميم > تحرير html > توسيع القالب (لا تنس أخذ نسخة قبل ذلك)

ابحث عن الوسم التالي


<html

ثم ألصق الكود التالي بجانبه مباشرة 


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

 "دع مسافة بينهما ليظهر الكود في الأخير على هذا الشكل "
 
<html  xmlns:fb='http://www.facebook.com/2008/fbml'  expr:dir='data:blog..............2005/gml/expr'  >

 ابحث الآن عن الوسم التالي
<body>


 وبعده مباشرة ألصق الكود التالي


<div id="fb-root"></div>

<script>

    window.fbAsyncInit = function() {

    FB.init({
      appId  : 'ألصق الـID الذي نسخته سابقا هنا',
      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('script');
      e.src = document.location.protocol +   '//connect.facebook.net/en_US/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>


قم بلصق الـID الخاص بك الذي احتفظت به سابقا في المكان المشار إليه


افتح المفكرة وألصق بها الكود التالي

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta   expr:content='data:blog.pageTitle' property='og:title'/>
<meta   expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta   expr:content='data:blog.title' property='og:title'/>
<meta   expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta   content='اسم مدونتك' property='og:site_name'/>
<meta   content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpikj-2uEEEpWPGZ7SNF6bcft5WhQdx4ZHhw849ICV1rRv8AG1DLZfJj4NCgd8Q-HlEJpousWc1g1zeqxvpzHXuooGVhCoG8tK2Eea13-a3qtTkQm9pC_g2yW6KTQ9GZA2uxoTqqaR6xS/s1600/asma-logo.png'   property='og:image'/>
<meta content='اكتب الـID الذي نسخته سابقا هنا'   property='fb:app_id'/>
<meta content='انسخ المعرّف (ID) الخاص ببروفايلك في الفيسبوك'   property='fb:admins'/>
<meta content='article'   property='og:type'/>


قم الآن بتغيير المعلومات المشار إليها في الكود بما يناسبك


واستبدل رابط صورة الشعار الخاص بي في كود


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSpikj-2uEEEpWPGZ7SNF6bcft5WhQdx4ZHhw849ICV1rRv8AG1DLZfJj4NCgd8Q-HlEJpousWc1g1zeqxvpzHXuooGVhCoG8tK2Eea13-a3qtTkQm9pC_g2yW6KTQ9GZA2uxoTqqaR6xS/s1600/asma-logo.png



لإيجاد المعرّف الخاص ببروفايلك في الفيسبوك قم بزيارة هذا الرابط بعد تعديله

https://graph.facebook.com/YourProfile

مثلا الرابط الخاص ببروفايلي هو :

 https://graph.facebook.com/omnidal




بعدما غيرت كل المعلومات في الكود السابق بمعلوماتك الخاصة، عد إلى تحرير html مدونتك

وابحث عن الوسم التالي


</head>

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

facebooc-commnets


الآن .. ابحث عن التالي


<data:post.body/>

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



   <b:if cond='data:blog.pageType == &quot;item&quot;'>  <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>  <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url'  expr:title='data:post.title' expr:xid='data:post.id' width='450'/>  </div> </b:if>


أو ألصق هذا الكود (إذا رغبت بصندوق تعليقات فيسبوك بألوان داكنة)



  <b:if cond='data:blog.pageType == &quot;item&quot;'> <script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <div><script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/> <fb:comments migrated='1' expr:href='data:post.url' colorscheme='dark' expr:title='data:post.title' expr:xid='data:post.id' width='450'/> </div> </b:if>


يمكنك تغيير عرض صندوق التعليقات للفيسبوك ليتناسق مع عرض تدوينتك

وذلك بتغيير القيمة في الكود التالي width='450'



قم بحفظ التغيرات على قالبك واستعرض مدونتك 

وتمتع بصندوق التعليقات الاحترافي الجديد من الفيسبوك
  ◕‿◕



لحفظ الحقوق :المصدر | مدونة أسماء || أم نضال ||

تابع القراءه »

شرح واجهة "رسائل المدونة الإلكترونية" في Blogger

شرح واجهة "رسائل المدونة الإلكترونية" في Blogger 
سنبدأ بشرح عناصر الصفحة من تبويبة تصميم , سنتناول جميع العناصر على عدة دروس , في هذا الدرس سنشرح واجهة رسائل المدونة الإلكترونية .

صورة لعناصر الصفحة :




كما ذكرنا أننا سنتكلم عن رسائل المدونة الإلكترونية إذا ً لماذا لا نضغط على "تحرير" ونبدأ بالدرس :




يمكن ضبط إعدادات الرسائل كما هو موضح في الصورة التالي :




يمكنك التحكم في عدد المواضيع في الصفحة الواحدة : ينصح بوضع القيمة 4 لتسريع المدونة , وزيادة عدد الزيارات .
وكما ذكرنا سابقة فإن خيار "نص رابط صفحة التدوينة" يمكن التعويض عنه باقرأ المزيد , الموضوع تم التطرق له سابقا ً :


"اقرأ المزيد" الآن في مدونات Blogger (( من غير إضافات )) .






ويمكنك أيضا ً إظهار أو إخفاء كل من إسم المحرر أو التاريخ أو الوقت أو التسميات .
أما عن إظهار التحرير السريع : فهي لا تضظهر إلا لمحرر المدونة فعند الضغط عليها ينقلك إلى تحرير الموضوع , إضافة ردود الفعل ممتعة سنتطرق لها في دروسنا القادمة , بشكل عام قم بإختيار ما تريده من معلومات للظهورها في مدونتك .


بعد ضبط الإعدادات التي تناسبك يمنك أن تقوم بتعديل أماكن ظهور هذه الإضافات التي قمت بالتحديد عليها , كما ذكرنا سابقا ً فالتصميم في Blogger يعتمد على مبدأ الواجهات كما موضع في الصورة التالي :




بهذا نكون قد أنهينا درسنا , وقد أخذنا لمحة سريعة عن "رسائل المدونة الإلكترونية" , في حال كان لديكم أية سؤال فلا تترددوا بالسؤال , تمنياتي للجميع بالتوفيق .

منقول للفائدة


تابع القراءه »

طريقة ازالة العبارة "الاشتراك في: الرسائل (Atom)" من مدونات بلوجر



طريقة ازالة العبارة "الاشتراك في: الرسائل (Atom)" من مدونات بلوجر .kjhgkshj11

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

هذه صورة لإحدى المدونات والاضافة التي اقصدها ظاهرة في الصورة .


طريقة الازالة :

ندخل على : لوحة التحكم > التخطيط ==> تحرير HTML


أولا نقوم بالبحث عن الكود التالي :

كود بلغة HTML:
b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
ثانياً : نستبدله بالكود التالي :

كود بلغة HTML:
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds' style='display:none;'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
النتيجة :


ودمتم سالمين

تابع القراءه »

طريقة حذف ناڤبار بلوجر من أعلي الصفحة


كيفية حذف ناڤبار بلوجر من أعلي الصفحة ؟

شريط Navbar الكثير منا حينما يدخل الى مدونته ويجد هذا الشريط الموجود بشكل تلقائى

على مدونات بلوجر وتحديدا موجود بأعلى المدونة يتطلع لعدم رؤية هذا الشريط مرة اخرى .




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



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

هام جدا قبل البدء فى أى شئ قم بعمل نسخطة احتياطية من القالب

- اذهب الى “ لوحة التحكم “ الخاصة بحسابك على بلوجر

- ادخل على التبويب “ تصميم “ ثم اختر التبويب “ تحرير HTML “


- قم بتوسيع القالب



- قم بالبحث عن

كود بلغة HTML:
<body>
- وقم بوضع هذا الكود قبله
كود بلغة HTML:
 #navbar-iframe { 
height: 0px;
visibility: hidden;
display: none;
}
- قم بحفظ التغيرات على القالب وستجد ان الشريط اختفى من مدونتك




المصدر : مدونة سامكو

تابع القراءه »

طريقة حذف عنصر فى بلوجر لا يمكن حذفه


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


  

  لكن درس اليوم هو كيفية حذف أداة من عناصر الصفحة لا نستطيع حذفها لعدم وجود كلمة ((حذف))

السبب: هو ان الاداة معمول لها locked

السؤال هنا: كيف احذف locked الاداة؟

الاجابة: نبحث عن الاداة عن طريق الذهاب الي تصميم ثم تحرير html
ثم نضغط علي ctrl+f

ونكتب في المربع اسفل المتصفح اسم الاداة
مثلا انا بحثت عن الاداة Attribution

وجدت ان خاصثية غلقها مكتوب بجانبة true

كل ما سوف نفعلة نحذف كلمة true ونضع بدلا منها كلمة false





نذهب الي عناصر الصفحة سوف نجد خاصية الحذف تم تفعيلها







اتمني ان يكون الشرح وافي وكافي

تابع القراءه »