زوار ومتابعي المدونة
أسعد الله أوقاتكم بكل خير ومحبة
في درسنا اليوم سوف نتطرق إلى إضافة رائعة يحتاجها كل مدونة يريد يضع ملاحظة كي يلفت نظر الزائر لشيء معين في نفس الكاتب .
نبدأ بشرح تركيب الإضافة :
- طريقة التركيب :
1- أدخل إلى مدونتك | ثم أختر تحرير قالب .
2- إبحث عن الوسم : ]]></b:skin>
3- ضع الكود التالي فوقه :
زوار ومتابعي المدونة الكرام أنتم تعلمون كم يبذل كاتب التدوينة من جهد وعصف ذهني كي يخرجها إلى حيز الوجود أرجو من شخصكم الكريم أن ان تكافئنة ولو بكلمة شكر.
الـــكـــود
/*Note widget by http://www.homeblog7.blogspot.com*/
.biggopti{
border:5px solid #4D4D4D;
margin:5px 0px 10px 0px;
padding:10px 10px 10px 70px;
background:#FCD427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7f6A36J5WtT4_tq6m1MjMPqls2mjNi8bJK3ENnrnbRe1LrobfCevZaHRQDNkMpHyggKlkmBrrscQDzRfrb1UtyPQmu8dcnnU-cuq5-ntNN0oc_yUPOAav0ArYslX86Jm2wYiCjXrK_a_D/s1600/BS+pen.png);
background-position:left;
background-repeat:no-repeat;
width:85%;
text-align:justify;
color:#000000;
word-wrap:break-word;
font-style:bold;
font-size:16px;
font-weight: bolder;
font-family: GESSTwoLight,Helvetica, Arial, sans-serif;
border-radius:10px;
-webkit-border-radius:1.0px;
-moz-border-radius:1.0px;
-o-border-radius:1.0px;
-ms-border-radius:1.0px;
border-radius:1.0px;
}
.notice:hover{
-moz-box-shadow: 5px 5px 45px #4D4D4D; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 45px #4D4D4D;
}
- ومن أجل أن يعمل الكود يجب أن تستخدم الكود التالي وتضعه في صندوق HTML
الكود
<div class="biggopti">
إضافة النص الخاص هنا
</div>
والآن أترككم برعاية الله وتوفيقه
0 التعليقات:
إرسال تعليق