شريط اخر الأخبار بشكل جديد رائع لمدونات بلوجر
شريط اخرالأخبار بشكل جديد لمدونات بلوجر يعرض اخر المواضيع فى مدونتك بشكل رائع مع ايضا عرض التسمية الخاصه بكل موضوع وكما ايضا عرضا على المدونة فى قسم شريط الأخبار سوف تجد به الكثير من نفس هذا الموضوع ولكن للأسف قد تجد بعض المواضيع لا تعمل بسبب التواقف لجوجل كود من قبل ويمكنك معانية الإضافة من الرابط التالى نمر الأن لشرح التركيب .
صورة للإضافة
شرح التركيب
قم بالبحث عن هذا الوسم فى مدونتك
]]></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 != ""'> <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 تعليق على موضوع : شريط اخر الأخبار بشكل جديد رائع لمدونات بلوجر
الأبتساماتأخفاء الأبتسامات