recent
أخبار ساخنة

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

Walid Al-Bana
الصفحة الرئيسية
اضافة شريط اخبار مثبت يعرض اخر المواضيع على مدونات بلوجر
السلام عليكم ومرحبا بكم في موقع الوليد نت
اضافة اليوم هيا عبارة عن شريط اخبار يعرض اخر التدوينات على مدونات بلوجر بطريقة إحترافية 


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


شرح التركيب
إبحث على
</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

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


google-playkhamsatmostaqltradent