تبادل اعلاني جديد من الوليد نت مجانا

أدخل كلمات بحثك

كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013
،،،،،،،،، لقد تم تغير اسم الموقع من موقع الوليد نت الي موقع الوليد نت 2 ,والرابط من alwalednet.blogspot.com الى alwalednet2.blogspot.com , , اتمنى ان ينال اعجابكم ×

كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013

كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 بالصور والشرح من الوليد نت




تبقى إضافة إقرأ المزيد وتلخيص مواضيع بلوجر من أهم إضافات بلوجر ..
في الحقيقة يصعب على المدوننين المبتدئين التعامل مع لغة الـ HTML ..
وخصوصا مع التغيرات التي شهدتها واجهة تحرير HTML بلوجر ..
الواجهة الجديدة جيدة (مختصرة)..لكن التعود على العمل في الواجهة القديمة ..
يصعب عليك
 التعامل معاها في الأول ..وخصوصا في إضافة اقرا المزيد ..

لذى قررت ان أعيد شرح طريقة الإضافة ..بالصور مع الواجهة الجديدة ..










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

من لوحة التحكم الرئيسية ..
> أدخل إلى "قالب"
> قُم بتنزيل القالب قبل القيام بأي خطوة في التعديل في الـ html  <
> من "نسخ احتياطي/استعادة" تحسبا لـ أي خطأ..<
> "تحرير html "
> إبحث عن الكود التالي ( لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ) : 


</head>
> قم بـ إضافة الكود الآتي فوقه مباشرة :
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* حجم النص بدون صورة */
summary_img = 330; /* حجم النص مرفوق بصورة*/
img_thumb_height = 170; /* طول الصورة في الملخص */
img_thumb_width = 160; /* عرض الصورة في الملخص */
</script>
<script src='https://bloggerAdsenSeo.googlecode.com/svn/trunk/Auto-readmore-right.js' type='text/javascript'/>

 يمكنكم أيضا وضع الكود أسفل  
 </b:skin> 
مُباشرة ..بَدلاً من السابق..:)

وهذه النتيجة من الواجهة الجديدة :
ملاحظة : عند تطبيقك لهذا الكود ..سيتم عرض صورة الملخص على اليمين ..
إستبدل right بـ left : لـ عرض صورة الملخص على اليمين ..
إستبدل right بـ centre : لـ عرض صورة الملخص على اليمين ..



> تم إبحث عن الكود التالي لـ البحث إضغط على  Cltrl+F من الكيبود بعد وضع الماوس داخل النمودج ):
<data:post.body/>

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

1 . 2
 3

4 . 5
> قم بـ إستبداله بـ الكود الآتي (ضعه مكانه ) :






<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'>

<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد..</a></span>

<a href='http://bloggeradsenseo.blogspot.com/2013/09/add-read-more-summarize-topics.html' style='display:none;'></a><a href='http://bloggeradsenseo.blogspot.com' style='display:none;'>bloggeradsenseo</a> </b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>





ليصبح الكود على هذا الشكل :

ملاحظة :يمكنك تغيير كلمة "إقرأ المزيد.."بكلمة أخرى(مثلا: تابع القراءة) ومكانها ..

& يمكن تغييرها بصورة ايضا ..

لـ تغيير مكان إقرأ المزيد :إستبدل right بـ left (يسار) أو بـ centre (وسط)..

أما لـ تغيير خاصية إقرأ المزيد بـ صورة ..

إستبدل عبارة "إقرأ المزيد.." في  الكود بالعبارة التالية :


<img src="رابط الصورة.." title="إقرأ المزيد" alt="إقرأ المزيد"/>

إن شاء الله يكون الشرح واضح مع الواجهة الجديدة..
 


كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 كود إضافة إقرأ المزيد في بلوجر على الواجهة الجديدة 2013 Reviewed by walid al Bana on 10:58:00 ص Rating: 5
اظهار التعليقات
اخفاء التعليقات

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لاضافة كود حوله اولا بمحول الاكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة
محول الأكوادمحول الأكواد الإبتساماتالإبتسامات

   
تجدونا هنا

إنضم إلينا


Join on this site

للحصول على كل جديد المدونة

Mohon Aktifkan Javascript!Enable JavaScript