alazawi: اضافات بلوقر

‏إظهار الرسائل ذات التسميات اضافات بلوقر. إظهار كافة الرسائل

اضافة أقرا المزيد على شكل زر .

الجمعة، 14 مايو 2010 اضافات بلوقر 3 تعليق

هناك عدة طرق لاضافة اقرا المزيد و معضمها تتم يدويا و البعض يستخدم الاضافة الموجودة اصلا مع محرر بلوقر الحديث او المحرر القديم باستخدام read more بسبب بعض المشاكل التي تحدث في بعض القوالب كانحراف العمود الى الاسفل و لكن هذا الامر كان سابقا فقد عالجت بلوقر هذا الخلل و هي الان تعمل بدون هذه المشكلة و لاضافة اقرا المزيد اتبع الخطوات التالية :
من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
اشر علامة توسيع قوالب عناصر واجهة المستخدم .
ثم ابحث عن هذا الكود :
لنسخ الكود ظلله ثم اضغط ctrl+c .

<div class='post-body entry-content'>
<data:post.body/>
     <div style='clear: both;'/> 
    </div>

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

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
      </div>
    </b:if>

صورة توضيحية :

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

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

]]></b:skin>

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

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:

ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :

هاك ترقيم التعليقات لمدونات بلوقر

السبت، 6 مارس 2010 اضافات بلوقر تعليقان

هذه الاضافة تمثل ادراج ارقام متسلسلة للتعليقات كما في الصورة :

اثناء البحث في الانترنت عن طريقة اضافة ارقام تسلسلية للتعليقات وجدتها في احد المواقع الاجنبية و تم تجربتها في قالب مدونتي و هي تعمل جيدا و بدون مشاكل و يمكن متابعة الشرح ادناه :
قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة. الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير
و الان ابحث عن الكود التالي

<dl id='comments-block'>

 و استبدله بهذا الكود

<dl id='comments-block'><script type='text/javascript'>var CommentsCounter=0;</script>

 ابحث عن هذا الكود

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>

 و استبدله بهذا الكود

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName' style='clear: both;'>

 و اخيرا ابحث عن هذا الكود

<data:commentPostedByMsg/>

 و استبدله بهذا الكود

<data:commentPostedByMsg/><span class='numberingcomments' style='float: right; font-size: 20px;'><a rel='nofollow' expr:href='data:comment.url' title='Comment Link' style='text-decoration:none'><script type='text/javascript'>CommentsCounter=CommentsCounter+1;document.write(CommentsCounter);</script></a></span>

في الكود اعلاه يمكنك تغيير right الى left لتحويل اتجاه الارقام .

استبدال ارسال تعليق و رسالة اقدم و رسالة احدث بعبارة اخرى او صورة

اضافات بلوقر 11 تعليق

يوجد في مدونات بلوقر عبارات مفروضة لا يمكن تغيرها لانه عند البحث عنها في القالب لا نجدها و لكنها عبارة عن اكواد كل ما هو علينا تغيرها الى العبارات المطلوبة و لمتابعة الشرح من هنا :
اولا استبدال ارسال تعليق :

قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.

الخطوة الأولى: من باب " التخطيط" نختار "تحرير Html" و نوسع القالب عبر وضع علامة في المربع الصغير أعلا صندوق التحرير
ثم نبحث عن الكود

<data:postCommentMsg/>

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

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1gEg7dC-SYG4xYlxhiOmwbrpmXHAlxxY_6hOJB_NigBwV6do4P7PH89VjvCiyqK47rge-SdgXq3PRkxPukIvnKkWhuk2VMr_A5Mcdj_qW4yNKGi8m4LSwkwPZ0fviN54HUCZEiDSJN34/'/>

و هذا توضيح بالصور عند تغير الكود الى عبارة
تابع معي

يتم تغير الكود المحدد باللون الاخضر الى عبارة كما في الصورة

و هذه صورة توضح تغير الكود الى صورة :

لتصبح بهذا الشكل :

ثانيا استبدال رسالة اقدم و رسالة احدث و الصفحة الرئيسية :

لاستبدال رسالة اقدم بعبارة اخرى نبحث عن الكود التالي:

<data:olderPageTitle/>

و نضع مكانه عبارة الصفحة السابقة مثلا .
و لاستبدال رسالة احدث بعبارة اخرى نبحث عن الكود التالي :

<data:newerPageTitle/>

و نضع مكانه الصفحة التالية مثلا .
و لاستبدال الصفحة الرئيسية بعبارة اخرى نبحث عن هذا الكود :

<data:homeMsg/>

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

<img src='رابط الصورة'/>

Pages

اضافة أقرا المزيد على شكل زر .

هاك ترقيم التعليقات لمدونات بلوقر

استبدال ارسال تعليق و رسالة اقدم و رسالة احدث بعبارة اخرى او صورة

اعلانات متغيرة اثناء تحديث الصفحة

اعلانات متغيرة في نفس الوقت

اقسام المدونة

أرشيف المدونة

منتديات عرب بلوقر Blogger