|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
11-25-2012, 12:08 AM | #1 |
مدون جديد
|
غير مجاب: اقرا المزيد بتقنيه الـCss
السلام عليكم ورحمه الله وبركاته
اخى عثمان والاستاذ ايوب و خبراء بلوجر اريد المساعده فى كيفية اضافه اقرا المزيد بتقنيه الـCss فى مدونة بلوجر مثل العديد من المدونات ومدونة المحترف وشكرا
__________________
مدونة عاشق الويب نهتم بتتبع جديد عالم الويب من برامج واخبار التقنيه واخر تحديثات الفيس بوك وخدع الفيس بوك وكل جديد وحصرى فى عالم الويب 3asq-elweb.blogspot.com |
11-26-2012, 07:15 PM | #2 |
مدون جديد
تاريخ التسجيل: Jul 2012
الدولة: مصر ام الدنيا
المشاركات: 94
الإجابات الموجودة: 4
|
رد: اقرا المزيد بتقنيه الـCss
السلام عليكم اخى
تفضل الاضافة فى الاول قم بخفظ نسخة احتياطية من القالب لتفادى المشاكل -------------- طريقة تركيب الإضافة: أذهب إلى لوحة تحكم بلوجر >> ثم تحرير قالب HTML (إحتفظ بنسخة إحتياطية من القالب) أضف علامة فى المربع الصغير لتوسيع القالب إستخدم الكيبورد Ctrl+F فى البحث عن الكود التالى كود:
<data:post.body/> ثم الصق هذا الكود أسفل منه مباشرة كود:
<b:if cond='data:blog.pageType != "item"'> <a expr:href='data:post.url'> <div class="DR-readmore">قراءة المزيد ->></div></a> </b:if> ثم البحث عن الكود التالى: ]]></b:skin> ثم لصق الكود التالى لهاك إقرأ المزيد فوقه مباشرة أختار الشكل المناسب لمدونتك وأنسخ الكود الموجود أسفله كود:
/*-------------------------- Narrow black Orange-------------*/ /*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/ .DR-readmore{ background:#fff; text-align:right; cursor:pointer; color:#EB7F17; margin:5px 0; border-left:400px dashed #474747; border-right:2px solid #474747; border-top:2px solid #474747; border-bottom:2px solid #474747; padding:2px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 13px sans-serif; } .DR-readmore:hover{ background:#EB7F17; color:#fff; border-left:400px dashed #474747; border-right:2px solid #EB7F17; border-top:2px solid #EB7F17; border-bottom:2px solid #EB7F17; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
/*------------blue----------------------*/ /*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/ .DR-readmore{ background:#fff; text-align:right; cursor:pointer; color:#6882C7; margin:5px 0; border-left:400px solid #6882C7; border-right:2px solid #6882C7; border-top:2px solid #6882C7; border-bottom:2px solid #6882C7; padding:1px 5px 1px 1px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 13px sans-serif; } .DR-readmore:hover{ color:#000800; border-left:50px solid #6882C7; border-right:2px solid #6882C7; border-top:2px solid #6882C7; border-bottom:2px solid #6882C7; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
كود:
/*---------------- Rectangle left border-----------*/ /*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/ .DR-readmore{ background:#fff; text-align:right; cursor:pointer; color:#821A0C; margin:5px 0; float:right; border-right:2px solid #8F3314; border-left:10px solid #8F3314; border-bottom:2px solid #8F3314; border-top:2px solid #8F3314; padding:5px; font:bold 14px sans-serif; } .DR-readmore:hover{ background:#fff; font:bold 11px sans-serif; color:#CC410E; border-right:2px dotted #8F3314; border-left:10px solid #CC410E; border-bottom:2px dotted #8F3314; border-top:2px dotted #8F3314; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
/*-------------- Blue Blank-----------------*/ /*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/ .DR-readmore{ background:#0080ff; text-align:right; cursor:pointer; color:#Fff; margin:5px 0; float:right; border:2px solid #ddd; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 14px sans-serif; } .DR-readmore:hover{ background:#FFf; font:bold 11px sans-serif; color:#0080ff; border:3px dotted #ddd; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
كود:
/*------------- Red + Dark Red------------*/ /*------- http://conda3ianllkhir.blogspot.com/--------*/ .DR-readmore{ background:#fffff; text-align:right; cursor:pointer; color:#FE8080; margin:5px 0; float:right; border:2px solid #FE8080; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 11px sans-serif; } .DR-readmore:hover{ background:#FFf; font:bold 14px sans-serif; color:#FF0000; border:2px solid #FF0000; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
/*---------- Black --------------*/ /*------ http://conda3ianllkhir.blogspot.com/--------*/ .DR-readmore{ background:#000800; text-align:right; cursor:pointer; color:#fff; margin:5px 0; float:right; border:2px solid #ddd; padding:5px; -moz-border-radius:6px; -webkit-border-radius:6px; font:bold 14px sans-serif; } .DR-readmore:hover{ background:#fff; font:bold 11px sans-serif; color:#000800; border:2px solid #000800; } .DR-readmore a { color:#fff; text-decoration:none; } .DR-readmore a:hover { color:#fff; text-decoration:none; } كود:
للامانة قمت بنقل الكود من http://conda3ianllkhir.blogspot.com
__________________
دعم فنى لبلوجر 24 ساعة متواصل مجانا http://www.4niger.net/vb/forumdisplay.php?f=36 لطلبات التصميم السريعة مجانا http://www.4niger.net/vb/forumdisplay.php?f=47 خدمة سريعة ومجانا قوالب من تعريبى احترافية http://www.4niger.net/vb/forumdisplay.php?f=63 التعديل الأخير تم بواسطة احمد نيجر ; 11-26-2012 الساعة 07:19 PM |
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
المزيد, css, اضافة, اقرأ, بتقنية |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
خاصية اقرا المزيد بشكل اتوماتيكى | yahya essam | دروس بلوجر | 4 | 08-15-2013 12:04 PM |
اضافة خاصية اقرا المزيد | مرتضى | طلبات الدعم الفني | 1 | 03-23-2013 02:58 PM |
حذف اقرا المزيد نهائيا من القالب ؟ | egycity | طلبات تعديل القوالب | 4 | 03-21-2013 08:20 PM |
المرجو المساعدة بحدف اقرا المزيد | yassir | طلبات تعديل القوالب | 6 | 01-19-2013 08:21 PM |
مطلوب حدف خاصية اقرا المزيد من هدا القالب... [تمت التلبية] | blue | طلبات تعديل القوالب | 10 | 09-02-2012 11:12 PM |
الساعة الآن 04:23 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |