إنضم للكثير من المتابعين
يمكنك الان الاشتراك فى قائمتنا البريدية والحصول على كل جديد وجديد
كن على اتصال بكل جديد لحظة بلحظة
لا تنسى تفعيل الخدمة عن طريق الأيميل

اضافة خاصية " إقرأ المزيد" لمدونات بلوجر

| | | |

بسم الله الرحمن الرحيم .
هل تريد تلخيص تدويناتك في الصفحة الرئيسية؟
هل تريد اضافة زر " إقرأ المزيد " ؟
هل تريد سهولة تصفح موضوعات مدونتك ؟
اذاً فالحل معنا !
هناك طريقتان مختلفتان لإضافة خاصية اقرأ المزيد والفرق , ان الاولى يدوية وسهلة بعض الشئ والثانية اوتوماتيكية 

شرح إضافة خاصية إقرأ المزيد اليدوية


اول خطوة ادخل الى لوحة تحكم بلوجر

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

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





مع امكانية تغيير كلمة إقرأ المزيد بأى كلمة اخرى او تغييرها بصورة !


كيفية اضافة صورة بدلا من جملة "إقرأ المزيد "

اتبع الشرح التالى :-


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



 <b:if cond='data:post.hasJumpLink'>
 <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
وضع هذا الكود بدلا منه :


    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img alt='إقرأ المزيد' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv45vOGlVRyzmhDpFxohtj27hexKM2jCJ0zaWZW6RtEr9OYmKTT3ZHmULgK8-2sY0Rv3H0YhGEQC3WMkLjl74rEzp0wcb1Ky1f_VZX-_91EqAHCECZd1RgFT3laVg5TZED1QMG2ZsbqTsH/s1600/redmore2.png'/></a>
</div>
</b:if>

شرح إضافة خاصية إقرأ المزيد اوتومايتيكية

اذهب الى قالب مدونتك وابحث عن :
</head>
ثم ضع هذا قبله ( فوقه ) :
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 500;
summary_img = 450;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://blogger-araby.googlecode.com/svn/Read-More.js' type='text/javascript'/>
ما باللون الاحمر هو طول الملخص بدون صورة
ما باللون الازرق هو طول الملخص بصورة
ما باللون الاخضر هو ارتفاع الصور
ما باللون الارجوانى هو عرض الصورة

ثم إبحث عن هذا الكود :
<data:post.body/>
واستبدله بهذا الكود :
<p><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> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>
يمكنك استبدال ما باللون الاحمر بالكلمة التى تريدها ... 
لإضافة صورة بدلا من كلمة إقرأ المزيد استبدل ما باللون الاحمر بالكود التالى :
 <img src="رابط الصورة" /> 

يمكنك تغيير رابط الصورة المحدد باللون الاحمر ووضع اى صورة تناسبك وهذه بعض الصور لتختار منها :-
 اذا اردت اى لون اخر اكتبه في تعليق وان شاء الله احضره لك في الحال !
هكذا بفضل الله تعالى إنتهى الموضوع , 
منتظر استفساراتكم .
الســلام علــيكم .

15 التعليقات:

Unknown يقول...

السلام عليكم
بحثت عن الكود ولكني لم أجده
أرجو منك إجابتي
تحياتي لك

sherif يقول...

@Zaid
اخى حدد اى كود لم تجده ؟

Unknown يقول...

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

sherif يقول...

@Zaid
هذا واجبى يا اخى ^_^ والشكر لله دائما .:)

Unknown يقول...

السلام عليكم

كيفك أخوي

عندي الايقونة متجمدة مو راضية تشتغل مدري ليه

وطبقت الخيار الثاني بالاكواد ومانجحت

sherif يقول...
أزال المؤلف هذا التعليق.
Unknown يقول...

أشكرك أخوي

نزلت القالب تقدر توفه

المشكلة انحلت لكن الي ظاهر مشاركة واحدة فقط

كما أن إعلان قوقل صار تحت وع اليسار

sherif يقول...

@mohamed
سبب ظهور مشاركة واحدة اما من لوحة التحكم واما رفع الصورة ووضعها فى الموضوع بطريقة خطأ ,

يمكنك الغاء الاعلان ووضعه مرة اخرى من "تخطيط"

محترفى الانترنت يقول...

اخى عند مندونة لم استطيع نشر فى صفحات اخراى ياريت شرح مصور

sherif يقول...

@محترفى الانترنت
يا اخى انت مدونتك مواضيعها تتكون من فيديوهات فقط !! , فكيف ستعمل الخاصية !! ,
الرجاء الابتعاد عن التعليقات العشوائية

كابتن محمد غيث والثورة يقول...

منور ياشرى

sherif يقول...

بنورك يا كابتن

Samir يقول...

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

sherif يقول...

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

لان فى كود مش موجود فى إضافتك وموجود فى الموضوع

لا أعرف يقول...

بارك الله فيك .... شرح رائع ومفيد

يمنع وضع اى روابط للمدونات والمواقع والا سيتم حذفها

إرسال تعليق