تقليص المساحة الموجودة تحت صندوق التعليقات

بسم الله الرحمن الرحيم

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

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

طريقة تغير المساحة الموجودة أسفل التعليقات

المرحلة الأولى : قم بالدخول للوحة تحكم المدونة / تصميم / تحرير HTML / قم توسيع القالب.

المرحلة الثانية : إبحث عن الكود التالي في قالب المدونة بالإستعانة بزري Ctrl+F (للمزيد من المعلومات)

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

المرحلة الثالثة : ستجد سطر الكود كما هو موضح في الكود بالأسفل

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

كما تلاحظ القيمة هي 410 هي في جميع قوالب بلوغر تقريبا، لكن قد تجد قيمة أخرى غيرها فهذا وارد. كل ما عليك فعله الأن هو تغير القيمة بالرقم 260 فهو الرقم الأنسب.

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

و انتهى الأمر بكل بساطة و أنا متأكد أن هناك الكير من المدونين كانت تزعجهم هذه المسألة و قد أصبح بمقدورهم الأن حلها نهائيا.

إذا أعجبك الموضوع أرجوا أن تقتطع من وقتك 5 ثوان لمشاركته مع أصدقائك.

تابع الموضوع »

إضافة صورة إفتراضية لتعليقات المجهولة

بسم الله الرحمن الرحيم

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

و الجميل في الأمر أنه سيكون بمقدورك وضع الصورة التي ترغب فيها أنت بشرط أن يكون حجمها 24px * 24px . هناك طريقتان للحصول على الصورة بهذا الحجم إما أن تصممها بنفسك إن كنت خبير في التصميم، أو تقوم بالبحث عن الصورة عن طريق محرك Google  سأشرح لك الطريقة في الأسفل.

الحصول على الصورة بالمقاس المحدد

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

بعد ذالك إضغط على زر بحث و ستحصل على النتيجة التالية صور بمقاسات 24px * 24px .

‌طريقة إضافة الصورة الإفتراضية لتعليقات

بعد أن تجد الصورة المرغوب فيها. إدخل للمدونة كما هو موضح في الصورة.

ثم ابحث عن الكود التالي عن طريق الزرين Ctrl+F إضغط هنا لتعرف المزيد

]]></b:skin>

بعد ذالك قم بلصق الكود التالي قبل الكود الأول

.avatar-image-container { background: url(" AVATAR-URL-HERE ") no-repeat scroll center center;}

 قم بتغير كلمة AVATAR-URL-HERE برابط الصورة التي اخترتها.

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

تابع الموضوع »

جديد أضف صور و نصوص ملونة و متحركة لتعليقاتك

بسم الله الرحمن الرحيم

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

كيف يمكنك إضافة صورة أو نصوص

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

[im] هنا تضيف رابط الصورة التي إخترتها[/im]

[ma]هنا ضع نص التعليق و عند النشر سيظهر نص متحرك[/ma]

[co="red"]هنا النص الملون يمكنك تغير اللون حسب رغبتك[/co]

للمعاينة أنظر أخر الموضوع

طريقة تركيب الإضافة

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

1- طريقة تركيب Script

توجه إلى تصميم / تحرير HTML / توسيع قوالب عناصر واجهة المستخدم.

الأن قم بالبحث عن الكود </body> و ضع قبل الكود الموجود في الأسفل.

<script src='http://hosting.gmodules.com/ig/gadgets/file/105066904960012479556/nccode.js' type='text/javascript'/><a href="http://www.spiceupyourblog.com">Best Blogger Tips</a>

2- إضافة تنبيه لزوار مدونتك

توجه إلى تصميم / تحرير HTML / توسيع قوالب عناصر واجهة المستخدم ثم قم بالبحث عن الكود الثالي عن طريق Ctrl+F

<p><data:blogCommentMessage/></p>

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

<a href='http://widget-blogs.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirT31irzh9OkFvkrHgX8QQbc_A7i-4CF4TCxHmlaoe0SWxnV9Bo86at8_InqoKWcMTAEDCiBIWAoIKe2Lt8twDPEquhIbPm9K22Tc7EIA4yjvlpXUZPjYyuSiAMM5GcSWfriquQxGjA1Ep/s1600/best+blogger+tips.png'/></a><b>خيارات التعليق -</b> الأن يمكنك تزين تعيقك بوضع نصوص ملونة و صور و نصوص متحركة أيضا.<br/><br/><b>لوضع صورة - </b> [im]Image URL Here[/im]<br/><b>نص ملون - </b>[co=&quot;red&quot;]Comment Text Here[/co] - غير كلمة Red لأي لون تريد.<br/><b>نص متحرك  - </b> [ma]Comment Text[/ma]<br/><b>للحصول عليها -</b> <a href='http://widget-blogs.blogspot.com/2011/04/blogger-comment-script.html' target='_blank'>إضافة جديدة لتعليقات بلوغر</a><br/>

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


تحياتي لك و إلى اللقاء في موضوع قادم إن شاء الله.

تابع الموضوع »