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

التسميات: اضافات بلوقر الجمعة، مايو 14، 2010 19 تعليق

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

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

اضف بعده مباشرة الكود التالي:

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><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;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:

ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :

هذا الموضوع كتبته يوم الجمعة، مايو 14، 2010 ضمن تصنيف اضافات بلوقر فأن اصبت فمن الله وحده و ان اخطات فمن نفسي و الشيطان . يمكنك نقل اي موضوع من المدونة بشرط ذكر المصدر و ذكر رابط الموضوع الاصلي للاتصال او الاستفسار عن اي موضوع من هنا.

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

BaSeM يقول... 14 مايو، 2010 9:01 م: بارك الله فيك أخي الكريم أحمد العزاوي تقبل تحياتي العطرة لك ولكل أهل العراق

مدونة الباسم
عزيز يقول... 15 مايو، 2010 2:44 م: بارك الله فيك اخي احمد على الدرس القيم

وجاي التجربة

موفق بادن الله
HeRmOsO ♥ يقول... 17 مايو، 2010 3:41 م: رآآآآئعه والله ^^

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

دمت سالم
غير معرف يقول... 18 مايو، 2010 12:23 م: هذه الخاصية مثل الي في مدونتك
احمد العزاوي يقول... 18 مايو، 2010 1:30 م: نعم اخي نفس الخاصية التي استخدمها في مدونتي .
naji يقول... 20 مايو، 2010 10:12 م: شكرا جزيلا لك أخي الكريم على هذا الموضوع
BaSeM يقول... 22 مايو، 2010 5:32 م: طيب يا غالي بالنسبة بما انك غيرت القالب
هل من الممكن أن تبعث أليا القالب السابق على الميل
وجزاكم الله كل خير
احمد العزاوي يقول... 22 مايو، 2010 5:44 م: اخي الغالي باسم القالب كان يشبه نوعا ما احد قوالب الوورد بريس و قد استعنت ببعض الصور للقالب و صاحب المدونة انزعج كثيرا من القالب و تم حذفه.. و جاري تصميم قالب مميز و ان شاء الله يعجبك و ساضعه للجميع .
ولاء يقول... 26 مايو، 2010 12:50 م: الحقيقة طريقة جدا رائعه ...أعجبتني كثيرا
حفظك الله
عربية جرافيكس يقول... 2 يونيو، 2010 4:02 ص: طريقة بسيطة و جميلة و تزيد من أناقة المدونة

شكرا جزيلا لك اخي احمد.
غير معرف يقول... 18 يونيو، 2010 6:19 ص: اخوي الغالي
بارك الله فيك

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

أخوك محمد
عاشق النت يقول... 11 يوليو، 2010 6:04 م: طريقة جميلة اخى الكريم ولكن هل هناك طريقة لتغير شكل الخط الى bold فى كلمة [ اقرأ المزيد ]
عاشق النت يقول... 12 يوليو، 2010 4:08 م: لو تكرمت ممكن ترد علينا بنعم او لا بارك الله فيك
احمد العزاوي يقول... 12 يوليو، 2010 4:19 م: السلام عليكم اخي عاشق النت و اعتذر منك بسبب التاخر في الرد مع اني لا اترك امرا الا و اجبت عليه .. اكرر اعتذاري اخي الغالي .
نعم اخي يمكن فقط اضف هذا الكود
font: bold 16px arial;
بعد
.jump-link a {
عاشق النت يقول... 12 يوليو، 2010 4:53 م: الله ينور عليك ويجعلها فى ميزان حسناتك امين يارب العالمين
, نجحت العملية
كمونة يقول... 14 سبتمبر، 2010 4:43 ص: لم تنجح الطريقة معي أخي الكريم
مع العلم أن الكود الأول الذي طلبت منا البحث عنه وجدت السطرين الأخيرة منه ولم أجد ماقبلهما
demakmak يقول... 1 نوفمبر، 2010 12:01 ص: شكرا للك
مدونتى للافلام
top movies
demakmak.blogspot.com
raihan يقول... 4 فبراير، 2011 8:47 م: السلام عليكم

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

ما الحل بارك الله فيكم ؟؟
AL.SULTANAH يقول... 15 يونيو، 2011 8:36 ص: سلمت اناملك اخي احمد العزاوي
استفدت منه

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