القائمة الرئيسية

الصفحات

اخر المقالات

اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع

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

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

اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع

معاينة شريط الاخبار

صورة من شريط الاخبار


اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع

اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع

اولا عليك ان تبحث عن هذا الوسم]]>وتقوم بوضع الكود التالى فوقه.

.news-tick-wrap{background-color:#f5f5f5;border-bottom:1px solid #e9e9e9}
.news-tick-bar{margin:0 auto;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;position:relative}
.ticker .title{float:right;height:40px;font-size:15px;line-height:40px;font-weight:400;overflow:hidden;padding:0 10px;color:$maincolor;font-family:'Changa';text-transform:uppercase}
.ticker .title .fa{margin-left:10px;background:#fff;padding:5px 6px;border-radius:100%;color:$maincolor}
.ticker .widget-content{height:40px;box-sizing:border-box;overflow:hidden;padding:0 4px}
.ticker .widget-content li{float:right;margin-right:30px;display:inline-block;height:38px;line-height:38px;padding:0}
.ticker .widget{height:40px;overflow:hidden}
.tk-thumb{float:right;margin:4px 0 0 10px}
.tk-img{position:relative;display:block;width:35px;height:30px;overflow:hidden}
.ticker .post-tag{display:inline-block;background-color:$maincolor;color:#fff;margin-left:10px;font-weight:400;border-radius:2px;height:18px;line-height:18px;padding:0 6px;font-size:10px;text-transform:uppercase;position:relative;margin-top:10px;float:right}
.ticker .tyard-title{font-size:14px;font-weight:400;display:inline-block}
.ticker .tyard-title a{color:$darkcolor}
.ticker .tyard-title a:hover{color:$maincolor}
.tickercontainer,.tickercontainer .mask,ul.newsticker{-webkit-transition:all 0 linear;-moz-transition:all 0 linear;-o-transition:all 0 linear;transition:all 0 linear;list-style:none;margin:0}
.tickercontainer{margin:0;padding:0;overflow:hidden}
.tickercontainer .mask{position:relative;overflow:hidden}
.newsticker{position:relative;list-style-type:none;margin:0;padding:0}
ul.newsticker{-webkit-transition:all 0s linear;-moz-transition:all 0s linear;-o-transition:all 0s linear;transition:all 0s linear;position:relative;list-style-type:none;margin:0;padding:0}
.tickeroverlay-right{display:none}
.tickeroverlay-left{display:none}

الأن سوف تبحث عن هذه الوسموتقوم بوضع الكود التالى فوقه.


ايضا سوف تبحث عن هذا الوسموتقوم بضع الكود التالى فوقه.



الأن مع اخر كود وسوف يكون عليك وضعه فى المكان الذى تريد أن يظهر الشريط به.






]]>
















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

اضافة شريط اخبار جديد لمدونات بلوجر يعمل بأكثر من طريقة لعرض المواضيع
سوف تجد فى الإضافة الكود هذا  هذا الكود يجلب اخر 5 مواضيع من مدونتك بشكل تلقائى يمكنك أيضا أن تجعل الشريط يعمل على جلب مواضيع حسب التسميات بأستخدام هذا الكود بدل من الكود الذى فى الإضافة.

فى الكود الثاني سوف يكون عليك تغيير التسمية بما تريد وايضا يمكنك التحكم فى عدد المواضيع ، بعد ذلك يمكنك حفظ الإضافة ومبروك عليك.

هذا كل شئ فى موضوع اليوم بالتوفيق للجميع وأنتظرونا بكل جديد بأذن الله على المدونة ، لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق .

تعليقات