اضافة صفحة إعادة توجيه لمدونات بلوجر + سكربت اختصار تلقائي

السلام عليكم ومرحبا بكم في مدونة عبدو تكنولوجي 

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

وسبقى ونشرت كيفية اضافة صفحة اختصار روابط يمكنك معاينتها من هنا 

معاينة الاضافة من هنا

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

• اولا ابحث في القالب على </head>  وضع الكود التالي فوقه مباشرة 

<style type='text/css'>

/*<![CDATA[*/

.abdoutech-com-redirect{font-style:normal;margin:0 auto;display:block;text-align:center}

.abdoutech-com-redirect .file{font-size:27px;margin:16px auto}

.abdoutech-com-redirect .box-redirect-quick{padding:22px;background:#552a86;margin:9px auto;width:80%;border-radius:5px;color:#fff;text-align:center;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}

.abdoutech-com-redirect .box-redirect-quick i.fa-link{font-size:28px;background:#fff;padding:12px;color:#46315e;border-radius:50px;width:50px;height:50px;margin:13px auto}

.abdoutech-com-redirect .box-redirect-quick .tools-quick{padding:8px}

.abdoutech-com-redirect .box-redirect-quick .tools-quick input{padding:1em;border:1px solid #46315e;font-family:inherit;width:100%;margin:8px auto}

.abdoutech-com-redirect .box-redirect-quick .tools-quick button{background:#fff;padding:10px 16px;border:0;font-family:inherit;cursor:pointer}

.abdoutech-com-redirect .box-redirect-quick .result-redirect-url{text-align:center;border:0;margin:0 auto;margin-bottom:14px;width:76%;height:0;overflow:hidden;display:block;transition:all .4s ease-in-out}

.abdoutech-com-redirect .box-redirect-quick .result-redirect-url.done{height:40px;transition:all .4s ease-in-out}

/*]]>*/

</style>

• ثانيا ابحث في القالب على </body> وضع الكود التالي فوقه 

تحميل الكود من هنا 

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

<i class="abdoutech-com-redirect"></i>

الان مبروك عليك الاضافة لاتنسى الاشتراك في المدونة لكي تتوصل بكل جديد

المصدر:عبدوتك