معهد خبراء بلوجر

معهد خبراء بلوجر (https://www.bloggerexp.com/index.php)
-   طلبات الدعم الفني (https://www.bloggerexp.com/forumdisplay.php?f=12)
-   -   اقرا المزيد بتقنيه الـCss (https://www.bloggerexp.com/showthread.php?t=4568)

Eslam Talaat 11-25-2012 12:08 AM
اقرا المزيد بتقنيه الـCss
 
السلام عليكم ورحمه الله وبركاته

اخى عثمان والاستاذ ايوب و خبراء بلوجر

اريد المساعده فى كيفية اضافه اقرا المزيد بتقنيه الـCss فى مدونة بلوجر

مثل العديد من المدونات ومدونة المحترف

وشكرا

احمد نيجر 11-26-2012 07:15 PM
رد: اقرا المزيد بتقنيه الـ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;
}


كود:
/*-------------- Red -----------*/
/*-------------------------- http://conda3ianllkhir.blogspot.com/-------------*/
.DR-readmore{
background:#fff;
text-align:right;
cursor:pointer;
color:#CC0000;
margin:5px 0;
float:right;
border-right:2px solid #FF0033;
border-left:2px solid #FF0033;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#fff;
font:bold 12px sans-serif;
color:#FF0033;
border-right:2px solid #FF0033;
border-left:2px solid #FF0033;
}
.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;
}

كود:
/*------------ Green Button-----------*/

/*---- http://conda3ianllkhir.blogspot.com/-----*/
.DR-readmore{
background:#fffff;
text-align:right;
cursor:pointer;
color:#008000;
margin:5px 0;
float:right;
border:2px solid #ddd;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 11px sans-serif;
}
.DR-readmore:hover{
background:#008000;
font:bold 14px sans-serif;
color:#fff;
border:2px solid #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;
}



كود:
/*----------Pink ----------------*/
/*-- http://conda3ianllkhir.blogspot.com/-----*/
.DR-readmore{
background:#FF9999;
text-align:right;
cursor:pointer;
color:#fff;
margin:5px 0;
float:right;
border:none;
padding:5px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
font:bold 14px sans-serif;
}
.DR-readmore:hover{
background:#CC3399;
}
.DR-readmore a {
color:#fff;
text-decoration:none;
}

.Dr-readmore a:hover {
color:#fff;
text-decoration:none;
}




للامانة قمت بنقل الكود من http://conda3ianllkhir.blogspot.com


الساعة الآن 08:47 AM

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012