أدخل كلمة للبحث

كيفية اضافة شريط اخبار للمدونة عائم اسفل المدونة




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







شرح التركيب للإضافة


إذا كنت تريد تعلم الطريقة بالفيديو تفضل




  1. قم بالدخول الي القالب ثم تحرير القالب
  2. ثم قم بالبحث عن الوسم هذا ]]></b:skin> 
  3. ثم ضع الكود التالي فوق الوسم


/* ------------------------------
* جديدنا
* ------------------------------ */
.content-wrap.container-wrapper {
    overflow: hidden;
    border-top: 4px solid #ff5722;
}
.post-tag {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0px 5px;
  font-size: 13px;
  margin-left: 4px;
  color: #fff !important;
  font: 13px/1.5em tahoma;
  background-color: #ff5722;
}
.ticker .tickercontainer {
  margin: 0;
  overflow: hidden;
  height: 40px;
}
.ticker .tickercontainer .mask {position: relative;top: 6px;overflow: hidden;height: 40px;}
.ticker ul.newsticker {position: relative;right: 100px;list-style-type: none;margin: 0;padding: 0;height: 40px;}
.ticker ul.newsticker li {float: right;padding: 2px;height: 40px;margin-left: 15px;}
.ticker ul.newsticker a {
  white-space: nowrap;
  padding: 0 7px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  border-radius: 1px;
  font-family: 'neo sans';
}
a.post-tag {line-height: 21px;}
.newsticker .recent-title{display: inline-block;}
.ticker ul.newsticker span {margin: 0 0 0 10px;}
.ticker ul.newsticker .sep {display: inline-block;width: 6px;height: 7px;margin: 0 40px;}
.ticker-section {
  width: 100%;
  overflow: hidden;
  background: #F7F7F7;
  z-index: 9999;
  position: fixed;
  bottom: 0;
}

  1. بعد وضع الكود قم بابحث عن الوسم هذا </body> 
  2. ثم ضع الكود التالي فوقه  



<script src='https://cdn.rawgit.com/cnblogger/cn3u/master/Ticker.js'/>
<script>
  //<![CDATA[
$(".ticker .jari").each(function () {
 var e = $(this).text();
 if (e.match("recent")) {
  $.ajax({
   url: "/feeds/posts/default?alt=json-in-script&max-results=6",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 } else {
  $.ajax({
   url: "/feeds/posts/default/-/" + e + "?alt=json-in-script&max-results=10",
   type: "get",
   dataType: "jsonp",
   success: function (e) {
    var t = "";
    var n = "<ul>";
    for (var r = 0; r < e.feed.entry.length; r++) {
     for (var i = 0; i < e.feed.entry[r].link.length; i++) {
      if (e.feed.entry[r].link[i].rel == "alternate") {
       t = e.feed.entry[r].link[i].href;
       break
      }
     }
     var s = e.feed.entry[r].title.$t;
     var o = e.feed.entry[r].category[0].term;
     n += '<li><a href="/search/label/' + o + '" class="post-tag">' + o + '</a><h3 class="recent-title"><a href="' + t + '">' + s + "</a></h3></li>"
    }
    n += "</ul>";
    $(".ticker .jari").each(function () {
     $(this).html(n);
     $(this).prev("h2").prepend('<i class="fa fa-thumb-tack"></i>');
     $(this).removeClass("widget-content").addClass("layout-content");
     $(this).find("ul").webTicker();
     $("p.trans").each(function () {
      var e = $(this).text();
      var t = $(this).attr("data-tran");
      $("#pages-wrapper *").replaceText(e, t)
     })
    })
   }
  })
 }
});
      //]]>


  1. بعد وضع الكود قم بالبحث عن الوسم هذا <head/> 
  2. ثم قم بوضع الكود التالي قبله ( تحته ) كما موضح في الصورة



<!-- جديدنا -->
<div class='clear'/>
<div class='ticker ticker-section' id='ticker'>
   <div>
     <div>
<div class='content-wrap container-wrapper '>

  <div class='jari'>
    recent
  </div>
       </div>
</div>
   </div>
 </div>


ثم قم بحفظ القالب ومبروك عليك الإضافة واذا اعجبك الموضوع الرجاء مشاركة الموضوع لكي يستفيد اصدقائك

Mohammed Nasr

:) :) :) :)

هناك تعليق واحد:

  1. Why should I play at MGM National Harbor? - DRMCD
    MGM National Harbor 구미 출장안마 is the perfect place to do business. We're giving 밀양 출장안마 you 포항 출장안마 the latest casino news and 동해 출장마사지 information on our MGM National Harbor has a gambling license in 양산 출장샵 the state.

    ردحذف