معهد خبراء بلوجر - طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العنوان

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)

- طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

شكراً مجددااً لك أخي علي على متابعتك و صبرك معي .

بخصوص ردي السابق أنا قصدت الكود :

كود:

<b:if cond='data:blog.pageType == "item"'>

<div class='postmeta'>

        <span class='tag'>التصنيفات <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> </span>

        <span class='clock'> كتبت في <data:post.timestamp/></span> <span class='Comments'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليقات</b:if><b:if cond='data:post.numComments == 1'>1 تعليق</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليق</b:if></a></b:if></span>

  <span class='views'>عدد المشاهدات : 5

</span>

</div>

</b:if>

و ليس :

كود:

.postmeta{background:#000;border:1px solid #323232;padding:6px 8px; margin:0;font-size:11px;text-transform:uppercase;text-shadow:1px 1px 1px #000;font-weight:400;padding:5px 0}

.tag{color:#fec700;background:url(http://www.jealousofmyskin.com/public/images/tag.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock{color:#fec700;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock a{color:#fec700}

.clock a:hover{color:#eee}



.Comments{color:#fec700;background:url(http://forums.colts.com/public/style_images/colts/gallery/icon_comments.png) right center no-repeat;padding:2px 20px 2px 5px}

.Comments a{color:#fec700}

.Comments a:hover{color:#eee}



.views{color:#fec700;background:url(http://www.modzxtreme.com/public/style_images/deviant3/gallery/icon_view.png) right center no-repeat;padding:2px 20px 2px 5px}

.views a{color:#fec700}

.views a:hover{color:#eee}

أليس هذا صحيح أخي ؟

----------------------------------------

بخصوص <data:post.body/> و اللذي يأتي ضمن الكود الثالث في مشاركتي السابقة و يأتي بعده ( <div style='clear: both;'/>  )

وضعت الكود :

كود:

<b:if cond='data:blog.pageType == "item"'>

<div class='postmeta'>

        <span class='tag'>التصنيفات <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> </span>

        <span class='clock'> كتبت في <data:post.timestamp/></span> <span class='Comments'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليقات</b:if><b:if cond='data:post.numComments == 1'>1 تعليق</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليق</b:if></a></b:if></span>

  <span class='views'>عدد المشاهدات : 5

</span>

</div>

</b:if>

قبله ثم بعده, فل يظهر شريط التاريخ بعد في الواجهة ! :confused:

----------------------------------------------

اقتباس:

وبخصوص الكود الاول لازم تضعو بملف لستايل استعمالو مرة واحدة
واتوقع انت ضايفو قبل
]]></b:skin>
مثل الرد الأول

أخي علي تقصد الكود :

كود:

.postmeta{background:#000; width: 679px;border-bottom:1px solid #323232;padding:6px 8px; margin:10px 0 -17px -14px;font-size:11px;text-transform:uppercase;text-shadow:1px 1px 1px #000;font-weight:400;padding:5px 0}

.tag{color:#fec700;background:url(http://www.jealousofmyskin.com/public/images/tag.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock{color:#fec700;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock a{color:#fec700}

.clock a:hover{color:#eee}

.Comments{color:#fec700;background:url(http://forums.colts.com/public/style_images/colts/gallery/icon_comments.png) right center no-repeat;padding:2px 20px 2px 5px}

.Comments a{color:#fec700}

.Comments a:hover{color:#eee}

.views{color:#fec700;background:url(http://www.modzxtreme.com/public/style_images/deviant3/gallery/icon_view.png) right center no-repeat;padding:2px 20px 2px 5px}

.views a{color:#fec700}

.views a:hover{color:#eee}

نعم وضعته مباشرة قبل ]]></b:skin>

ماذا تقصد بأن أضعه بملف ستايل, أي ضمن التاغ <style> ؟

و أين أضعه تحديداً لأن مكانه قبل ]]></b:skin> صحيح أعتقد و لا يحتاج لستايل .

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

لا تمام اخي انا اللي قصدتو بالكود الاول انت مستعملو صح , خلص انسى موضوع لستايل

الان بالنسبة للكود اللي قلتلك عنو كنت اقصد فيه هذا الكود كود التوقيت فقط , اذا كنت حابب يظهر في الرئيسية

كود PHP:


		
			
 <abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>

الان بحالة اذا كنت حابب الشريط يظهر بالكامل ضع الكود بالشكل التالي

كود PHP:


		
			
<div class='postmeta'>
        <span class='tag'>التصنيفات <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> </span>
        <span class='clock'> كتبت في <data:post.timestamp/></span> <span class='Comments'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليقات</b:if><b:if cond='data:post.numComments == 1'>1 تعليق</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليق</b:if></a></b:if></span>
  <span class='views'><div data-label-votes='المقيمين: ' data-label-views='المشاهدات: ' data-label-rating='التقييم: ' data-label-info-rating='Details' expr:id='data:post.id' style='padding-left: 3px; padding-right: 3px; display: inline; visibility: hidden;'>{[['&lt;img src=&quot;http://img.graddit.com/img/star.png&quot;/&gt;']]}</div>
  <script expr:src='&quot;http://graddit.com/rate/eng/5/&quot; + data:post.id + &quot;?stats=&quot; + data:post.id + &quot;&amp;info=info-&quot; + data:post.id + &quot;&amp;info_delay=2&amp;class_star=ffbs_star_img&amp;class_star_set=ffbs_star_img_set&amp;class_star_vote=ffbs_star_img_vote&amp;views=yes&amp;average=yes&amp;id=&quot; + data:post.id + &quot;&amp;url=&quot; + data:post.url + &quot;&amp;labels=labels_&quot; + data:post.id + &quot;&quot;' type='text/javascript'/>
</span>
</div>

ممكن رابط المدونة اخي

يعني بدون الكود اللي بالبداية ولا بالنهاية
<b:if cond='data:blog.pageType == "item"'>

وهذا اللي بالنهاية
</b:if>

شيلهم من اي كود شريط واستعمل اللي بينهم

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

أخي علي أشكرك من أعماق قلبي على المساعدة.

بعد حذف ( <b:if cond='data:blog.pageType == "item"'>

</b:if> )

من الكود :

كود:

<div class='postmeta'>

        <span class='tag'>التصنيفات <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>

</b:loop>

</b:if> </span>

        <span class='clock'> كتبت في <data:post.timestamp/></span> <span class='Comments'><b:if cond='data:post.allowComments'>  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'>لا يوجد تعليقات</b:if><b:if cond='data:post.numComments == 1'>1 تعليق</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> تعليق</b:if></a></b:if></span>

  <span class='views'>عدد المشاهدات : 5

</span>

</div>

اللذي تم وضعه سابقاً قبل ( <div class='post-header-line-1'/> )

ظهر تلقائيا شريط التوقيت في الواجهة إلى جانب ظهوره داخل التدوينات, دون الحاجة لتكرار الكود .

شكراً مرة أخرى و فائق احترامي و تقديري لجهودك الكبيرة في المنتدى . :cool:

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

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

أعتقد أن هناك تغيير مطلوب ضمن كود postmeta و تحديداً ضمن ( <span class='clock'> كتبت في <data:post.timestamp/></span>)

عوضاً عن ( clock ) كتبت ( date ) فلما يتغير شيىء, ربما علي تغيير ( timestamp ) إلى رمز اخر يظهر التاريخ ؟

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

العفو حياك الله اخي

بخصوص اظهار اليوم والتاريخ كامل لا علاقة لكلمة clock بالموضوع انا وضعتها بس عشان صورة الساعة يعني تنسيق للصورة مش اكتر

لتعديل التوقيت بشكل اخر

ادخل لوحة التحكم ثم إعدادات ثم التنسيق واللغة
وغير ( تنسيق الطابع الزمني ) يظهر التاريخ حسب اختيارك مع اليوم والشهر والسنة

وحياك الله اخي مدونجي , اي استفسار احنا جاهزين

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

تمت بنجاح أخي الكريم .:):

شكراً مرة أخرى و جزاك الله كل خير

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

بالتوفيق يا غالي

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

أخي علي طامع بكرمك مرة أخرى , لو سمحت كيف يمكنني تغيير لون كلمة ( كتبت في ) و لون ( التاريخ ) ضمن الشريط, طبعا من خلال الكود :

.

كود:

postmeta{background:#000; width: 679px;border-bottom:1px solid #323232;padding:6px 8px; margin:10px 0 -17px -14px;font-size:11px;text-transform:uppercase;text-shadow:1px 1px 1px #000;font-weight:400;padding:5px 0}

.tag{color:#fec700;background:url(http://www.jealousofmyskin.com/public/images/tag.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock{color:#fec700;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}

.clock a{color:#fec700}

.clock a:hover{color:#eee}

.Comments{color:#fec700;background:url(http://forums.colts.com/public/style_images/colts/gallery/icon_comments.png) right center no-repeat;padding:2px 20px 2px 5px}

.Comments a{color:#fec700}

.Comments a:hover{color:#eee}

.views{color:#fec700;background:url(http://www.modzxtreme.com/public/style_images/deviant3/gallery/icon_view.png) right center no-repeat;padding:2px 20px 2px 5px}

.views a{color:#fec700}

.views a:hover{color:#eee

تغيير لون كلمة ( التصنيفات ) و لون التصنيف تم من خلال التعديل ضمن ( Tag ) , أما التاريخ فحاولت بالتعديل في ما بعد ( clock ) و لم يتغير شيىء, حاولت من خلال تغيير كلمة ( clock ) الواردة 3 مرات ضمن الكود السابق, إلى ( date ) و ( timestamp ) أيضاً لم يتغير شيىء !

فما هي الكلمة البديلة أخي ؟

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

اهلا فيك اخي مدونجي وحياك الله بأي سؤال واي استفسار ما في مشكلة يا غالي
بالبداية اعطيك فكرة صغيره بس
احنا بنستعمل وسم سبين span
عند وضع الوسم بالشكل التالي مثل ما موجود حاليا عندك رح يكون اللون يشمل الكلمة مع التاريخ

كود PHP:


		
			
<span class='clock'> كتبت في <data:post.timestamp/></span>

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

كود PHP:


		
			
<span class='clock'> كتبت في </span>

والتاريخ

كود PHP:


		
			
<span class='time'><data:post.timestamp/></span>

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

كود PHP:


		
			
<span class='clock'> كتبت في <data:post.timestamp/></span>

وإستبدلها بـ

كود PHP:


		
			
<span class='clock'> كتبت في </span><span class='time'><data:post.timestamp/></span>

وأضف في لستايل بدل

كود PHP:


		
			
.clock{color:#fec700;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}
.clock a{color:#fec700}
.clock a:hover{color:#eee}

اضف التالي

كود PHP:


		
			
.clock{color:#fff;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}
.time {color:#fec700}

رح يصبح الأن كلمة كتبت في باللون الابيض #fff

والتاريخ باللون الاصفر #fec700
غير اللون زي ما تحب

رد: طلب هذا الشريط , يحوي تاريخ نشر التدوينة و عدد المشاهدات و التصنيف, يظهر تحت العن

شكراً أخي العزيز علي على المساعدة و الشرح الوافي . سبحان الله غاب عني أن احاول استبدال ( clock ) بـ ( time ) , تم الاستبدال و حولت الكود للتالي :

كود:

.time{color:#fec700;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) right center no-repeat;padding:2px 20px 2px 5px}

.time a{color:#fec700}

آسف على الازعاج أخي علي و شكرا مرة أخرى ...