اضافة "اقراء المزيد" بطريقة احترافية 2013

بسم الله الرحمن الرحيم

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

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

مظهر اى مدونة يتوقف فى البداية على مجموعة عوامل مساعده وهذه العوامل تجعل شكل المدونة جميل ومظهر ارئع وهذه العوامل هى الاضافات الجديد معنا تاع كل جديد.

الشرح

ادخل قالب المدونة وابحث عن هذا الكود

]]></b:skin>

ثمضع من فوقة هذا الكود

/* CSS BUTTON  DEV By Arab-blogger  (www.blogger-araby.blogspot.com) */
.jump-link a {
font-size:15px;
font-family:DroidKufi-bold,ARial;
font-weight:bold;
background-color: rgb(232,232,232);border: 1px solid rgb(216, 216, 216);
clear:both;
width:100px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow:2px 2px grey;
-webkit-box-shadow:2px 2px grey;
-o-box-shadow:2px 2px grey;
-ms-box-shadow:2px 2px grey;
box-shadow:2px 2px grey;
color: rgb(200, 200, 200);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(150, 150, 150);
5px 5px 5px 5px;

}

.jump-link:visited {}
.jump-link a:hover {
width:100px;
font-size:15px;
font-family:DroidKufi-bold,ARial;
background-color: gold;border: 1px solid rgb(239, 239, 239);
clear:both;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow:2px 2px grey;
-webkit-box-shadow:2px 2px grey;
-o-box-shadow:2px 2px grey;
-ms-box-shadow:2px 2px grey;
box-shadow:2px 2px grey;
color: rgb(255, 255, 255);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(21, 158, 188);
}
.jump-link a:active{
margin-bottom:5px;
margin-left:5px;
-moz-box-shadow:0px 0px grey;
-webkit-box-shadow:0px 0px grey;
-o-box-shadow:0px 0px grey;
-ms-box-shadow:0px 0px grey;
box-shadow:0px 0px grey;
}

.rmlink a {
font-size:15px;
font-family:DroidKufi-bold,ARial;
font-weight:bold;
background-color: rgb(232,232,232);border: 1px solid rgb(216, 216, 216);
clear:both;
width:100px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow:2px 2px grey;
-webkit-box-shadow:2px 2px grey;
-o-box-shadow:2px 2px grey;
-ms-box-shadow:2px 2px grey;
box-shadow:2px 2px grey;
color: rgb(200, 200, 200);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(150, 150, 150);
5px 5px 5px 5px;

}

.rmlink:visited {}
.rmlink a:hover {
width:100px;
font-size:15px;
font-family:DroidKufi-bold,ARial;
background-color: gold;border: 1px solid rgb(239, 239, 239);
clear:both;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-o-border-radius: 5px 5px 5px 5px;
-ms-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow:2px 2px grey;
-webkit-box-shadow:2px 2px grey;
-o-box-shadow:2px 2px grey;
-ms-box-shadow:2px 2px grey;
box-shadow:2px 2px grey;
color: rgb(255, 255, 255);display: inline-block;margin-bottom: 6px;outline: medium none;padding: 4px 12px 3px;text-align: center;text-decoration: none;text-shadow: 0px 1px 0px rgb(21, 158, 188);
}
.rmlink a:active{
margin-bottom:5px;
margin-left:5px;
-moz-box-shadow:0px 0px grey;
-webkit-box-shadow:0px 0px grey;
-o-box-shadow:0px 0px grey;
-ms-box-shadow:0px 0px grey;
box-shadow:0px 0px grey;}

وفى نهاية الموضوع احب اشكر كل عضو سجل فى المدونة ونعدكم بالجديد والمميز

المصدر:مدونة صور حياتى