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

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

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

طريقة بسيطة وسهلة فقط تابع معي وسوف ترى

لنبدأ على بركة الله

تصميم الموقع

 هذه المدونة قد انشأتها لمن اراد المعاينة
 TEST OF SHORTNER
في هذه الطريقة لن تحتاج لصرف اي سنت لشراء استضافة او دومين فقط ركز معي

موقعنا سيكون عبارة عن مدونة بلوجر بكل بساطة

فلا داعي لكي اشرح لك كيف تنشء مدونة الكترونية لكن من المستحسن ان يكون الرابط معبر عن الموقع ك:

safeyoururl.blogspot.com

short-your-url.blogspot.com

protection.blogspot.com

وغيرها وليس من الضروري فعل هذا

نمر الى المرحلة التالية

انشء صفحة فارغة في مدونتك

وقم باعطاء اسم لها وليكن safe-url ثم احفظ الصفحة واعد الدخول اليها

(للتحكم في اسم الصفحة مثلا myblog.blogspot.com/p/safe-url.html)

  والصق بها الكود التالي

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet'/>
<div dir="ltr" style="padding-top: 100px; text-align: left;" trbidi="on">
<div dir="rtl" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
</div>
مرحبا بكم زوارنا الكرام</div>
<div dir="rtl" style="text-align: center;">
تعتبر هذه الصفحة بمثابة اداة لحماية واختصار الروابط والحصول على referrer لزياراتك</div>
<div dir="rtl" style="text-align: center;">
<style>
#lurl {
color:green;
width:50%;
}
.comment-form,.blog-feeds,.post-footer,.post-footer,.blog-pager,.comments,.post-title{display:none}
#result {color:#2ECC71;border:2px solid #2ECC71;border-radius:20px;font-weight:bold;}
#shorthis {border:0;background:#F26300;color:#fff;padding:5px;cursor:pointer;transition:all 1s;}
#shorthis:hover {background:#222222;transition:all 1s;}
#form-wrapper:before{content:"\f127";font-family:FontAwesome;font-size:17px;border-bottom:2px solid #222;font-style:normal;font-weight:400;padding:7px 10px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid #222;margin:0 -5px 0 0;border-radius:3px 0 0 0;background:#222;color:#fff}
#form-wrapper input{padding:8px 7px 7px;font-size:13px;width:100%;max-width:560px}
</style>


<form dir="ltr" id="form-wrapper">
<input class="text" id="lurl" placeholder="على سبيل المثال http://www.yourwebsite.com" type="texte" /></form>
<button id="shorthis" onclick="shorturl();">اختصر & احمي</button>
<script>
function shorturl() {
document.getElementById('result').style.visibility="hidden";
document.getElementById('loa').style.display="block";
setTimeout(function(){ document.getElementById('result').style.visibility="visible"; document.getElementById('loa').style.display="none";}, 3000);
document.getElementById('result').innerHTML="http://test-of-shortner.blogspot.com/p/go.html?s00" + btoa(document.getElementById('lurl').value);
document.getElementById('lurl').value="";;
}
</script><span style="color: #38761d;"><b>كيفية الاستخدام ??</b></span>
بسيطة ادخل رابط في الحقل اعلاه ثم اضغط اختصر واحمي

<div class="separator" style="clear: both; text-align: center;">
</div>
سيظهر رابط بعد قليل انسخه وشاركه مع اصدقائك

<center>
<img id="loa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtg0BL7rebBwQpctbJyLUEYFp_WDOBNvX-N2ePj_3JhYff9bDH5YqawxCQpcruXf5HkbixUrBOIfS5W9TFQmW6gMiWpmr5hgGIbYnmxaWYfEbCxBeG3l_EwO_TDBjSO5KI9GAxvOxUaT8p/s1600/loading.gif" style="display: none;" />
<div dir="ltr" id="result" style="visibility: hidden;">
</div>
</center>
</div>
</div>

تحديد الكل

استبدل الرابط التالي

http://test-of-shortner.blogspot.com/p/go.html

 برابط صفحة go التي ستنشأها بعد قليل

بعدها انشئ صفحة اخرى واعطها اسم go مثلا

  والصق بها الكود التالي

