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

السلام عليكم ومرحبا بكم في موقع الوليد نت

اضافة اليوم هيا عبارة عن شريط اخبار يعرض اخر التدوينات على مدونات بلوجر بطريقة إحترافية

الاكواد تمتاز بأخر الاكواد البرمجية الحصرية

معاينة الكود

شرح التركيب

إبحث على

</head

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

<b:tag name='style' type='text/css'>
<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.png

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

Default