ওয়েবসাইটে বা ব্লগে Custom No-Script Page জুড়ে নিন খুব সহজে!

আসসালামু আলাইকুম,
আজকে আমার এই ওয়েব ডেভেলপমেন্ট নিয়ে ছোটো পোস্টে আপনাকে স্বাগতম।

এখানে আপনি জানতে পারবেন কিভাবে ব্লগস্পট ব্লগে বা ওয়েবসাইটে একটি কাস্টম নো স্ক্রিপ্ট পেইজ জয়েন করতে হয় যা ক্লায়েন্টের ব্রাউজারে জাভাস্ক্রিপ্ট ডিজেবল করা থাকলে শো করবে। আগেই একটা কথা বলে রাখি, আপনার ব্লগ বা ওয়েবসাইটে যদি এমন কোনও জাভাস্ক্রিপ্ট কোড থাকে যা ছাড়া ওয়েবসাইটের কোনও মূল্য নেই এবং আপনি যদি জাভাস্ক্রিপ্ট বেইস করা কোনও অ্যাপ এর ওয়েবসাইট করে থাকেন তবেই এই পেইজটি সংযোজন করবেন।
সাধারন ওয়েবসাইট বা ব্লগে এই কোড অ্যাড করলে আপনি মোবাইল থেকে আসা ভিজিটর হারাতে পারেন।

প্রথমে আপনার নিজের গুগল ড্রাইভে নিচের এইচটিএমএল ফাইল হোস্ট করে ডাইরেক্ট লিঙ্ক তৈরি করুন।
যদি করতে না পারেন, তবে এখান থেকে নিয়ম দেখে নিন।  কিভাবে গুগোল ড্রাইভে ফাইল ডাইরেক্ট লিঙ্কে হোস্ট করতে হয়।
এবার লিঙ্কটি রাখুন কাজে লাগবে একটু পরেই!

Demo


এইচটিএমএল ফাইলটি আপনি চাইলে কাস্টমাইজ করতে পারেন। অথবা লিঙ্ক ও অন্যান্য কন্টেন্ট চেঞ্জ করতে পারেন।


ডাউনলোড না করে নিচের কোড কোনো হটএইচটিএমএল পেইজে পেস্ট করে সেইভ করে নিলেই হবে।
মনে রাখবেন এই পেইজে জাভাস্ক্রিপ্ট থাকলেও তা যদি ব্রাউজার থেকে জাভাস্ক্রিপ্ট ডিজেবল করে দেওয়া হয়, তবে খালি এইচটিএমএল আর সিএসএস দেখাবে। জাভাস্ক্রিপ্ট রান করবে না।

পেইজের এইচটিএমএল কোডঃ

<html>
<head>
        <!--coded by 4urThoH1N from blog.grplusbd.net-->
<title>Javascript Disabled!</title>
<link type="image/x-icon" rel="icon" href="http://2.bp.blogspot.com/-hXxJjDdflfI/V3DK6xZcL8I/AAAAAAAADOI/3HKkMPzJU-wp1GrK0SYpVM14pf2JXfVFACK4B/s400/no-javascript.jpg"/>
<style>
body{
font-family: calibri;
}
h1 {
margin: 1em 0 0.5em 0;
color: #343434;
font-weight: normal;
font-family: 'Ultra', sans-serif;
font-size: 25px;
line-height: 42px;
text-shadow: 0 2px white, 0 3px #777;
text-decoration: none;
width: 60%;
border-radius: 3px;
}
a.lol{
text-decoration: none;
color: black;
border: 3px solid lime;
border-radius: 7px;
padding: 5px 10px;
background-color: limegreen;
}
div.creditbox{
text-decoration: none;
color: black;
border-radius: 7px;
padding: 5px 10px;
background-color: orange;
width: 96%;
font-family: calibri;
font-weight: bold;
text-decoration: underline;
font-size: 15px;
}
a.none{
text-decoration: none;
}
</style>
</head>
<body>
<center><img src="http://3.bp.blogspot.com/-UBV2kD2oFU8/V3DFY3Zt27I/AAAAAAAADN4/y7aWG06R07oEUpKbMO1LAqOKvKtWVqRCQCK4B/s400/url.jpg"/>
</br>
<h1>
<div style="font-size:40px;">Opps!</div> </br>
JavaScript is not Activated on your browser or Your Browser is not supported!</h1>
<p>Activate <b>Javascript</b> from settings or use <img style="vertical-align:middle" height="20px" width="auto" src="http://www.iconarchive.com/download/i61935/appicns/simplified-app/appicns-Chrome.ico">
or <img style="vertical-align:middle" height="20px" width="auto" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/49/Opera_2015_icon.svg/200px-Opera_2015_icon.svg.png"> instead of
<img style="vertical-align:middle" height="20px" width="auto" src="http://www.iconarchive.com/download/i44719/morcha/browsers/IE.ico"></p>
</br>
<h2><a href="http://grplusbd.net" target="_blank"><img style="vertical-align:middle" height="40px" width="auto" src="https://3.bp.blogspot.com/-izn5vebX6N0/VixZHD8jXgI/AAAAAAAAB38/oIU4MBHTfPEZr04hb-Yzd0gndC79u6O6ACKgB/s320/sADGSDFg.gif"></a></h2>
<div class="creditbox">
NO Script by <a class="none" href="http://blog.grplusbd.net" target="_blank">GR+ & 4urThoH1N</a>
</div>
</center>
</body>
</html>

