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

الصفحات

أخر المشاركات

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

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


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


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

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


reaction:

تعليقات