তো যারা এই থিমটা Blogger এ Install করেননি নিচের পোস্ট দেখে Plus ui v3.1 Blogger এ Install করে নিন।
এই থিমে সবকিছু অসাধারণ ভাবে করা যায়। এর জন্যই Plus ui থিমগুলো অনেক ভালো একটা Popular। তো চলুন শুরু করা যাক।
Safelink কি বা এর কাজ কি, যাদের ধরকার বা এই থিম আছে তারা নিশ্চয়ই এটি জেনে থাকবেন। তবুও বলি,
Safelink হলো এমন একটা সিস্টেম যেখানে তোমার ওয়েবসাইট বা ব্লগে দেওয়া লিংক ক্লিক করলে সেটা আগে তোমার নিজের একটা মধ্যবর্তী (intermediate) পেজে যায়, তারপর আসল টার্গেট লিঙ্কে রিডাইরেক্ট হয়। এর ফলে আপনার ওয়েবসাইট এর Adsense ad দেখাতে পারেন এবং ভালো একটা ভিজিটর পেয়ে যান।
ছোট করে বললাম কেনো না এটা সবাই জানে।
Safelink সেট আপ করা:
তো সেটআপ করার জন্য প্রথমে Theme এ যান!
এখন Customize এ ক্লিক করুন!
Advanced এ ক্লিক করুন!
এটিতে ক্লিক করে Safelink Plugin সিলেক্ট করুন!
এখাবে input এ আপনার 1 থাকবে সেখানে 2 করে দিয়ে সেভ করুন!
এখন দুটি পেজ তৈরি করুন!
Safelink এবং Safelink Generator! শুধু তৈরি করুন ভেতরে কিছু লাগবে না!
Safelink Generator এ ক্লিক করুন!
এখানে নিচের কোডটি দিয়ে সেভ করুন!
<!--[ Begin: Safelink Generator area ]-->
<style>
.inF.cB button{--svgW:16px;--svgH:16px;position:absolute;inset-block-start:10px;inset-inline-end:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--contentB);border-radius:8px;border:1px solid var(--contentLa);opacity:0.5;cursor:pointer}
.inF.cB input{padding-inline-end:50px}
.inF.cB input:not(:placeholder-shown) ~ button{opacity:1}
.sgMw{max-width:600px;margin:40px auto}
.sgOw{display:flex;align-items:center;gap:12px 8px;flex-wrap:wrap;background:var(--contentB);border:1px solid var(--contentL);border-radius:5px;padding:12px}
.sgOw span{width:100%;line-height:1.4em;font-size:14px}
.sgOw button{--svgW:20px;--svgH:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;background:var(--linkB);color:#fffdfc;border-radius:8px;cursor:pointer}
</style>
<script>
/*! Plus UI Javascript (safelink/generator.js) | Authors: Deo Kumar, Armaan Kumar (https://fineshopdesign.com) | License: Unlicensed | Copyright (c) 2024-2025 Fineshop Design */
"use strict";((e,t,l)=>{let{cEl:n,iAE:a,aEL:s,qSel:i,gId:p,eHTML:o,tNtf:g,df:c,pl:u,bg:r}=l,d=e=>(e=>new URL(e,t.baseURI))((e=>e.replace(/(^\w+:|^)/,""))(e)),h=(e,t,n="s")=>{let a=(e=>{let t=JSON.stringify(e);return{decoded:e,value:t,data:l.B64.O3.e(t)}})(t);return e+`#${n}=${encodeURIComponent(a.data)}`},v=u.sl,b=v.pg.map((e=>new URL(e,r.cnHmU).href)),f=t.currentScript,C=[];v.ok||C.push("The Safelink plugin is not enabled. The generated links will not work until it is enabled."),0===b.length&&C.push("No Safelink page has been configured!");let k=n("div",{className:"sgMw",innerHTML:`${0!==C.length?`<div class='alert warning'><b>Warning!</b>${C.map(((e,t)=>`${t+1}. ${e}`)).join("<br>")}</div>`:""}<div class='inF cB' data-message='URL must begin with http:// or https://'><input type='text' name='link' id='sg_f_link' placeholder=' '><label for='sg_f_link'>Destination URL</label><button type='button' id='sg_f_clear_link'><svg class='line' viewBox='0 0 24 24'><path d='M19.0005 4.99988L5.00049 18.9999M5.00049 4.99988L19.0005 18.9999'></path></svg></button></div><div class='inF' data-message='Select a page for safelink'><select id='sg_f_page'><optgroup label='Static pages'><option value='${o(r.cnHmU)}'${0===b.length?" selected":""}>Homepage</option></optgroup>${0!==b.length?`<optgroup label='Safelink Pages'>${b.reduce(((e,t,l)=>`${e}<option value='${o(t)}'${0===l?" selected":""}>Safelink Page (${o(v.pg[l])})</option>`),"")}</optgroup>`:""}</select><label for='sg_f_page'>Safelink Page</label></div><div class='sgOw'><span class='sgOl'></span><button type='button' class='sgOv'><svg class='line' viewBox='0 0 24 24'><path d='M15.58 12C15.58 13.98 13.98 15.58 12 15.58C10.02 15.58 8.42004 13.98 8.42004 12C8.42004 10.02 10.02 8.42004 12 8.42004C13.98 8.42004 15.58 10.02 15.58 12Z'></path><path d='M12 20.27C15.53 20.27 18.82 18.19 21.11 14.59C22.01 13.18 22.01 10.81 21.11 9.39997C18.82 5.79997 15.53 3.71997 12 3.71997C8.46997 3.71997 5.17997 5.79997 2.88997 9.39997C1.98997 10.81 1.98997 13.18 2.88997 14.59C5.17997 18.19 8.46997 20.27 12 20.27Z'></path></svg></button><button type='button' class='sgOc'><svg class='line' viewBox='0 0 24 24'><path d='M16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1V12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9Z'></path><path d='M22 6.9V11.1C22 14.6 20.6 16 17.1 16H16V12.9C16 9.4 14.6 8 11.1 8H8V6.9C8 3.4 9.4 2 12.9 2H17.1C20.6 2 22 3.4 22 6.9Z'></path></svg></button></div>`});a(f,"beforebegin",k);let $=p("sg_f_link"),_=p("sg_f_clear_link"),m=p("sg_f_page"),w=i(".sgOl",k),H=i(".sgOv",k),L=i(".sgOc",k),U=()=>{if(!l.B64)return null;let e=$.value.trim();return""===e?null:(/^https?:\/\//.test(e)||(e=`https://${e}`),h(m.value,{v:1,u:e}))},M=()=>{let e=U();w.innerText=e||"Input a valid Destination URL first!"};M(),s($,"change",M),s($,"input",M),s($,"keyup",M),s(m,"change",M),s(m,"input",M),s($,"blur",(()=>{let e=$.value.trim();""!==e&&(/^https?:\/\//.test(e)?$.value!==e&&($.value=e):$.value=`https://${e}`)})),s(_,"click",(()=>{$.value="",M()})),s(H,"click",(()=>{let t=U();t?e.open(t,"_blank"):g(w.textContent)})),s(L,"click",(()=>{let e=U();e?l.cpT(e).then((()=>g("Link copied to clipboard!"))):g(w.textContent)})),c.then((()=>{M(),l.iBF().then((async e=>{let t=new e(d(r.cnHmU)),[l,a]=await Promise.all([t.posts.list(),t.pages.list()]);[["Recent Posts",l],["Recent Pages",a]].forEach((([e,t])=>{let l=n("optgroup",{attributes:{label:e},innerHTML:t.reduce(((e,t)=>`${e}<option value='${o(t.url)}'>${o(t.title)}</option>`),"")});m.appendChild(l)}))}))}))})(window,document,PU);
</script>
<!--[ End: Safelink Generator area ]-->
Safelink পেজ এ কিছু রাখতে হবে না সেখানেই Safelink সিস্টেম অটো কাজ করবে!
তো এখন Theme এর Html এ এসে এই এতো লাইনে এসে Safelink Setting পাবেন। এখানে প্রথমে Safelink এর সময় মানে কত সেকেন্ড অপেক্ষা করাবেন 20 থাকে সেটা ইচ্ছে দিতে পারেন।
শুধু value বদলাতে হবে!
তো Safelink যে যে পেজ এ দেখাবেন সেই page এর url দিবেন সম্পূর্ণ url না আমার মতো করে! যদি পোস্টে দেখাতে চান তাহলে সেম ভাবে শুধু path দিবেন!
এগুলো সেট হলে সেভ করুন!
এখানে যে যে url এর পেজ/পোস্ট লিংক রাখবেন Safelink সেখানে সেখানে দেখাবে!
Safelink কিভাবে কাজ করবে?
দুটি ভাবে Safelink বানানো যান।
প্রথম হলো ডিরেক্ট লিংক html কোড থেকে। কোনো পোস্টে safeL class এর <a> Tag কোডে রাখলে অটো Safelink তৈরি করবে!
<a class='button safeL' href='link_here'>title_here</a>
আর button ব্যবহার করতে চাইলে!
<button type='button' class='button safeL' data-href='link_here'>title_here</button>
এভাবে পোস্টে ডিরেক্ট Link দিলে অটো Safelink ভানাবে। দেখুন আমি পোস্টে এমন করলাম!
এখন এগুলোতে ক্লিক করলাম!
দেখুন অটো Safelink বানিয়ে যে পেজ দেওয়া ছিলো সেখানে এনেছে!
আরেকটা হলো নিজেই Safelink ভানানো! এর জন্য Safelink Generator পেজ তৈরি করা!
এখানে আসল url দিলেই অটো নিচে url দিবে সেটা ব্যবহার করতে পারেন।
আশাকরি এখন Safelink সিস্টেম চালু করতে পারবেন।
যদি Post view সিস্টেম চান যেচালু করবেন তাহলে কমেন্ট করবেন। 🔥