هاك Read More الجديد أوتوماتيكيا بالجافا سكربت .

هاك Read More الجديد أوتوماتيكيا بالجافا سكربت .

سكربت Read More الجديد للبلوجر يتيح لك تقديم ملخص عن موضوعك في الصفحة الرئيسية للمدونة بدون تدخل منك , بالطبع بعد ضبط إعدادات السكربت حيث ست... 6:34:00 م

سكربت Read More الجديد للبلوجر يتيح لك تقديم ملخص عن موضوعك في الصفحة الرئيسية للمدونة بدون تدخل منك , بالطبع بعد ضبط إعدادات السكربت حيث ستتحكم بمقدار ما سيكون ملخص موضوعك والمفاجأة بحجم الصورة إن وجدت في بداية موضوعك .
عانيت في السابق من استخدام هاك Read More نظرا لعدم التحكم الكامل في مقدار الملخص المبين في الصفحة الرئيسية فكان تارة صغير وتارة كبير علاوة على ثبات حجم الصورة مما أدى ذلك لوجود مظهر غير متناسق وعدم استخدام الصور في بداية مواضيعي .
انتهت هذه المشكلة الآن مع هذا السكربت المتميز وأود بعد إذن الجميع أن أطلق علية سكربت فهو سكربت أقرب منة هاك بنظري نظرا لاستخدام الجافا سكربت به .
يعمل السكربت على جميع المواضيع أي الجديدة وحتى القديمة .
لنبدأ بخطوات إدراج السكربت ......
من القائمة "Layout" اختر "Edit HTML"والان ابحث عن الكود

]]></b:skin>

وقم باضافة الكود التالى فوقة مباشرة :

<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://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/read-more_auto2.js' type='text/javascript'/>

وبعدها اضغط على "Save Template" .

الخطوة الثانية قم بتنشيط الخيار "Expand Widget Template" وبالتالي قم بالبحث عن هذا الكود :

<p><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'> read more &#8220;<data:post.title/>&#8221;</a></span> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

وبالطبع يمكنك تعديل الكلمة Read More بترجمتها للعربية "إقرأ المزيد".
ثم قم بحفظ القالب .

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

summary_noimg = 500 ;

التحكم بعدد الحروف الظاهرة فى ملخص الموضوع الظاهر بالصفحة الرئيسية لمدونتك حيث يمكنك تغيير العدد لما يتناسب وحاجاتك .

summary_img = 400 ;

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

img_thumb_height = 130;

هنا تستطيع التحكم بارتفاع الصورة الموجودة بأول الموضوع ويمكنك تغيير العدد مع مراعاة انة بالبيكسل وليس بالسنتمتر..

img_thumb_width = 281 ;

التحكم بعرض الصورة الموجودة بأول الموضوع ويمكنك تغيير العدد مع مراعاة انة بالبيكسل .

استبدال رابط Read More بصورة :

يمكنك استبدال الكلمة Read More بصورة ولعمل ذلك يمكنك استخدام الكود التالي بدلا من الكود الموجود في الخطوة الثانية :

<b:if cond=’data:blog.pageType == "item"’≶
<p≶<data:post.body/≶</p≶
<b:else/≶<DIV expr:id=’"summary" + data:post.id’≶<p≶<data:post.body/≶</p≶</DIV≶ <SCRIPT type=’text/javascript’≶createSummaryAndThumb("summary<data:post.id/≶");</SCRIPT≶ <div style=’clear: both;’/≶ <div style=’border:0px;padding-top:5px;;float:right;text-align:right;’≶<span class=’readon’≶<a expr:href=’data:post.url’ rel=’bookmark’≶<img src=’http://i422.photobucket.com/albums/pp302/bloggeracs/ReadMore.png‘/≶</a≶</span≶</div≶
</b:if≶

</b:if>

يمكنك استبدال رابط الصورة في الكود السابق باللون الأحمر برابط الصورة التي تفضلها .

هاكات البلوجر

Share: Facebook Twitter Google+