طريقة إنشاء موقع لإختصار الروابط والربح منه

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

في هذه الطريقة لن تحتاج لإنفاق اي قرش او سنت لشراء استضافة او دومين 

موقعنا سيكون عبارة عن مدونة على منصة بلوجر المجانية !

( طبعا يمكنك شراء دومين لاحقا وربطه بها , ان اردت الشهرة للموقع )
ولكننا سنقوم بإنشاء 

قم بإنشاء مدونة واجعل رابطها شبيه بالتالي : 

safeyoururl
short-url
link-url

short-your-url

طبعا هذا افضل ولكن ليس ضروري 

 ننتقل إلى المرحلة التالية :

قم بإنشاء صفحة في مدونتك واجعل اسمها safe-url ثم احفظ الصفحة 

ثم اعد الدخول اليها والصق بها الكود التالي :

<div dir="rtl" style="text-align: right;" trbidi="on"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet"></link> <br /><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> <b><span style="font-size: large;">مرحبا بكم زوارنا الكرام</span></b></div> <div dir="rtl" style="text-align: center;"> <b><span style="font-size: large;">تعتبر هذه الصفحة بمثابة اداة لحماية واختصار الروابط والحصول على زوار لموقعك</span></b></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> <br /><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><br /><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="https://link-ly.blogspot.com/p/go.html?s00" + btoa(document.getElementById('lurl').value); document.getElementById('lurl').value="";; } </script><span style="color: #38761d;"><b>كيفية الاستخدام :</b></span><br /><b> ادخل رابط في الحقل اعلاه ثم اضغط اختصر واحمي </b><br /><div class="separator" style="clear: both; text-align: center;"> </div> <b>سيظهر رابط بعد قليل انسخه وشاركه مع اصدقائك </b><br /><center> <img id="loa" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh1ARGzmVidE5Gp4LnC8HJDEyltlGfqbKioUVLafkrzbR5oIvQEKepef2YbfZR95ckY_KxH3HgR7v3ZY8DvwZ3Vb3rEKjs33g9Gy-PBiRbPrQa9R4UqES4EUAshnzvXdaFkqRZTO35g16-/s1600/loading.gif" style="display: none;" /><div dir="ltr" id="result" style="visibility: hidden;"> </div> </center> </div> </div> </div>

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

http://link-ly.blogspot.com/p/go.html

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

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

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

<div dir="rtl" style="text-align: right;" trbidi="on"> <style>.ptop {margin:auto;background:#4285F4;color:#fff;border-bottom:4px solid #FF5353;height:60px;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> <br /><center> <div class="ptop">  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://link-ly.blogspot.com/p/safe-url.html">اعلانك هنا</a><span dir="rtl">وصف قصير لاعلانك يحقق احلامك </span> <txtgo><a href="https://link-ly.blogspot.com/p/safe-url.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://link-ly.blogspot.com/p/safe-url.html">اعلانك هنا</a><span dir="rtl">وصف قصير لاعلانك يحقق احلامك </span> <txtgo><a href="https://link-ly.blogspot.com/p/safe-url.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> <!--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></div>

والان توجه إلى قالب مدونتك واضغط تعديل 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> Short url</title><b:skin><![CDATA[/* ----------------------------------------------- Name : Short Blog Designer URL : https://momkentech.blogspot.com/ year : 2018 ----------------------------------------------- */ ]]></b:skin></head><body><b:section class='main' id='main' showaddelement='yes'><b:widget id="Blog1" locked="true" type="Blog" /></b:section></body></html>

والان توجه إلى الاعدادات 

واختر تفضيلات البحث ثم عمليات إعادة التوجيه المخصصة واضغط تعديل

ثم ضع علامة ليظهر المستطيلان 

وضع في الاول /

وضع في الثاني /p/safe-url.html ( وهورابط الصفحة التي انشأتها ولكن بدون رابط مدونتك ) 

الان مع طريقة وضع اعلانات والربح من موقعك

 اولا : قم بإختيار شركة اعلانية وقدم طلب قبول الموقع بعدها 

ثم بعد القبول توجه الى صفحة go التي انشأنها 

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

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

..... 

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

طريقة اخرى لزيادة الربح :

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

وهذه المدونة لمن اراد المعاينة   TEST

لا تستهن بهذه الطريقة فمن يدري لعل موقعك ينتشر ويزدهر وتقوم ببيعه في يوم ما