معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   إضافات وأدوات بلوجر (https://www.bloggerexp.com/forumdisplay.php?f=10)
-   -   إضافة اقرأ المزيد إلى مدونات البلوجر ( الأوتوماتيكية ) (https://www.bloggerexp.com/showthread.php?t=4291)

SiiMo 11-05-2012 10:29 AM

إضافة اقرأ المزيد إلى مدونات البلوجر ( الأوتوماتيكية )
 
من أهم الإضافات التي تجدها في مدونات البلوجر بكثرة و يمكن القول أنها أصبحت أساسية لكل مدونة و هي خاصية اقرأ المزيد لتلخيص المواضيع و تصغير الصور, لقد تطرقت في تدوينة سبقت إلى طريقة إضافة اقرأ المزيد التي توجد في البلوجر حيث أنها يدوية يعني أنه في كل مرة تريد أن تنشر تدوينة يجب عليك أن تضع اقرأ المزيد بشكل يدوي مع العلم أنه إذا كان لديك الكثير من المقالات فستتعب و تضيع الكثير من الوقت أما الطريقة التي سأشرحها الآن فهي تلقائية يعني أنه حتى و لو كان لديك 100 مقالة في مدونتك ستطبق الخاصية على جميع المقالات دفعة واحدة , نمر إلى الشرح




مثال على خاصية اقرأ المزيد:
http://1.bp.blogspot.com/-6j-4IRxToD...Sans+titre.JPG


  • توجه إلى لوحة التحكم =>اختر تصميم => تحرير HTML
  • قم بتوسيع القالب , “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
  • وأبحث عن الكود التالي :
اقتباس:

</head>
  • قم بإضافة الكود التالي فوقه مباشرة :

اقتباس:

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 530;
summary_img = 440;
img_thumb_height = 220;
img_thumb_width = 220;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

  • الآن قم بالبحث عن هذا الكود :

اقتباس:

<data:post.body/>
  • قم بتظليله و استبدله بالكود التالي :

اقتباس:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url'> اقرأ المزيد… </a></span>
</b:if>
</b:if>

التعديل على الأكواد :
الكود الأول :
  • summary_noimg = 530; ==> حجم النص بدون صورة
  • summary_img = 440; ==> حجم النص مرفوق بصورة
  • img_thumb_height = 220; => طول الصورة
  • img_thumb_width = 220; => عرض الصورة
الكود الثاني :
1- تغيير اتجاه اقرأ المزيد :
لتغيير اتجاه اقرأ المزيد كل ما عليك فعله هو تغيير ( right ) ب ( center ) إذا أردتها في الوسط أو ( left ) إذا أردتها في اليسار.
2- تغيير اقرأ المزيد بصورة :
يمكنك تغيير اقرأ المزيد بأي كلمة أخرى مثل ( تابع القراءة ), كما يمكنك تغييرها بصورة من اختيارك و ذلك عن طريق تغيير كلمة اقرأ المزيد بالكود التالي :

اقتباس:

<img src="Url Of Your image" title="إقرأ المزيد" alt="إقرأ المزيد"/>


إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق


Youness 11-05-2012 07:05 PM

رد: إضافة اقرأ المزيد إلى مدونات البلوجر ( الأوتوماتيكية )
 
اقتباس:

المشاركة الأصلية كتبت بواسطة th3 tech (المشاركة 13270)
من أهم الإضافات التي تجدها في مدونات البلوجر بكثرة و يمكن القول أنها أصبحت أساسية لكل مدونة و هي خاصية اقرأ المزيد لتلخيص المواضيع و تصغير الصور, لقد تطرقت في تدوينة سبقت إلى طريقة إضافة اقرأ المزيد التي توجد في البلوجر حيث أنها يدوية يعني أنه في كل مرة تريد أن تنشر تدوينة يجب عليك أن تضع اقرأ المزيد بشكل يدوي مع العلم أنه إذا كان لديك الكثير من المقالات فستتعب و تضيع الكثير من الوقت أما الطريقة التي سأشرحها الآن فهي تلقائية يعني أنه حتى و لو كان لديك 100 مقالة في مدونتك ستطبق الخاصية على جميع المقالات دفعة واحدة , نمر إلى الشرح




مثال على خاصية اقرأ المزيد:
http://1.bp.blogspot.com/-6j-4irxtod...sans+titre.jpg


  • توجه إلى لوحة التحكم =>اختر تصميم => تحرير html
  • قم بتوسيع القالب , “قم بتحميل نسخة احتياطية من قالب مدونتك تحسبا لأي خطأ”
  • وأبحث عن الكود التالي :
  • قم بإضافة الكود التالي فوقه مباشرة :

  • الآن قم بالبحث عن هذا الكود :

  • قم بتظليله و استبدله بالكود التالي :

التعديل على الأكواد :
الكود الأول :
  • summary_noimg = 530; ==> حجم النص بدون صورة
  • summary_img = 440; ==> حجم النص مرفوق بصورة
  • img_thumb_height = 220; => طول الصورة
  • img_thumb_width = 220; => عرض الصورة
الكود الثاني :
1- تغيير اتجاه اقرأ المزيد :
لتغيير اتجاه اقرأ المزيد كل ما عليك فعله هو تغيير ( right ) ب ( center ) إذا أردتها في الوسط أو ( left ) إذا أردتها في اليسار.
2- تغيير اقرأ المزيد بصورة :
يمكنك تغيير اقرأ المزيد بأي كلمة أخرى مثل ( تابع القراءة ), كما يمكنك تغييرها بصورة من اختيارك و ذلك عن طريق تغيير كلمة اقرأ المزيد بالكود التالي :



إذا واجهتكم أي مشكلة في تركيب الخاصية المرجو ذكرها في تعليق






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

Perfect 11-11-2012 06:37 PM

رد: إضافة اقرأ المزيد إلى مدونات البلوجر ( الأوتوماتيكية )
 
أخي لم أعثر على الكود <data:post.body/> ...!!


الساعة الآن 05:26 PM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012