بعد تطبيق خاصية التدوينات المصغرة في مدوناتكم من الموضوع السابق
_______________________________
قم بالبحث عن الوسم التالي
]]></b:skin>
(إذا رغبت في أن تظهر التدوينات المصغرة لديك مثل مصغرات مدونة المصنع)
 |
| للمعاينة الحية للتدوينات المصغرة التي بهذه الصورة اضغط هنا |
أضف قبل الوسم السابق مباشرة هذا الكود
/* MINIPOST */
.minipost {
background: #FFF6C7 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpk162XZAL3cibLv0RmXtqgqvv307eVENKWcAgocrP__qNdOS-FslRoWZyUiDIcOfH6HcEfo6RmUdHFa_7PivB2eAOOcJz9Y8VcgerJukCsDedxfs3cvF7byye-rA9IYGa0CT6RmccjFQ8/s0/bg-minipost.gif) no-repeat 100% 2px;
padding: 15px 95px 15px 15px;
border:1px solid #FFF6C7;
margin-bottom:20px;
position:relative;
}
.minipost .entry {
-webkit-text-shadow: #FFFBD8 0 1px 0px;
text-shadow: #FFFBD8 0 1px 0px;
text-align:justify;
font: bold 15px/1.2 Arial, sans-serif;
color:#515151;
}
.minipost .entry a { color:#B40000; }
.minipost .entry a:hover { color:#3A3A3A; }
.minipost .entry, .minipost .entry p { margin-bottom: 15px; }
.minipost p.meta {
margin:-10px 0 0;
font-weight:normal;
font-size: 12px;
color:#B9B197;
}
.minipost p.meta a { color:#B9B197;}
.minipost p.meta a:hover { color:#807970;}
(أما إذا رغبت في أن تظهر التدوينات المصغرة لديك مثل مصغرات مدونة أبو إياد )
 |
| للمعاينة الحية للتدوينات المصغرة التي بهذه الصورة اضغط هنا |
فأضف هذا الكود قبل الوسم السابق مباشرة
.minipost {
-moz-border-radius: 5px 5px 5px 5px;
background: #CFE1ED url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTgI3Wd-prJjbW-XrzvJQ92ZiuOwPrxM61D5M4dQaz1fPUPLuBpuUtjy5CuB8n7HBYFHefmIrwX1b8tSH-TNiHdL2kULSjbRdd7yEa1dR_upDc2qhvP1hcr6Yubh4u-CqoHVUBObHpcEB4/s1600/lam7a.png") ;
height: 1%;
padding: 20px;
border-left:1px solid #1D5C88;
border-top:1px solid #1D5C88;
border-right: 1px solid #1D5C88;
border-bottom: 1px solid #1D5C88;
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;
padding-right:7px;
padding-left:7px;
}
.minipost .entry {
-webkit-text-shadow: #FFFFFF 0 1px 0px;
text-shadow: #FFFFFF 0 1px 0px;
text-align: right;
font: 15px Tahoma, Arial, sans-serif;
color:#4C4C4C;
}
.minipost img {
border: 1px solid #245CAA;
float: right;
margin-left: 1em;
}
.minipost h3 {
color: #666;
font-size: 1.2em;
margin-bottom: 5px;
margin-top: 2;
}
.minipost p {
color: #54524F;
font-size: 15px;
margin-bottom: 10px;
margin-top: 0;
}
.minipost blockquote {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_UzQ9pO4hRuZ8_O0gzKKpn4-Q7T66V1grDSCRgTtMPQOMTah9Lgl_VgndACTanFOoXd5vRe5Y_kjzXSvyJDDXo5IgfpxXqynKBRWTmRc96FwciJKoP1lZmNGuS8pp1p72tns4KRlLz4/) #ffffff repeat-x top;
border-left:1px solid #CFCFCF;
border-top:1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
margin:10px;
padding:10px
}
(وإذا رغبت في أن تظهر التدوينات المصغرة لديك مثل مصغرات مدونة ذؤيب )
فأضف الكود التالي قبل الوسم السابق مباشرة
/* blogger minipost */
.minipost {
background: #F5F5F5;
padding: 15px;
border: 1px solid #DDDDDD;
margin-bottom: 20px;
padding-bottom: 30px;
font: 12px tahoma;
text-align: justify;
line-height:1.5em;
}
.minipost img {
float: right;
margin-left: 1em;
}
.minipost div.title2 {
font:1.3em arial;
font-weight:bold;
letter-spacing:0em;
display:block;
padding-bottom:5px;
text-shadow: 0px 2pt 0px #ECECEC;
}
.minipost div.entry {color:#333333;}
.minipost p.meta {
font: 12px tahoma;
}
_______________________________
/* blogger minipost */
.minipost {
background: #F5F5F5;
padding: 15px;
border: 1px solid #DDDDDD;
margin-bottom: 20px;
padding-bottom: 30px;
font: 12px tahoma;
text-align: justify;
line-height:1.5em;
}
.minipost img {
float: right;
margin-left: 1em;
}
.minipost div.title2 {
font:1.3em arial;
font-weight:bold;
letter-spacing:0em;
display:block;
padding-bottom:5px;
text-shadow: 0px 2pt 0px #ECECEC;
}
.minipost div.entry {color:#333333;}
.minipost p.meta {
font: 12px tahoma;
}
_______________________________
قم بحفظ التغييرات على قالبك واستمتع بتطبيق المصغرات التدوينية الجديدة بمدونتك ◕‿◕
_______________________________
