بسم الله الرحمان الرحيم
السلام عليكم ورحمة الله وبركاته
مرحبا بالجميع في درس جديد اليوم سوف نشرح كيفية اضافة : ترقيم التعلقيات جانب عناوين المقالات كما في مدونة علمني :
لنبدا على بركة الله اولا نقوم بالخطوات التالية :
نحمل نسخة احتياطية للقالب وهذا ضروري
ثم نتجه Layout > Edit HTML ونوسع القالب كما هو مببين في الصورة :
ثم نبحث عن
]]></b:skin>
قبلها مباشرة نضيف
.comment-bubble {
float : right;
width : 48px;
height : 48px;
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvtezfaNtl6VW_x8Cy_6aZbrbVkSJLwnQvUWp6jQ3QqK233_WEjGs8nCd1eKV8Ix7hyphenhyphen1MpIuFnekdUUYaUeugGwaYJjb2kSdBzaFMtM9Z-BpaYqgNBWFOQSn9UoyCt-OVay_yy-RofEDJg/s1600/Comment+Bubble+%2815%29.png) no-repeat;
font-size : 18px;
margin-top : -15px;
margin-right : 2px;
text-align : center;
position:absolute;
}
ثم ابحث عن هذه الاسطر
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
بعد ذلك نتجه الى السطر
<h3 class='post-title entry-title'>
مباشرة امامه نضيف الاسطر التالية
<b:if cond='data:post.allowComments'>
<a
class='comment-bubble' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
لتصبح النتيجة في الاخير
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'><b:if cond='data:post.allowComments'>
<a
class='comment-bubble' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:post.numComments/></a>
</b:if>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
قبل ان نحفظ القالب في حالى اردت تغيير الخلفية خاصة بالاضافة ما عليك سوى تغيير ما اشير له باللون الازرق :
background : url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvtezfaNtl6VW_x8Cy_6aZbrbVkSJLwnQvUWp6jQ3QqK233_WEjGs8nCd1eKV8Ix7hyphenhyphen1MpIuFnekdUUYaUeugGwaYJjb2kSdBzaFMtM9Z-BpaYqgNBWFOQSn9UoyCt-OVay_yy-RofEDJg/s1600/Comment+Bubble+%2815%29.png) no-repeat;
الخلفية الافتراضية هي
وهذه خلفيات جاهزة لمن ارد التغيير
باك الله فيك اخي الكريم على الاضافة الاكثر من رائعة
بارك الله فيك أخي سفيان على الأضافة الجميلة ....
لكن عندي اسفسار بسيط ؟؟
كيف يمكنني ان اجعلها على اليسار بدل ما هي على اليمين ؟
مع جزيل الشكر ...
@حارث العربيات
شكرا لك اخي حارث على تعليقك الجميل
بخصوص استفسارك لاحظ معي الكود الاول السطر الاخير :position:absolute;
هو المسؤول عن تحديد مكان الاضافة
مشكور اخي سفيان على الرد
الف شكر لك اخي سفيان اضافة ولا اجمل وكنت دائما ابحث عنها شكرا لك لتوفيرها لنا تحياتي
ممكن درس لطريقة أضافة صندوق تعليقات الفيس بوك على مدونة بلوجر
حيث كل ما استخدم طريقة تفشل او لا تظهر نتيجة
http://forum.developers.facebook.net/viewtopic.php?pid=227562
ألاخت سوسي:
بخصوص استفسارك لقد تطرقت سابقا الى كيفية اضافة صندوق تعليقات فيسبوك الى بلوجر لكنني ساعيد تحديثه لانني كنت قد وضعت الاكواد بشكل مصور ساضعها الان مباشرة وارسل لك رابط الموضوع
للاسف لم اجد بعض الاشياء التى ارفقتها فى الموضوع ولم اجدها عند البحث
المشكله هنا
القالب ينقصه اشياء كثيره ارجو التعديل عليه واضافه هذه الخصائص
لان عندما ابحث عن بقيه الاكواد الى فى الشر لا اجدها اجد البعض ولا اجد البقيه واكثر الاشياء مثل هذه ومش عارف اعدل فى القالب وانا فى حاجه لقالب شبيه بهذا القالب لانه بصراحه عاجبنى لاكن المشكله كما اقول لك فيه اشياء كثيره غير موجوده وسوم وغيرها
ولكم جزيل الشكر هنا الموضوع
http://77.92.75.66/~arblogge/vb/showthread.php?p=41695#post41695
@ألزعيم
وعليكم السلام اخي الكريم راح اتباع الامر فيما بعد لانني حاليا مشغول كثيرا واعتذر عن هذا
بارك الله فيك
اخوي شلون اغير اتجاه الى اليسار
كتبت بنفس الجزء اللى ذكرته ولكن لم يحول لي لليسار
يمكن كتبته خطا
ارجوا اخبار كيف اكتب احول جهه ايقونه التعليقات الى اليسار
وشكراً لكـ مدونه رائعه ومفيده لكل المدونين
كيف أجعل أرقام التعليقات على أعلى يمين التدوينة،ولك جزيل الشكر على هذا المعلومات القيمة
السلام عليكم اعتذر عن اي تاخر مني على اجابة استفسارتكم
الى الاخ " غير معرف " والاخ " ابو المعالي " بخصوص استفساركما تغيير اتجاه الاضافة يستم عبر تعديل كود css ويمكنك الاطلاع على امر اكثر من خلال الموقع التالي : http://www.w3schools.com/Css/pr_class_position.asp
ياخوي ماذا اغير في الكود لتصبح على اليسار رجاء رد عليا