<style>
.ptop {margin:auto;background:#4285F4;color:#fff;border-bottom:4px solid #FF5353;height:50px;width:100%;}
.adsbody {padding-left:5px;display:block;background:#F9F9F9;height:auto;color:#000;}
#skipbtn {position:fixed;right:12px;top:12px;border:0;background:#34A853;color:#fff;padding:10px;cursor:pointer;border-radius:10px;transition:all 1s;}
#skipbtn:hover {background:#FBBC05;padding:10px;transition:all 1s;}
.comment-form,.blog-feeds,.post-footer,.post-footer,.blog-pager,.comments,.post-title{display:none}
</style>
<center>
<div class='ptop'>
ASTUCE HASSOUBI SHORTNER
Safe Your URL!!!
  <button id='skipbtn' onclick='geturl();'><span id='stimer' style='font-weight:bold;'>6</span> Seconde</button>
  </div>
</center>
<div class='adsbody'>
<center>
<!--Start of your code here -->
<div class="txtads">
<a href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html">اعلانك هنا</a>
<span dir="rtl">وصف قصير لاعلانك يحقق احلامك على مدونة حاسوبي Astuce</span>
<txtgo><a href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html" target="_blank">اضف اعلانك</a></txtgo>
<style>
.txtads {
font-family:tahoma;
text-align:right;
border:1px dotted green;
border-radius:2%;
width:450px;
height:75px;
}
.txtads a{
color:blue;
display:block;
}
.txtads span {
color:#6E6E6E;
display:block;
}
.txtads txtgo{
float:left;
font-size:12px;
display:block;
}
.txtads txtgo a{
color:green;
text-decoration:none;
</style>
</div>
<div class="txtads">
<a href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html">اعلانك هنا</a>
<span dir="rtl">وصف قصير لاعلانك يحقق احلامك على مدونة حاسوبي Astuce</span>
<txtgo><a href="https://astuce-hassoubi.blogspot.com/p/blog-page_27.html" target="_blank">اضف اعلانك</a></txtgo>
<style>
.txtads {
font-family:tahoma;
text-align:right;
border:1px dotted green;
border-radius:2%;
width:450px;
height:75px;
}
.txtads a{
color:blue;
display:block;
}
.txtads span {
color:#6E6E6E;
display:block;
}
.txtads txtgo{
float:left;
font-size:12px;
display:block;
}
.txtads txtgo a{
color:green;
text-decoration:none;
</style>
</div>
<h2>
او يمكنك وضع الكثير من اكواد الاعلانات</h2>
<h2>
انما هذا مثال فقط</h2>
<!--End of your code here -->
</center>
</div>
<script>
 document.getElementById("skipbtn").disabled = true;
 var seconds;
    var temp;
    function countdown() {
        seconds = document.getElementById('stimer').innerHTML;
        seconds = parseInt(seconds, 10);
        if (seconds == 1) {
            temp = document.getElementById('skipbtn');
            temp.disabled = false;
            temp.innerHTML = "Skip Ads";
            return;
        }
        seconds--;
        temp = document.getElementById('stimer');
        temp.innerHTML = seconds;
        timeoutMyOswego = setTimeout(countdown, 1000);
    }
function getQueryVariable(variable)
{
       var query = window.location.search.substring(1);
       var vars = query.split("/?&");
       for (var i=0;i<vars.length;i++) {
               var pair = vars[i].split("00");
               if(pair[0] == variable){return pair[1];}
       }
       return(false);
}

function geturl() {
window.open (atob(getQueryVariable("s")),"_blank")
}
setTimeout(function(){ countdown(); }, 2000);

  </script>

تحديد الكل

 الان اصبح لدينا صفحتان في موقعنا
 
توجه الى محرر  HTML الخاص بمدونتك واعمل Modifier le code HTML
وامسح كل ما يوجد في القالب والصق هذا الكود لضمان سرعة الموقع

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html 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'>
<head>
<title>My Personel Shortner</title>
<b:skin><![CDATA[/*
-----------------------------------------------
Name : My Shortner Blog
Designer URL  : http://astuce-hassoubi.blogspot.com/
year          : 2016
----------------------------------------------- */
]]></b:skin>
</head>
<body>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id="Blog1" locked="true" type="Blog" />
</b:section>
</body>
</html>

تحديد الكل توجه الى اعداداة مدونتك واختر Préférences de recherche ثم Redirections personnalisées اضغط Modifier في الخانة الاولى اضف رمز / وفي الخانة التالية اضف رابط صفحتك Safe url  بدون رابط الموقع هكذا

/p/safeurl.html

ثم علم على Permanent واضغط  Enregistrer الان قم بزيارة مدونتك وجربها وضع رابط ما في الخانة واضغط اختصر واحمي

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

طريقة الربح

الان طريقة الربح هي جد سهلة عليك اولا اختيار شركة اعلانية معينة او شركات متعددة ودفع طلب قبول الموقع بعدها توجه الى صفحة go.html

والصق بها كود او اكواد الاعلانات بين هذين السطر بعد ان تحذف ما يوجد من اكواد بينهما

<!--Start of your code here--> 
..... 

<!--End of your code here-->

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

   وهذه المدونة قد انشأتها لمن اراد المعاينة   TEST OF SHORTNER

لكن من يدري لعل موقعك بزدهر ويصيح مشهور وتقوم ببيعه في يوم ما

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

اتمنى المزيد من التشجيع والسلام عليكم ورحمة الله تعالى وبركاته

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