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

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

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

1. نتوجه الى لوحة التحكم الخاصة بمدونتك
2. إضغط على قالب
3. ثم تحرير HTML 

4. إبحث بالضغط على CTRL + F عن الكود التالي :

</head>

5. اضف هذا الكود مباشرة فوقه :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 240; /* طول الملخص للمواضيع بدون صورة */ summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/ img_thumb_height = 160; /* عرض الصورة في الملخص*/ img_thumb_width = 128; /*طول الصورة في الملخص */ </script> <script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>
<!-- http://Hukmat.blogspot.com/ -->

6. ثم قم بالبحث عن الكود التالي :

<data:post.body/>

7. قد تجد أكثر من كود و ذلك حسب القالب المستعمل لذلك قم ببحث عن الكود التالي :

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

8. في حالة اذا وجدت الكود الثاني {فوق هذه الجملة} فستبدله ب الكود التالي و في حالة لم تجده فقم بستبدال الكود الأول بالكود الأتي ايضا :

<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://hukmat.blogspot.com/2013/11/How-To-Add-Read-More-Automatic-To-Blogger.html' style='display:none;'>Résumé</a><a href='http://hukmat.blogspot.com' style='display:none;'>موقع تعلم أكثر للمعلوميات</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if> </b:if>
<!-- http://Hukmat.blogspot.com/ -->

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

]]></b:skin>

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

 .rmlink a{ background: #F1F1F1; border: 1px solid #E6E6E6; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 2px #FFFFFF inset, 0 1px 1px #CACACA; color: #999999 !important; display: inline-block; font: 17px "Arial"; font-weight:700; text-align: center; padding: 2px 15px 2px; color: #999999 !important; padding-right:15px; padding-left:15px; padding-tpo:5px; padding-bottom:3px; margin-top:15px; -webkit-transition: background 0.4s ease-in-out; -moz-transition: background 0.4s ease-in-out; -o-transition: background 0.4s ease-in-out; -ms-transition: background 0.4s ease-in-out; transition: background 0.4s ease-in-out; } .rmlink a:hover { background-color: #00A8D8; border-color: #fff; outline: medium none; color: #f3f3f3 !important; text-decoration:none }

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

مقالات ذات صلة