نسخ كود سحابة الوسوم

اضغط نسخ الكود وبعدها الصقه في نهاية المقال في بلوجر في وضع HTML
<!--================== START IA BLOG TAG CLOUD ALL ==================-->

<div id="iaBlogTagCloudWrap" style="background: rgb(15, 36, 51); border-radius: 14px; border: 1px solid rgba(15, 36, 51, 0.2); box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 20px; color: white; direction: rtl; margin: 14px 0px; padding: 16px;">
  <div style="color: white; font-size: 16px; font-weight: 800; margin-bottom: 10px;">
    سحابة الوسوم
  </div>

  <div id="iaBlogTagCloudMsg" style="font-size: 13px; margin-bottom: 10px; opacity: 0.8;">
    جاري تحميل الوسوم
  </div>

  <div id="iaBlogTagCloud" style="align-items: center; display: flex; flex-wrap: wrap; gap: 8px;"></div>
</div>

<script>
/* ===== IA BLOG TAG CLOUD ALL START ===== */
(function(){
  var blogUrl = window.location.origin

  var TOTAL_POSTS_TO_SCAN = 800
  var PER_PAGE = 150

  var MAX_TAGS_TO_SHOW = 60
  var MIN_REPEAT = 2

  var MIN_FONT = 12
  var MAX_FONT = 22

  var SHOW_COUNT = true

  var cloud = document.getElementById("iaBlogTagCloud")
  var msg = document.getElementById("iaBlogTagCloudMsg")
  var wrap = document.getElementById("iaBlogTagCloudWrap")
  if(!cloud || !wrap) return

  var counts = {}
  var seenPages = 0
  var neededPages = Math.ceil(TOTAL_POSTS_TO_SCAN / PER_PAGE)
  if(neededPages < 1) neededPages = 1

  function clamp(n,a,b){ return Math.max(a, Math.min(b, n)) }

  function esc(s){
    return String(s||"")
      .replace(/&/g,"&amp;")
      .replace(/</g,"&lt;")
      .replace(/>/g,"&gt;")
  }

  function render(){
    var labels = Object.keys(counts).map(function(k){
      return { term: k, count: counts[k] }
    })
    .filter(function(x){ return x.count >= MIN_REPEAT })
    .sort(function(a,b){ return b.count - a.count })
    .slice(0, MAX_TAGS_TO_SHOW)

    if(!labels.length){
      if(msg) msg.textContent = "مفيش وسوم متكررة كفاية"
      return
    }

    var allCounts = labels.map(function(x){ return x.count })
    var min = Math.min.apply(null, allCounts)
    var max = Math.max.apply(null, allCounts)

    var html = labels.map(function(x){
      var t = (max === min) ? 0.5 : (x.count - min) / (max - min)
      var size = clamp(MIN_FONT + t * (MAX_FONT - MIN_FONT), MIN_FONT, MAX_FONT)

      var href = blogUrl + "/search/label/" + encodeURIComponent(x.term)

      return ""
        + "<a href='" + href + "' style='"
        + "display:inline-flex;"
        + "align-items:center;"
        + "gap:8px;"
        + "padding:8px 12px;"
        + "border-radius:999px;"
        + "background:rgba(255,255,255,.10);"
        + "border:1px solid rgba(255,255,255,.14);"
        + "color:#ffffff;"
        + "text-decoration:none;"
        + "font-weight:700;"
        + "font-size:" + size.toFixed(0) + "px;"
        + "transition:all .15s ease;"
        + "' "
        + "onmouseenter='this.style.background=\"rgba(46,204,178,.18)\";this.style.borderColor=\"rgba(46,204,178,.45)\";this.style.transform=\"translateY(-2px)\"' "
        + "onmouseleave='this.style.background=\"rgba(255,255,255,.10)\";this.style.borderColor=\"rgba(255,255,255,.14)\";this.style.transform=\"translateY(0)\"' "
        + "title='" + esc(x.term) + "'>"
        + "<span>" + esc(x.term) + "</span>"
        + (SHOW_COUNT ? "<span style='"
            + "display:inline-flex;"
            + "align-items:center;"
            + "justify-content:center;"
            + "min-width:24px;"
            + "height:18px;"
            + "padding:0 7px;"
            + "border-radius:999px;"
            + "font-size:11px;"
            + "background:rgba(0,0,0,.22);"
            + "border:1px solid rgba(255,255,255,.10);"
            + "opacity:.95;"
          + "'>" + x.count + "</span>" : "")
        + "</a>"
    }).join("")

    cloud.innerHTML = html
    if(msg) msg.textContent = "تم تحميل الوسوم"
    setTimeout(function(){ if(msg) msg.style.display = "none" }, 800)
  }

  window.iaTC_cb = function(data){
    try{
      var entries = data && data.feed && data.feed.entry ? data.feed.entry : []
      for(var i=0;i<entries.length;i++){
        var cats = entries[i].category || []
        for(var j=0;j<cats.length;j++){
          var term = cats[j].term
          if(!term) continue
          counts[term] = (counts[term] || 0) + 1
        }
      }
    } catch(e){}

    seenPages++
    if(msg) msg.textContent = "جاري تحميل الوسوم " + Math.min(seenPages, neededPages) + " من " + neededPages

    if(seenPages >= neededPages){
      render()
    }
  }

  function loadPage(startIndex){
    var s = document.createElement("script")
    s.src = blogUrl
      + "/feeds/posts/default"
      + "?alt=json-in-script"
      + "&max-results=" + PER_PAGE
      + "&start-index=" + startIndex
      + "&callback=iaTC_cb"
    document.body.appendChild(s)
  }

  function start(){
    if(msg) msg.textContent = "جاري تحميل الوسوم"
    for(var p=0;p<neededPages;p++){
      loadPage(1 + (p * PER_PAGE))
    }
  }

  if(document.readyState === "loading"){
    document.addEventListener("DOMContentLoaded", function(){ setTimeout(start, 120) })
  } else {
    setTimeout(start, 120)
  }
})()
/* ===== IA BLOG TAG CLOUD ALL END ===== */
</script>

<!--================== END IA BLOG TAG CLOUD ALL ==================-->
اتنسخ