معهد خبراء بلوجر - كيفية إضافة ملاحظة خاصة داخل التدوينة بلوجر

http://im44.gulfup.com/DPkdlb.png

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

http://1.bp.blogspot.com/-n3BM8vTWIq...Y/s1600/23.png

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

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

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

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

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

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

صورة الإضافة

http://im47.gulfup.com/8JB1GV.png

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

كود بلغة 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

http://4.bp.blogspot.com/-vsNb9hsqX2.../s1600/1.1.png

الكود

كود بلغة HTML:

<div class="biggopti">

إضافة النص الخاص هنا

</div>

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