صفحة اعادة توجيه الروابط لمدونات بلوجر مع العداد و الربح منها

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

سوف أقدم لكم شريط أخبار متحرك يعرض للزائر أخر المواضيع بالمدونه

يشكل اتوماتيكى ومن مميزات هذا الشريط الاخبارى بسرعة التحميل و لا يشكل

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

بطء للمدونة باختلاف بعض إضافات بلوجر الاخرى لان سرعة المدونة

مهمة جدا"خصوصا في السيو

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

معاينه

شرح تركيب الأضافه

1. أذهب الى المدونه التى تريد التعديل عليها
2. وثم توجه الى المظهر ولا تنسى أن تحتفظ بنسخه أحطياطيه
3. ثم أضغط على تعديل HTML
4. ثم أضغط ctrl + f
5. ثم أبحث عن الواسم </head>
6. وضع الكود التالي فوقه مباشرة :

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQMWsyhS1TBexAO8OSFBEdEIapZZPuffcH7z9DBS4A-XKsN3TJJ3jA8_0X1XjPHsWFv_hZVCXE_pqzoavy61txsxCJAFClXKM8WRgRwrSqFLzkGKav6T2Jp4a9YWKny4eI5fw-b7TArQ/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsQMWsyhS1TBexAO8OSFBEdEIapZZPuffcH7z9DBS4A-XKsN3TJJ3jA8_0X1XjPHsWFv_hZVCXE_pqzoavy61txsxCJAFClXKM8WRgRwrSqFLzkGKav6T2Jp4a9YWKny4eI5fw-b7TArQ/s1600/small-logo.pn