كيفية إضافة أداة الملاحظات بشكل جديد لمدونات بلوجر

السلام عليكم و رحمة الله تعالى و بركاته،إخواني أخواتي الكرام في هذا الدرس ساقدم لكم اليوم اضافة حصرية تسطيع من خلالها عمل ملاحظة على مدونتك. فى الغالب كل مدون يريد ان يظهر تنبية معين او حتى اظهار موضوع معين لزوار المدونة بحيث يتم تثبيته أطول فترة ممكنة أمام أعين زوار مدونته.

للمعاينة أنقر هنا

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

1- اختر لوحة التحكم من مدونتك .

2- من لوحة التحكم اختر قالب ، ثم اضغط على تحرير قالب .

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

4- ضع الكود التالي فوقه .

 /* CSS Note by HomeBlogger */
.note{position:relative;width:30%;padding:1.2em 1.5em;margin:2em auto;color:#fff;background:#2ecc71;overflow:hidden}
.note.orange{background:#f39c12}
.note.red{background:#F2784B}
.note.blue{background:#3498db}
.note:before{content:"";position:absolute;top:0;right:0;border-width:0 16px 16px 0;border-style:solid;border-color:#fff #fff #27ae60 #27ae60;background:#27ae60;box-shadow:0 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.2);display:block;width:0}
.note.orange:before{border-color:#fff #fff #e67e22 #e67e22;background:#e67e22}
.note.crusta:before{border-color:#fff #fff #de6e45 #de6e45;background:#de6e45}
.note.river:before{border-color:#fff #fff #2980b9 #2980b9;background:#2980b9} 

5- احفظ القالب .

6- بعد ذلك أستخدم أداة الملاحظات بوضعية " HTML " .

- أختر لون أداة الملاحظات التي تناسبك .

 <div class='note'>...اكتب ملاحظتك هنا</div> 

 <div class='note orange'>...اكتب ملاحظتك هنا</div> 

 <div class='note blue'>...اكتب ملاحظتك هنا</div> 

 <div class='note red'>...اكتب ملاحظتك هنا</div>