উপরের কোড একটা এইচটিএমএল ফাইলে সেইভ করুন বা উপরের লিঙ্ক থেকে ফাইল ডাউনলোড করে নিন।

উপরের কোড একটা এইচটিএমএল ফাইলে সেইভ করুন



এবার এইচটিএমএল ফাইল নিজের গুগল ড্রাইভ হোস্টিং এ আপলোড করুন। অথবা নিচের লিঙ্ক ব্যাবহার করুন।
রাইট ক্লিক করে শেয়ার সিলেক্ট করে ফাইল ভিজিবিলিটি পাবলিক করে দিন এবং ডাইরেক্ট লিঙ্ক বানিয়ে নিন।
এই ডাইরেক্ট লিঙ্ক কিভাবে তৈরি করবেন জানতে এই লিঙ্ক থেকে আর্টিকেলটি দেখে নিন।
 
https://googledrive.com/host/0Bz8X6FgnifH3NE1YOW5LNHNFeVE/ 

রাইট ক্লিক করে শেয়ার সিলেক্ট করে ফাইল ভিজিবিলিটি পাবলিক করে দিন এবং ডাইরেক্ট লিঙ্ক বানিয়ে নিন।  

এবার যে সাইটে বা ব্লগে নো স্ক্রিপ্ট পেইজ অ্যাড করবেন সেখানে যান।

যদি সাধারন ওয়েবসাইট হয়,

  1. সোর্স কোডে যান।
  2. নিচের কোড পেস্ট করে দিন যেকোনো স্থানে।লাল হরফের লিঙ্কে আপনার গুগোল ড্রাইভে হোস্ট করা এইচটিএমএল ফাইলের ডাইরেক্ট লিঙ্ক বসিয়ে দিন।
<noscript><iframe src="https://googledrive.com/host/0Bz8X6FgnifH3NE1YOW5LNHNFeVE/" style="font-family: siyam rupali; position:fixed; top:0px; bottom:0px; right:0px; width: 100%; border: none; margin:0; padding:0; overflow: hidden; z-index:999999; height: 100%;"></iframe></noscript>

এবার জাভাস্ক্রিপ্ট ছাড়া বা ডিজেবল করা ব্রাউজার দিয়ে ওই পেইজে এক্সেস করা মাত্র পুরো পেইজ জুড়ে আইফ্রেম করে নো স্ক্রিপ্ট পেইজ দেখানো হবে।


ব্লগস্পট সাইটের জন্যঃ
ব্লগস্পট সাইটে এটা ব্যাবহার না করাই উত্তম। তবে কেউ ব্লগস্পট সাইটে জাভাস্ক্রিপ্ট অ্যাপলিকেশন হোস্ট করলে ব্যাবহার করতেই পারেন।
  1. blogger.com এ যান।
  2. কাঙ্খিত ব্লগের অ্যাডমিন প্যানেলে যান।
  3. 'টেমপ্লেট' ট্যাবে গিয়ে এডিট এইচটিএমএল ক্লিক করুন।
  4. </body> ট্যাগ সার্চ করে বের করুন।
  5. তার উপর নিচের কোড পেস্ট করে দিন। চাইলে নিজের গুগোল ড্রাইভ হোস্টিং থেকে ফাইল হোস্টের লিঙ্ক দিতে পারেন।
<noscript><iframe src="https://googledrive.com/host/0Bz8X6FgnifH3NE1YOW5LNHNFeVE/" style="font-family: siyam rupali; position:fixed; top:0px; bottom:0px; right:0px; width: 100%; border: none; margin:0; padding:0; overflow: hidden; z-index:999999; height: 100%;"></iframe></noscript>


শেয়ার করুন

লেখকঃ

আমি তাওসিফ তুরাবি, অনলাইনাম (অনলাইন + নাম) ব্লগার তাওসিফ। এখন, ২০১৬ পর্যন্ত আমি ১৬ বছরের এক কিশোর। পড়াশোনা করি শহীদ পুলিশ স্মৃতি কলেজে। টেক ব্লগ লিখতে ভালবাসি। সাইন্স ফিকশন আর গল্প লিখতে পছন্দ করি।  জিআর+ ব্লগের এর একজন প্রতিষ্ঠাতা অ্যাডমিন।
আমাদের একটা ওয়েব ডেভেলপার ফার্ম আছে যার নাম জিআর+ আইটি বাংলাদেশ
এছাড়া আমার ব্যাক্তিগত ব্লগ রয়েছে। আমার ফেসবুক আইডিতে আমার সাথে সর্বক্ষণ যোগাযোগ করতে পারবেন। 


পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট