اضافة ازار اقراء المزيد css

السلام عليكم ورحمة الله وبركاته

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

1-اذهب الي Blogger

2-اذهب الي القالب 

3-تحرير HTML

4-قم بحفظ نسخة من القالب 

 5-ابحث عن هذا الكود

]]></b:skin>

 6-وضع قبله الكود التالي :

 /*-------------- 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 }

7-ثم ابحث ايضا عن هذا الكود

<data:post.body/>

8-اذا وجدت اكثر من واحد اذا الثاني هو المقصود في هذا الاضافة

<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>

وبذلك نكون انتهينااا من وضع اقراء المزيد