Trickybd Link Shortner Blogger Template: আপনার ব্লগের জন্য প্রিমিয়াম সেফলিংক সলিউশন
আপনি কি একটি প্রফেশনাল ইউআরএল শর্টনার বা সেফলিংক ওয়েবসাইট তৈরি করতে চাচ্ছেন? বর্তমান সময়ে অনলাইন ইনকামের অন্যতম জনপ্রিয় মাধ্যম হলো লিংক শর্টনার সাইট। তবে ওয়ার্ডপ্রেস বা দামী স্ক্রিপ্ট কেনার বাজেট সবার থাকে না। তাদের জন্যই Trickybd Link Shortner Blogger Template নিয়ে এসেছে এক জাদুকরী সমাধান। এটি সম্পূর্ণ ব্লগারের ওপর ভিত্তি করে তৈরি একটি প্রিমিয়াম থিম, যা আপনাকে এক পয়সা খরচ না করেই একটি হাই-কোয়ালিটি সেফলিংক ওয়েবসাইট পরিচালনা করার সুযোগ দেবে। Let's build your own revenue-generating machine!
আশার কথা!
এই টেম্পলেটটি ব্যবহার করলে আপনি গুগল অ্যাডসেন্স (Google AdSense) থেকে অনেক বেশি সিটিআর (CTR) পাবেন, কারণ এতে অপ্টিমাইজড অ্যাড স্লট এবং ইউজার-ফ্রেন্ডলি টাইমার লজিক ব্যবহার করা হয়েছে।
Safelink বা Link Shortener ওয়েবসাইট কেন প্রয়োজন?
সাধারণত যারা সফটওয়্যার ডাউনলোড, মুভি বা ফাইল শেয়ারিং নিয়ে কাজ করেন, তাদের জন্য সেফলিংক একটি অপরিহার্য টুল। এর প্রধান সুবিধাগুলো হলো:
- Revenue Growth: ভিজিটর আসল লিংকে যাওয়ার আগে ১৫-২০ সেকেন্ড আপনার সাইটে থাকে, যা অ্যাড ইমপ্রেশন বাড়িয়ে দেয়।
- Link Protection: আপনার অরিজিনাল লিংকগুলো এনক্রিপ্ট থাকে, ফলে বট বা হ্যাকাররা সহজে লিংক চুরি করতে পারে না।
- Bounce Rate Control: ভিজিটর সাইটে বেশি সময় কাটানোর ফলে এসইও (SEO) র্যাঙ্কিং ভালো হয়।
Technical Info:
এই Trickybd টেম্পলেটটিতে 'Base64 Encryption' মেথড ব্যবহার করা হয়েছে, যা গুগল ব্লগারে কাজ করার জন্য সবচেয়ে নিরাপদ এবং ফাস্ট পদ্ধতি।
Trickybd Link Shortner-এর সেরা ফিচারসমূহ
এই থিমটিতে আপনি পাবেন আধুনিক সব ফিচার যা কেবল দামী স্ক্রিপ্টেই দেখা যায়:
- Premium Dashboard UI: এটি দেখতে অনেকটা আধুনিক অ্যান্ড্রয়েড অ্যাপের মতো।
- Automatic Timer: কাস্টমাইজেবল কাউন্টডাউন টাইমার যা ভিজিটরকে লিংকের জন্য অপেক্ষা করতে বাধ্য করবে।
- Responsive Design: মোবাইল, ট্যাবলেট এবং পিসি—সব ডিভাইসেই এটি নিখুঁতভাবে কাজ করে।
- AdSense Ready: টাইমারের ওপরে এবং নিচে বিজ্ঞাপনের জন্য ডেডিকেটেড স্পেস রয়েছে।
- One-Click Copy: জেনারেট করা লিংক এক ক্লিকেই কপি করার সুবিধা।
কীভাবে Blogger-এ এই ওয়েবসাইটটি তৈরি করবেন?
নিচে দেওয়া সহজ ধাপগুলো অনুসরণ করলে আপনি মাত্র ৫ মিনিটে আপনার সাইট লাইভ করতে পারবেন:
- সবার আগে Blogger.com-এ গিয়ে একটি নতুন ব্লগ তৈরি করুন।
- আপনার ব্লগের জন্য একটি সুন্দর নাম এবং অ্যাড্রেস (URL) সিলেক্ট করুন।
- Blogger ড্যাশবোর্ড থেকে Theme অপশনে যান।
- 'Customize' বাটনের ড্রপ-ডাউন মেনু থেকে Edit HTML সিলেক্ট করুন।
- ভেতরে থাকা আগের সব কোড মুছে দিন এবং নিচে দেওয়া কোডটি কপি করে সেখানে পেস্ট করুন।
- সেভ বাটনে ক্লিক করুন এবং আপনার সাইটটি ভিউ করুন।
সতর্কতা!
থিম কোড পেস্ট করার আগে অবশ্যই আপনার বর্তমান থিমের একটি ব্যাকআপ নিয়ে নিন। এটি আপনার ডেটা সুরক্ষিত রাখবে।
মাস্টার কোড সেকশন: কপি এবং পেস্ট করুন
আপনার ব্লগারে বসানোর জন্য সম্পূর্ণ XML কোডটি নিচে দেওয়া হলো। বক্সে ডাবল ক্লিক করে এটি কপি করে নিন:
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsversion='3' 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><data:blog.title/></title>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<b:skin><![CDATA[
/* --- PREMIUM SAFELINK THEME BY TRICKYBD --- */
:root {
--bg: #f8fafc;
--bg-card: #ffffff;
--primary: #4f46e5;
--secondary: #10b981;
--text: #1e293b;
--text-dim: #64748b;
--border: #e2e8f0;
}
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--text); margin: 0; padding: 0; }
.container { max-width: 750px; margin: 0 auto; padding: 0 20px; }
header { background: #fff; border-bottom: 1px solid var(--border); padding: 20px 0; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
.logo h1 { font-size: 24px; font-weight: 800; color: var(--primary); margin: 0; text-transform: uppercase; letter-spacing: 1px; }
.main-content { padding: 40px 0; text-align: center; }
.box-wrap { background: var(--bg-card); border: 1px solid var(--border); border-radius: 20px; padding: 40px 25px; box-shadow: 0 15px 35px rgba(0,0,0,0.05); margin-bottom: 30px; }
#timer-display { font-size: 70px; font-weight: 900; color: var(--primary); margin: 10px 0; }
.spinner { width: 50px; height: 50px; border: 5px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 20px; }
@keyframes spin { to { transform: rotate(360deg); } }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 14px 30px; background: var(--primary); color: #fff !important; border-radius: 12px; font-weight: 700; font-size: 15px; text-decoration: none !important; cursor: pointer; transition: 0.3s; border: none; outline: none; }
.btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(79, 70, 229, 0.2); }
.btn-success { background: var(--secondary); }
.btn-outline { background: #fff; color: var(--primary) !important; border: 2px solid var(--primary); }
.gen-input { width: 100%; padding: 15px; border: 2px solid var(--border); border-radius: 12px; font-size: 16px; margin-bottom: 15px; box-sizing: border-box; outline: none; background: #fdfdfd; }
.gen-input:focus { border-color: var(--primary); }
.result-box { margin-top: 30px; padding-top: 30px; border-top: 1px dashed var(--border); }
.btn-group { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.ad-space { margin: 25px 0; min-height: 120px; background: #f1f5f9; border: 1px dashed #cbd5e1; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #94a3b8; font-size: 11px; }
footer { padding: 40px 0; text-align: center; color: var(--text-dim); font-size: 14px; border-top: 1px solid var(--border); margin-top: 50px; }
.hidden { display: none !important; }
]]></b:skin>
</head>
<body>
<header>
<div class='container'>
<div class='logo'><a href='/'><h1>LINK PROTECTOR</h1></a></div>
</div>
</header>
<div class='container main-content'>
<div class='hidden' id='generator-area'>
<h2>Secure Link Generator</h2>
<p>Paste your long URL to create a protected and encrypted short link.</p>
<div class='box-wrap'>
<input class='gen-input' id='input-url' placeholder='Enter long link (https://...)' type='url'/>
<button class='btn' onclick='generateNow()'>Generate Secure Link</button>
<div class='result-box hidden' id='result-area'>
<p style='margin-bottom:10px; font-weight:bold;'>Your Shortened Link:</p>
<input class='gen-input' id='output-url' readonly='readonly' type='text'/>
<div class='btn-group'>
<button class='btn btn-success' onclick='copyToClipboard()'>Copy Link</button>
<a class='btn btn-outline' href='#' id='view-link' target='_blank'>View Link</a>
</div>
</div>
</div>
</div>
<div class='hidden' id='safelink-area'>
<h2>Protecting Your Link</h2>
<p>Please wait while we analyze the destination for potential threats.</p>
<div class='ad-space'>TOP ADVERTISEMENT SLOT</div>
<div class='box-wrap'>
<div id='waiting-box'>
<div class='spinner'/>
<div id='timer-display'>15</div>
<p>Seconds remaining to Secure...</p>
</div>
<div class='hidden' id='ready-box'>
<div style='font-size:40px; margin-bottom:10px;'>✅</div>
<h3 style='color:var(--secondary);'>Link is Ready!</h3>
<p style='margin-bottom:20px;'>Your destination is secured and verified.</p>
<button class='btn btn-success' onclick='goToDest()' style='padding:18px 50px; font-size:18px;'>GET LINK NOW</button>
</div>
</div>
<div class='ad-space'>BOTTOM ADVERTISEMENT SLOT</div>
</div>
</div>
<footer>
<p>© <script>document.write(new Date().getFullYear())</script> <data:blog.title/> - Advanced Link Protection System</p>
</footer>
<script type='text/javascript'>
//<![CDATA[
let count = 15;
let decodedLink = "";
function startProcess() {
const urlParams = new URLSearchParams(window.location.search);
const encoded = urlParams.get('url');
if (encoded) {
try {
decodedLink = atob(decodeURIComponent(encoded));
document.getElementById('safelink-area').classList.remove('hidden');
runTimer();
} catch (e) {
alert("Error: Link corruption detected!");
window.location.href = "/";
}
} else {
document.getElementById('generator-area').classList.remove('hidden');
}
}
function runTimer() {
const timerText = document.getElementById('timer-display');
const timerId = setInterval(() => {
count--;
timerText.innerText = count;
if (count <= 0) {
clearInterval(timerId);
document.getElementById('waiting-box').classList.add('hidden');
document.getElementById('ready-box').classList.remove('hidden');
}
}, 1000);
}
function goToDest() { if (decodedLink) { window.location.href = decodedLink; } }
function generateNow() {
const input = document.getElementById('input-url').value.trim();
if (input === "") { alert("Please enter a valid URL!"); return; }
try {
const encoded = btoa(input);
const shortUrl = window.location.origin + window.location.pathname + "?url=" + encoded;
document.getElementById('output-url').value = shortUrl;
document.getElementById('view-link').href = shortUrl;
document.getElementById('result-area').classList.remove('hidden');
document.getElementById('result-area').scrollIntoView({ behavior: 'smooth' });
} catch (e) { alert("Invalid URL format!"); }
}
function copyToClipboard() {
const copyText = document.getElementById('output-url');
copyText.select();
copyText.setSelectionRange(0, 99999);
navigator.clipboard.writeText(copyText.value);
alert("Link Copied Successfully!");
}
document.addEventListener('DOMContentLoaded', startProcess);
//]]>
</script>
<b:section id='adsense-slots' showaddelement='true'/>
</body>
</html>
Common Mistake!
কোড পেস্ট করার সময় নিশ্চিত করুন যে আপনি পুরোনো সব কোড ডিলিট করেছেন। কোড ডুপ্লিকেট হলে বা একটি অক্ষরও ভুল হলে সাইটে এরর দেখাতে পারে।
লাইভ ডেমো দেখে নিন
আপনি যদি এই টেম্পলেটটি ব্যবহারের আগে সরাসরি দেখতে চান যে এটি কেমন কাজ করে, তবে নিচের ডেমো লিংকে ক্লিক করুন:
উপসংহার
পরিশেষে বলা যায়, Trickybd Link Shortner টেম্পলেটটি কেবল একটি সাধারণ ব্লগার থিম নয়, এটি আপনার ইনকাম বাড়ানোর একটি স্মার্ট টুল। যারা খুব সহজে এবং ফ্রিতে একটি লিংক শর্টনার সাইট বানাতে চান, তাদের জন্য এটিই সেরা পছন্দ। আজকের এই মেগা গাইডটি যদি আপনি প্রপারলি ফলো করেন, তবে আপনি কোনো ঝামেলা ছাড়াই আপনার ওয়েবসাইটটি সেটআপ করতে পারবেন।
Conclusion Verdict:
মনে রাখবেন, সফল ব্লগিংয়ের মূল চাবিকাঠি হলো ধৈর্য এবং সঠিক টুলস। এই টেম্পলেটটি নিয়ে কোনো প্রশ্ন থাকলে নিচে কমেন্ট করে আমাদের জানান। ধন্যবাদ Team TrickyBD.com এর সাথে থাকার জন্য!
Frequently Asked Questions (FAQ)
১. এই টেম্পলেটটি কি সম্পূর্ণ ফ্রি?
উত্তর: হ্যাঁ, এটি একদম ফ্রিতে আপনি আপনার ব্লগারে ব্যবহার করতে পারবেন।
২. এতে কি গুগল অ্যাডসেন্স এপ্রুভাল পাওয়া সম্ভব?
উত্তর: অবশ্যই! আপনি যদি পর্যাপ্ত ইউনিক কন্টেন্ট (Privacy Policy, About Us পেজ ইত্যাদি) সহ আবেদন করেন, তবে খুব সহজেই অ্যাডসেন্স পাবেন।
৩. আমি কি টাইমার পরিবর্তন করতে পারব?
উত্তর: হ্যাঁ, জাভাস্ক্রিপ্ট কোডের ভেতর let count = 15; অংশটুকু পরিবর্তন করে আপনি আপনার ইচ্ছামতো সময় সেট করতে পারবেন।
