الأحد، 14 يوليو 2013

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

لاضافة هذه الخاصية ما عليكم سوى تتبع الخطوات التالية:
اولا:اذهبوالى. قالب/تحرير HTML
خدو نسخة احتياطية من القالب في حالة لم تنجح معكم ثم تضغطون توسيع قوالب عناصر واجهة المستخدم وثم تضغطون على Ctrl+f ثم تبحتون عن هذا الكود
]]></b:skin>
ثم تضيفون قبله اي فوقه هذا الكود
/*-------------- Read More rmlink CSS-----------------*/ .rmlink{ 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:hover { background-color: #4F4F4F; border-color: #fff; outline: medium none; color: #f3f3f3 !important; text-decoration:none }
ثم ابحتو مرة اخرى عن هذا الكود
<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>


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

ليست هناك تعليقات:

إرسال تعليق