الجمعة، مايو 14، 2010

اضافة أقرا المزيد على شكل زر .

هناك عدة طرق لاضافة اقرا المزيد و معضمها تتم يدويا و البعض يستخدم الاضافة الموجودة اصلا مع محرر بلوقر الحديث او المحرر القديم باستخدام read more بسبب بعض المشاكل التي تحدث في بعض القوالب كانحراف العمود الى الاسفل و لكن هذا الامر كان سابقا فقد عالجت بلوقر هذا الخلل و هي الان تعمل بدون هذه المشكلة و لاضافة اقرا المزيد اتبع الخطوات التالية :


من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
اشر علامة توسيع قوالب عناصر واجهة المستخدم .
ثم ابحث عن هذا الكود :


<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
اضف بعده مباشرة الكود التالي:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

صورة توضيحية :

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

ابحث عن الكود التالي :


]]></b:skin>
اضف فوقه مباشرة الكود التالي :
.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}
بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;
و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:
ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :

هناك 19 تعليقًا:

  1. بارك الله فيك أخي الكريم أحمد العزاوي تقبل تحياتي العطرة لك ولكل أهل العراق

    مدونة الباسم

    ردحذف
  2. بارك الله فيك اخي احمد على الدرس القيم

    وجاي التجربة

    موفق بادن الله

    ردحذف
  3. رآآآآئعه والله ^^

    ربي يعطيك الف الف عافيه خيي
    احمد ..


    دمت سالم

    ردحذف
  4. هذه الخاصية مثل الي في مدونتك

    ردحذف
  5. نعم اخي نفس الخاصية التي استخدمها في مدونتي .

    ردحذف
  6. شكرا جزيلا لك أخي الكريم على هذا الموضوع

    ردحذف
  7. طيب يا غالي بالنسبة بما انك غيرت القالب
    هل من الممكن أن تبعث أليا القالب السابق على الميل
    وجزاكم الله كل خير

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

    ردحذف
  9. الحقيقة طريقة جدا رائعه ...أعجبتني كثيرا
    حفظك الله

    ردحذف
  10. طريقة بسيطة و جميلة و تزيد من أناقة المدونة

    شكرا جزيلا لك اخي احمد.

    ردحذف
  11. اخوي الغالي
    بارك الله فيك

    انا عندي بالمدونة المواضيع تظهر كاملة كيف اخليها زي طريقتك

    أخوك محمد

    ردحذف
  12. طريقة جميلة اخى الكريم ولكن هل هناك طريقة لتغير شكل الخط الى bold فى كلمة [ اقرأ المزيد ]

    ردحذف
  13. لو تكرمت ممكن ترد علينا بنعم او لا بارك الله فيك

    ردحذف
  14. السلام عليكم اخي عاشق النت و اعتذر منك بسبب التاخر في الرد مع اني لا اترك امرا الا و اجبت عليه .. اكرر اعتذاري اخي الغالي .
    نعم اخي يمكن فقط اضف هذا الكود
    font: bold 16px arial;
    بعد
    .jump-link a {

    ردحذف
  15. الله ينور عليك ويجعلها فى ميزان حسناتك امين يارب العالمين
    , نجحت العملية

    ردحذف
  16. لم تنجح الطريقة معي أخي الكريم
    مع العلم أن الكود الأول الذي طلبت منا البحث عنه وجدت السطرين الأخيرة منه ولم أجد ماقبلهما

    ردحذف
  17. شكرا للك
    مدونتى للافلام
    top movies
    demakmak.blogspot.com

    ردحذف
  18. السلام عليكم

    قمت بالبحث عن الكود الأول ولم أجده ..

    ما الحل بارك الله فيكم ؟؟

    ردحذف
  19. سلمت اناملك اخي احمد العزاوي
    استفدت منه

    بارك الرحمن بك

    ردحذف