كود اضافة "انت قادم من" لمدونات بلوجر والمواقع حصريا

بسم الله الرحمان الرحيم

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

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

ربما لم يتضح لك الامر لكن بعد مشاهدة المعاينة سوف ترى وكما قلت فلن تجد اي شرح مماثل او كود مماثل فه; عبارة عن مجهود شخصيوحصري في حالة ما ان تم النقل

لذا بدون اطالة 

معاينة

شرح التركيب

قم بتحرير قالب مدونتك وابحث عن الوسم التالي

</body>

اضف فوقه مباشرة الكود التالي

<div id='popup' dir="rtl" class="popup-container">
<script>
var url = document.referrer;
var arr = url.split("/");
var result = arr[0] + "//" + arr[2];
document.write("انت قادم من <br/>"+result)
      </script>
</div>
<style>
.popup-container{
 width:50%;
 height:50px;
 background-color:white;
 border: 2px solid black;
font-family:tahoma;
font-size:12px;
font-weight:bold;
 position: fixed;
right:5px;
 top:-100px;
 transition: 2s;
}
</style>
<script>
function animateDiv(){
  var popup = document.getElementById("popup");

  popup.style.top = "150px";
setTimeout(function(){ popup.style.display="none"; }, 5000);
 }
if (document.referrer=="" || result=="https://astuce-hassoubi.blogspot.com") {
document.getElementById("popup").style.display="none";
}else
{
window.onload=animateDiv;
}
</script>

تحديد الكل

غير الرابط التالي برابط مدونتك مع احترام البروتوكل بعني ان كان موقعك يستخدم برتوكول HTTP او  HTPPS

https://astuce-hassoubi.blogspot.com
اما بخصوص التنسيق
استبدل كلمة انت قادم من  برسالتك
الرقم التالي يعبر عندد الثواني قبل غلق الرسالة

setTimeout(function(){ popup.style.display="none"; }, 5000);

علم ان ثانية واحدة=1000
و

width:50%;
    height:50px;
    background-color:white;

اللون الاخصر يعبر عن عرض الرسالة
اللون الازرق يعبر عن ارتقاع الرسالة
واللن الاصفر يعبر عن لون خلفية الرسالة
كان هذا كل شيء آمل ان اكون قد وفقت والسلام عليكمو رحمة الله تعالى وبركاته

• غرّد
• شارك
• شارك
• شارك
• شارك