عرض مشاركة واحدة
قديم 12-15-2014, 08:20 PM   #1
Fareed
مدون نشيط
 
الصورة الرمزية Fareed
 
تاريخ التسجيل: Dec 2014
الدولة: أرض الله الواسعة
المشاركات: 182
Lightbulb كيفية إضافة ملاحظة خاصة داخل التدوينة بلوجر


طريقة إضافة ملاحظة خاصة داخل التدوينة



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

نبدأ بشرح تركيب الإضافة :

- طريقة التركيب :

1- أدخل إلى مدونتك | ثم أختر تحرير قالب .

2- إبحث عن الوسم : ]]></b:skin>

3- ضع الكود التالي فوقه :


صورة الإضافة



الــــــــكـــــود


كود بلغة HTML:
/*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(http://1.bp.blogspot.com/-ZtWMN6oPbAE/VHspSSrKleI/AAAAAAAAIUI/exRIu7B4uwI/s1600/BS%2Bpen.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



الكود


كود بلغة HTML:
<div class="biggopti">
إضافة النص الخاص هنا
</div>

المصدر : مدونة هوم بلوجر

الدعم العربي

Fareed غير متواجد حالياً   رد مع اقتباس