مرحبا بكم في مدونة أدمغة تقنية

اشترك في قناتنا

عن المدونة

close
  • انضم لمعجبي صفحتنا على الفيسبوك
  • انضم لمتابعينا على جوجل بلس
  • انضم لافضل المتابعين على تويتر
  • اشترك مع جيشنا على اليوتوب
  • انضم معنا على مؤسسة لينكيدان
قالب إعاة التوجيه بسيط و أنيق

قالب إعاة التوجيه بسيط و أنيق



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



  1. نذهب إلى موقع blogger
  2. نذهب إلى قالب --> تحرير HTML
  3. نضغط على CTRL +A لتحديد جميع الأكواد
  4. نقوم بحذف جميع الأكواد (و من الأفضل إضافة قالب التنظيف)
  5. و نقوم بنسخ ولصق هذا القالب 


<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  &lt;head&gt;
  <title>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
      <data:blog.pageTitle/>
      <b:else/>
      <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
        <data:blog.pageName/>
        - 
        <data:blog.title/>
        <b:else/>
        404 - 
        <data:blog.title/>
      </b:if>
    </b:if>
  </title>
  <!-- meta tags -->
  <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
    <meta content='article' property='og:type'/>
  </b:if>
  <b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
    </b:if>
  </b:if>
  <b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='og:description'/>
  </b:if>
  <meta expr:content='data:blog.title' property='og:site_name'/>
  <meta expr:content='data:blog.homepageUrl' name='twitter:domain'/>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <b:if cond='data:blog.postImageUrl'>
    <meta content='summary_large_image' name='twitter:card'/>
    <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
    <b:else/>
    <meta content='summary' name='twitter:card'/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
      <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
    </b:if>
  </b:if>
  <meta expr:content='data:blog.pageName' name='twitter:title'/>
  <b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  </b:if>
  <!-- Social Media meta tag need customer customization -->
  <meta content='Facebook App ID here' property='fb:app_id'/>
  <meta content='Facebook Admin ID here' property='fb:admins'/>
  <meta content='@username' name='twitter:site'/>
  <meta content='@username' name='twitter:creator'/>
  <!-- end meta tags -->
  <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
  <b:if cond='data:blog.isMobile'>
    <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
    <b:else/>
    <meta content='width=1100' name='viewport'/>
  </b:if>
  <b:include data='blog' name='all-head-content'/>
  <b:skin><![CDATA[
    /*
-----------------------------------------------
----------------------------------------------- */
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
body {background:#ffffff;color:#3498db;text-align:center;font-family:sky}
h1 {font-weight:700;font-size:44px;}
h2 {font-size: 20px;}
h2.thanks {font-weight: bolder;}
/*Fonts*/
@font-face{font-family:'sky';src:url('//www.fontstatic.com/fonts/sky/sky.eot?#iefix');src:local('السماء'),local('sky'),url('//www.fontstatic.com/fonts/sky/sky.woff') format('woff');}
/*Thanks Heart*/
#heart {
position: relative;
width: 100px;
height: 90px;
-webkit-animation: heart 2s infinite;
animation: heart 2s infinite;
display: inline-block;
top: -19px;
}
#heart:before,
#heart:after {
position: absolute;
content: "";
left: 50px;
top: 0;
width: 50px;
height: 80px;
background: #c0392b;
-moz-border-radius: 50px 50px 0 0;
border-radius: 50px 50px 0 0;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
#heart:after {
left: 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
@-webkit-keyframes heart {
0% {
-webkit-transform: scale(.75, .75);
}
16% {
-webkit-transform: scale(1, 1);
}
17% {
background-color: rgba(192, 57, 43, 0);
}
33% {
-webkit-transform: scale(.75, .75);
}
49% {
-webkit-transform: scale(1, 1);
}
50% {
background-color: rgba(192, 57, 43, 0);
}
100% {
-webkit-transform: scale(.75, .75);
}
}
@-moz-keyframes heart {
0% {
-moz-transform: scale(.75, .75);
}
16% {
-moz-transform: scale(1, 1);
}
17% {
background-color: rgba(192, 57, 43, 0);
}
33% {
-moz-transform: scale(.75, .75);
}
49% {
-moz-transform: scale(1, 1);
}
50% {
background-color: rgba(192, 57, 43, 0);
}
100% {
-moz-transform: scale(.75, .75);
}
}
@keyframes heart {
0% {
transform: scale(.75, .75);
}
16% {
transform: scale(1, 1);
}
17% {
background-color: rgba(192, 57, 43, 0);
}
33% {
transform: scale(.75, .75);
}
49% {
transform: scale(1, 1);
}
50% {
background-color: rgba(192, 57, 43, 0);
}
100% {
transform: scale(.75, .75);
}
}
  ]]></b:skin>
  <b:template-skin>
    <![CDATA[
#layout .footer-wrapper {
clear: both;
}
]]>
  </b:template-skin>
  <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
  <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
  <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/>
  <script type='text/javascript'>
    var count = 10; //Timer
    var redirect = &quot;http://www.admi4a.com/&quot;; // Target URL
    function countDown() {
      var timer = document.getElementById(&quot;timer&quot;); // Timer ID
      if (count &gt; 0) {
        count--;
        timer.innerHTML = &quot;سيتم تحويلك لمدونة أدمغة تقنية بعد &quot; + count + &quot; ثواني&quot;; // Timer Message
        setTimeout(&quot;countDown()&quot;, 1000);
      } else {
        window.location.href = redirect;
      }
    }
  </script>
  <head>
  </head>
  <b:section id='si'/>
  <body class='loading'>
    <div style='margin:0 auto;width:1000px;'      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <br/>
      <h1>
تم إغلاق مدونة فكرة تقنية و تم الإنتقال إلى مدونة أدمغة تقنية
      </h1>
      <br/>
      <br/>
      <br/>
      <div id='heart'/>
      <h2 class='thanks'>
       
 &quot;شكرا&#1611; لإختيارك مدونتنا&quot;
سوف يتم نقلكم إلى المدونة الجديدة الآن
      </h2>
      <br/>
      <br/>
      <h2>
        <p id='timer'>
          <script type='text/javascript'>
            countDown();
          </script>
        </p>
      </h2>
    </div>
    <div class='section-test no-items section' id='section-test'/>
    <script src='https://www.blogger.com/static/v1/widgets/1402174469-widgets.js' type='text/javascript'/> 
  </body>
</HTML> 



  1. نقوم بتغيير الرابط باللون الأصفر إلى رابط الموقع الذي نريد إعادت التوجيه إليه
  2. نقوم بتغيير الكلمات أو الجمل باللون الأحمر بما يناسب 

أتمنى أن ينال القالب إعجابكم لا تنسوا ترك تعليق تحفيزي

شارك الموضوع إذا أعجبك :

ليست هناك تعليقات:

إرسال تعليق