اضافات بلوجر والووردبريس

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

شريط اخبار لمدونات بلوجر مثبت يعرض اخر المواضيع

اضافة شريط اخر الاخبار لمدونات بلوجر

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

لمعاينة الاضافه من هنا : 

اضغط هنا للمعاينه

شرح التركيب :

إبحث على </head>

وضع الكود التالي فوقه مباشرة :

<b:if cond=’data:view.isMultipleItems’>
.clearfix:after,.clearfix:before,.container:after,.container:before{display:table;content:” “}
.container{position:relative}
@media (min-width:1200px){.container{width:1170px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:768px){.container{width:750px}}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}#breakingnews{background-color:#003350;bottom:0;height:50px;position:fixed;right:0;width:100%;z-index:9999}
#breakingnews .title{background-color:#d60f0a;float:right;height:65px;line-height:65px;position:relative;text-align:center;top:-15px;width:4%}
#breakingnews .title img{height:40px;width:40px;margin-top: 14px}
#breakingnews .title::after{border-style:solid;border-width:0 0 15px 15px;border-color:transparent transparent #cc0500 transparent;_border-color:#000000 #000000 #cc0500 #000000;_filter:progid:DXImageTransform.Microsoft.Chroma(color=’#000000′);content:””;display:inline-block;height:0;left:-15px;line-height:0;position:absolute;top:0;width:0}
.marquee{direction:ltr;float:right;height:50px;overflow:hidden;width:96%}
#breakingnews .marquee .js-marquee ul
li{direction:rtl;display:inline-block;float:right;font-size:18px;line-height:50px;margin:0
0 0 35px;padding:0
0 0 35px;position:relative}
#breakingnews .marquee .js-marquee ul li::before{background-image:url(“https://3.bp.blogspot.com/-SNBlBpT1tl8/W37if-2FziI/AAAAAAAAFrI/yqFcWsaYT7Ac665x0AhkzJx2EHpyoG5OQCLcBGAs/s1600/small-logo.png”);background-size:35px 35px;content:””;display:inline-block;height:35px;left:-35px;line-height:35px;margin:0
15px;position:absolute;top:5px;width:35px}
#breakingnews .marquee .js-marquee ul li
a{color:#fff}
#breakingnews .marquee .js-marquee ul li a:hover{color:#e01914}
#breakingnews
button.closebtn{background-color:#df0303;border:medium none;border-radius:3px;color:#fff;float:left;font-family:play;font-size:20px;height:30px;left:5px;line-height:30px;padding:0;position:absolute;text-align:center;top:10px;width:30px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
#breakingnews button.closebtn:hover{background-color:#d00000}
</b:if>
</b:tag>

الان إبحث على :

</body>

وضع الكود التالي فوقه مباشرة طبعا بعد تحميله ↓

اضغط لتحميل الكود

الان لتغيير اللوجو الموجود في الاضافه إبحث على رابط الصورة وغيره بالصورة التي تريدها :

https://3.bp.blogspot.com/-SNBlBpT1tl8/W37if-2FziI/AAAAAAAAFrI/yqFcWsaYT7Ac665x0AhkzJx2EHpyoG5OQCLcBGAs/s1600/small-logo.pn

الان إحفظ القالب ومبروك عليك الاضافة

الوسوم
اظهر المزيد

AHMED ADLY

مهتم بكل ما هو جديد في عالم الانترنت وتطوير المواقع وغيرها ..

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

إغلاق
إغلاق