منتدى اسلاميات

منتدى اسلاميات

منتدى اسلاميات
 
الرئيسيةاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

أنت تتصفح منتدى اسلاميات

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

المواضيع الأخيرة
» الكسل والنشاط
من طرف سبع السّبع المثاني السبت أبريل 30, 2016 4:01 pm

» الكآبة والسعادة ..
من طرف سبع السّبع المثاني السبت أبريل 30, 2016 3:58 pm

» الكافي في فقه أهل المدينة المالكي
من طرف طالب علم الأربعاء فبراير 24, 2016 8:23 am

» رسائل دعويه
من طرف طالب علم الأربعاء فبراير 24, 2016 8:22 am

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:45 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:44 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:38 pm

» رسائل دعويه
من طرف منى الميلبي الإثنين فبراير 08, 2016 6:25 pm

» رسائل دعوية
من طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm

» رسائل دعوية
من طرف دخيله الجهني الأحد فبراير 07, 2016 8:43 pm


شاطر | 
 

 كود إقرأ المزيد بكل مميزاته على مدونات بلوجر

اذهب الى الأسفل 
كاتب الموضوعرسالة
الرسام
Admin
avatar

عدد المساهمات : 1164
نقاط : 3488
السٌّمعَة : 1
تاريخ التسجيل : 05/09/2013

مُساهمةموضوع: كود إقرأ المزيد بكل مميزاته على مدونات بلوجر   الأحد أكتوبر 06, 2013 4:01 pm

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

معاينة للاضافة :



شرح الاضافة :
توجد الى لوحة ادارة مدونتك > قالب > تحرير HTML >  ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم
ثم ابحث عن الكود </head> بالاستعانة بخاصية البحث Ctrl + f
وقم بوضع هدا الكود فوقه مباشرة


الكود:
<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
img_thumb_height = 128; /* عرض الصورة في الملخص*/[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
img_thumb_width = 128; /*طول الصورة في الملخص */[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
</script>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
ثم قم بالبحث عن هدا الكود

الكود:
<data:post.body/>
و استبدله بهدا الكود

الكود:
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<b:else/>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<b:if cond='data:blog.pageType != &quot;item&quot;'>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<div expr:id='&quot;summary&quot; + data:post.id'>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<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>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>[color=#000000][font=Arial, Verdana, Helvetica, sans-serif][/font][/color]
</b:if><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
بعدها قم بالحفظ اي نشر المدونة

لتغيير كلمة اقرا المزيد بصورة ما عليك سوى حدف الكلمة واستبدالها برابط الصور وهده بعض الصور لمساعدتك :







الكود:
http://4.bp.blogspot.com/-YnxshBASiX8/Tf5InnMYPxI/AAAAAAAACS4/sT7fbvlMnIE/s1600/redmore2.png



الكود:
http://4.bp.blogspot.com/_gToJ30Luauw/TQT2a-PyTYI/AAAAAAAAB1s/xJU6XiQmd8E/s1600/read+more.png
انتهى الشرح
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://aslameat.alafdal.net
 
كود إقرأ المزيد بكل مميزاته على مدونات بلوجر
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى اسلاميات :: قسم التطوير :: منتدى التطوير :: قسم اكواد الجافا-
انتقل الى: