-->
علاء الغزالي للمعلوميات علاء الغزالي للمعلوميات
recent

آخر الأخبار

recent
recent
جاري التحميل ...

شريط اخر الأخبار بشكل جديد رائع لمدونات بلوجر

شريط اخر الأخبار بشكل جديد رائع لمدونات بلوجر


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

صورة للإضافة



شرح التركيب

قم بالبحث عن هذا الوسم فى مدونتك

]]></b:skin>

ثم ضع فوقه الكود التالى . 


.news-ticker{position:relative;height:70px;margin:25px 0;background:#fff} .ticker-inner{padding:0;margin:0;list-style:none;position:Absolute;top:0} .tickercontainer{float:left;width:-webkit-calc(100% - 120px)!important;width:calc(100% - 120px)!important;height:70px;overflow:hidden;position:relative} .ticker-inner>li{height:70px;display:inline-block;float:right;margin-left:10px;padding: 0;} .ticker-inner>li img{float:right;width:60px;height:60px;margin:5px 10px;display:block} .ticker-inner>li .content{float:left;padding-top: 5px;} .ticker-inner>li .content .recentLabel{font-size:13px!important;line-height:20px!important;margin:5px 0;color:#fff;background:#F30;padding:0 10px} .ticker-inner>li .content h3{margin:0;line-height:30px!important} .ticker-inner>li .content h3 a{color:#000} .ticker-inner>li .content h3 a:hover{color:#FB3200} .ticker-label{float:right;background:#FB3200;width:120px;position:relative;height:70px;font-size:0!important;text-align:Center;color:#fff;line-height:70px!important} span.ticker-label i{font-size:15px!important} span.ticker-label:after{content:'اخر الأخبار'!important;font-size:15px!important;margin-right:5px}

الأن أبحث عن هذا الوسم

</head>

ثم ضع فوقه الكود التالى .


  • الان مع الكود الأخير والذى سوف تضعه فى المكان الذى تريده

<!-- News Ticker --> <div class='ticker-style inner'> <b:section class='forNewsTicker' id='forNewsTicker' maxwidgets='1'> <b:widget id='HTML258' locked='false' title='' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class='news-ticker'></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </div>


الأن تقوم بحفظ القالب وأنتقل الى التخطيط
سوف تجد أضافة جديده فى التخطيط وهى الخاصه بالإضافة
وسوف تجد بها الكود هذا

<div class='news-ticker'></div>


واذا لم تجده سوف تقوم بوضعه من جديد ومبروك عليك


وهكذا كان موضوع اليوم بالتوفيق للجميع فى أمان الله

لا تنس مشاركة الموضوع حتى يتسفيد غيرك وأى مشكلة تجدها تضعها فى تعليق


كاتب الموضوع

علاء الغزالي

0 تعليق على موضوع : شريط اخر الأخبار بشكل جديد رائع لمدونات بلوجر

  • اضافة تعليق

  • الأبتساماتأخفاء الأبتسامات



    التعليقات

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

    إتصل بنا

    زوار المدونة

    اشخاص شاهدوا الموضوع

    احصاءات المدونة

    ';

    روابط منوعة

    تابعونا على مواقع التواصل الاجتماعي

    جميع الحقوق محفوظة لـ

    علاء الغزالي للمعلوميات

    2017

    مرحبا بكم, نشكركم على زيارة مدونتنا, نتمنى أن تكون قد حصلت على ما كنت تبحث عنها هنا, ولا تنسى الإنضمام الى متابعي المدونة الأوفياء لتكون أول من يعرف بجديد مواضيعنا, دمتم في آمان الله .. مدير المدونة