الموقع معروض للبيع، اذا كنت ترغب بشرائه تواصل معنا. متابعة

إضافة أداة إختصار الروابط بشكل تلقائي في مدونة بلوجر

إختصار الروابط Safelink - هي أداة تضاف في المدونة تُستخدم لاكتشاف ما إذا كان الرابط المطلوب آمناً من الفيروسات والبرامج الضارة أو لا
إضافة أداة إختصار الروابط بشكل تلقائي في بلوجر

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



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



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



فوائد إنشاء إختصار الروابط في المدونة الرئيسية

  • لا تحتاج لإنشاء مدونة جديدة. 
  • لا تحتاج لشراء دومين جديد. 
  • البقاء في المدونة يعني أنها تزيد تلقائياً من مشاهدات الصفحة. 
  • زيادة في الأرباح مع زيادة مشاهدات الصفحة.


خطوات تركيب أداة إختصار الروابط في بلوجر

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

  • الخطوة الأولى :- أبحث عن <head> والصق الكود أدناه تحته مباشرةً.
    
    <script async='async' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
    


    الخطوة الثانية :- أبحث عن </head> والصق الكود أدناه فوقه مباشرةً.
    
    <style>
    /* SafeLink - https://www.emtidad.info
    ----------------------------------------------- */
    .but-safeurl-text{line-height:22px;bottom:20px;left:20px;position:fixed;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(-60deg,#ff5858 0,#f09819 100%);line-height:39px;height:40px;width:40px;z-index:50;border-radius:100%;animation:codepro-noti 2s 0s ease-out infinite}
    .but-safeurl-text svg{fill:none!important;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;width:22px;height:22px}
    
    .safeWrap{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
    .panel-primary{background:#fff;text-align:center;display:block;overflow:hidden;width:100%;max-width:85%;padding:0 0 25px 0;border-radius:5px;margin:15% auto;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
    .panel-body{position:relative;margin:0 25px}
    .panel-heading h2{background-image:linear-gradient(-20deg,#fc6076 0,#ff9a44 100%);color:#fff;margin:0 auto 25px auto;font-weight:400;padding:15px;font-size:20px}
    .panel-body input{background:rgba(0,0,0,0.04);width:90%;padding:15px;border-radius:5px;border:1px solid transparent;font-size:16px;color:#000;outline:0;text-indent:60px;transition:all .3s}
    .panel-body input:focus{background:#fff;color:#000;border-color:#ff9a44;outline:0;box-shadow:0 0 5px rgba(0,0,0,0.1)}
    .panel-body .input-group-btn{position:absolute;top:0;left:0}
    .panel-body button{border-radius:5px 0 0 5px;background-image:linear-gradient(-20deg,#fc6076 0,#ff9a44 100%);color:#fff;border:0;padding:12px 24px;font-weight:500;outline:0;transition:all .3s}
    .panel-body button:hover,.panel-body button:focus{background:#fc6076;outline:0}
    #generatelink{margin:20px auto 0 auto}
    #generatelink button{background:#ff9a44;border-radius:5px;font-size:14px;padding:10px 25px}
    #generatelink button:hover,#generatelink button:focus{background:#ff9a44;border-radius:5px;font-size:14px}
    #generatelink input{background:rgba(0,0,0,0.05);text-indent:0}
    #generatelink input:hover,#generatelink input:focus{background:#ff9a44;border-color:transparent;box-shadow:none}
    #generateloading{margin:20px auto 0 auto;font-size:20px;color:#ff9a44;font-weight:normal}
    .bt-success{display:inline-flex;align-items:center;margin:15px 15px;padding:10px 20px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:#ff9a44;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%;line-height:2em}
    .bt-success:hover{color:#ff9a44;background-color:transparent;border:1px solid #ff9a44}
    .hidden,.bt-success.hidden{display:none}
    a.wcSafeClose{display:inline-flex;align-items:center;margin:15px auto -15px;padding:5px 15px;outline:0;border:0;border-radius:2px;background-image:linear-gradient(-20deg,#fc6076 0,#ff9a44 100%);color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%;line-height:2em}
    .copytoclipboard{margin:10px auto 5px}
    #timer{margin:15px auto 15px auto;width:80px;text-align:center}
    .pietimer{position:relative;font-size:150px;width:75px;height:75px}
    .pietimer>.percent{position:absolute;top:25px;right:12px;width:3.33em;font-size:18px;text-align:center;display:none}
    .pietimer>.slice{position:absolute;width:1em;height:1em;clip:rect(0px,1em,1em,0.5em)}
    .pietimer>.slice.gt50{clip:rect(auto,auto,auto,auto)}
    .pietimer>.slice>.pie{border:.06em solid #c0c0c0;position:absolute;width:65px;height:65px;clip:rect(0em,0.5em,1em,0em);border-radius:.5em}
    .pietimer>.slice>.pie.fill{-moz-transform:rotate(180deg)!important;-webkit-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;transform:rotate(180deg)!important}
    .pietimer.fill>.percent{display:none}
    .pietimer.fill>.slice>.pie{border:transparent;background-color:#c0c0c0;width:65px;height:65px}
    #generateloading svg{width:22px;height:22px;fill:#ff9a44}
    .btn-primary svg{fill:none;stroke:#fff;stroke-width:1.5;width:22px;height:22px;vertical-align:-5px;margin-left:10px}
    @media screen and (max-width:768px){.panel-body .input-group-btn{display:block;position:relative;overflow:hidden;margin:20px auto 0 auto}.panel-body button{border-radius:5px;width:100%}}
    @media screen and (max-width:480px){.panel-primary{margin-top:30%}}
    </style>
    


    الخطوة الثالثة :- أبحث عن هذا الكود <data:post.date/> قم بحذفه والصق الكود أدناه بدلا منه، قد تجد هذا الكود مكرر اكثر من مرة لكن المسؤول عن المنشورات هو المطلوب.
    
    <div id='timer'/>
    <div style='text-align: center'>
    <button class='bt-success hidden' disabled='' id='wcGetLink'>
    التالي 
    </button></div>
    <data:post.body/>
    <div style='text-align: center'>
    <button class='bt-success hidden' disabled='' id='gotolink'>
    الانتقال إلى الرابط 
    </button>
    </div>
    </div>
    


    الخطوة الرابعة :- أبحث عن </body> والصق الكود أدناه فوقه مباشرةً.
    
    <script>
    //<![CDATA[
    /* safeLink - https://www.emtidad.info */
    var setTimer = 15;
    var setColor = '#ff9a44';
    var setText = 'يرجى الإنتظار ...';
    var setCopyUrl = 'نسخ الرابط ';
    var setCopied = 'تم نسخ الرابط ';
      
    document.addEventListener ("DOMContentLoaded", globalscript);
    function globalscript() {let script = document.createElement('script');script.defer = true;
    script.src = "https://cdn.jsdelivr.net/gh/choipanwendy/safelink-v1.1@main/wcsafelink.js";
    document.body.append(script);};
    //]]> 
    </script>
    


    الخطوة الخامسة :- هذا الكود هو كود الأداة يمكنك اضافته في اي مكان داخل القالب لكن انصحك باضافته فوق </body>
    
    <div class='but-safeurl-text'>
    <a class='wcSafeShow' for='wcSafeShow' itemprop='url'>
    <svg viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z'/><polyline points='5.8859 9.8748 7.7779 11.7698 11.6759 7.8698'/></g></svg>
    </a>
    </div>
    <div class='safeWrap hidden'>
    <div class='panel-primary'>
    <div class='panel-heading'>
    <h2>اختصار الروابط</h2>
    </div>
    <div class='panel-body'>
    <input autocomplete='off' id='generateurl' oninvalid='this.setCustomValidity(&apos;Please Enter valid link&apos;)' placeholder='ضع الرابط هنا ...' required='required' type='url'/>
    <span class='input-group-btn'>
    <button class='btn-primary' id='btngenerate' oninvalid='this.setCustomValidity(&apos;Please Enter valid link&apos;)' required='required' type='button'>
    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18.865 5.1238C19.302 5.2768 19.594 5.6888 19.594 6.1518V12.9248C19.594 14.8178 18.906 16.6248 17.691 18.0248C17.08 18.7298 16.307 19.2788 15.486 19.7228L11.928 21.6448L8.364 19.7218C7.542 19.2778 6.768 18.7298 6.156 18.0238C4.94 16.6238 4.25 14.8158 4.25 12.9208V6.1518C4.25 5.6888 4.542 5.2768 4.979 5.1238L11.561 2.8108C11.795 2.7288 12.05 2.7288 12.283 2.8108L18.865 5.1238Z'/><path class='svg-c' d='M9.32251 11.9177L11.2145 13.8107L15.1125 9.91269'/></svg>توليد</button></span>
    <div class='hidden' id='generateloading'>
    <svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>
    <div class='hidden' id='generatelink'>
    <input id='resulturl' onclick='this.focus();this.select()' readonly='readonly' type='text'/>
    <button class='copytoclipboard' data-clipboard-action='copy' data-clipboard-target='#resulturl' id='copytoclipboard'>نسخ الرابط</button></div></div>
    <a class='wcSafeClose' href='javascript:void'>إغلاق</a>
    </div></div>
    


    الخطوة السادسة :- إضافة سكربت اختصار جميع الروابط بشكل تلقائي لإضافة هذا السكربت أبحث عن </body> والصق الكود أدناه فوقه مباشرةً.
    
    <script type='text/javascript'>
    //<![CDATA[
    var setting = {
     exceptionurl : "tumblr.com,blogger.com,https://bit.ly/,https://t.me/joinchat/,whatsapp.com,linkedin.com,pinterest.com,google.com,twitter.com,facebook.com",
     path : "#?o="
    };
    //]]>
    </script>
    <script src='https://cdn.jsdelivr.net/gh/MohammadQt/Itheric/Auto.link.js'/>
    <script src='https://www.blogger.com/feeds/xxxxxxxx/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl'/>
    

    لا تنسى تغيير xxxxx ب id المدونة الخاصة بك

    وصلنا لنهاية موضوع اليوم، اذا واجهتك اي مشكلة في تركيب الإضافة لا تتردد في التواصل معي

    إرسال تعليق

    إمتداد ويب © 2021 - 2022