New

Blogger হলো একমাত্র ব্লগিং প্ল্যাটফর্ম যেটা অধিকাংশ ব্লগার তাদের ব্লগিং ক্যারিয়ার শুরু করার সময় ব্যবহার করে থাকে।ব্লগিং করে ইতোমধ্যেই অনেকেই ভালো পরিমাণ টাকা উপার্জন করতেছে।কেউ ফ্রী ব্লগস্পট সাবডোমেইন দিয়ে এডসেন্স এপ্রুভাল নিয়ে সেটা দিয়ে কাজ করতেছে।

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

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

অ্যাডসেন্স পাওয়ার পর আমাদের ইনকাম বাড়ানোর দিকে মনোযোগ দিতে হয়।অ্যাডস সঠিক ভাবে বসানোর উপরে ভালো ক্লিক নির্ভর করে।আর সেফলিংক আমাদের এই ক্লিক বৃদ্ধি করতে প্রত্যক্ষ ভাবে সাহায্য করে।

আজ আমি দেখাবো,কিভাবে আপনার ব্লগার ব্লগে রেন্ডম পোস্ট সহ সেফলিংক জেনারেটর বানাবেন।

সেফলিংক কি?

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

সেফলিংক জেনারেটর কি?

সেফলিংক তো শুনেছেন। সেফলিংক জেনারেটর আবার কি?এইটা একটা ফিচার বা জেনারেটর যা দিয়ে আপনি আপনার ব্লগের সবগুলো পোস্টের মাধ্যমে সেফলিংক জেনারেট করতে পারবেন।আরেকটু সহজ ভাবে বলার চেষ্টা করি , আপনি যদি এই জেনারেটর দিয়ে কোনো লিংক জেনারেট করার চেষ্টা করেন,তবে জেনারেট করা লিংকে আপনার ব্লগের কোনো পোস্টের ভিতর সেফলিংক জেনারেট করবে।

মনে করুন,আমি আমার ওয়েবসাইটে একটি ফাইল ডাউনলোডের টিউটোরিয়াল নিয়ে পোস্ট করলাম।এখন যদি চাই,তবে সেই ডাউনলোড লিংক এই সেফলিংক জেনারেটর দিয়ে জেনারেট করতে পারি।এতে করে উক্ত সেফলিংক থেকে আমার ওয়েবসাইটের যেকোনো একটি পোস্টের ভিতর সেফলিংক জেনারেট হয়ে যাবে।অতঃপর আমি যদি সেই লিংকটি শেয়ার করি এবং কেউ যদি ফাইলটি ডাউনলোড করার জন্য উক্ত লিংকে ক্লিক করে,তবে তাকে যে পোস্টের ভিতর সেফলিংক জেনারেট হয়েছে সেই পোস্টে রিডাইরেক্ট করে নিয়ে যাবে।অতঃপর তাকে কিছুক্ষণ কাউন্টডাউন টাইমার দিয়ে অপেক্ষা করতে বলবে এবং সর্বশেষে তাকে পোস্টের একদম শেষে আমাদের ফাইল ডাউনলোডের আসল লিংকটি প্রোভাইড করবে।

সেফলিংক জেনারেটর এর উপকারিতা কি?

আপনি যদি এই জেনারেটর টি দিয়ে কোনো লিংক জেনারেট করেন,তবে প্রতিবার নতুন কোনো পোস্টের ভিতর লিংক জেনারেট হবে।এতে করে আমরা কাউন্টডাউন টাইমার বা পোস্টের শুরুতে এবং শেষে অ্যাডস যুক্ত করে অ্যাডস এ ইম্প্রেশন এবং ক্লিক এর পরিমাণ বাড়াতে পারি।এতে করে আমাদের ইনকাম বেড়ে যাবে।

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

সেফলিংক ইউআরএল এর ডেমো দেখতে এখানে ক্লিক করুন।

সেফলিংক জেনারেটর এর ডেমো দেখতে এখানে ক্লিক করুন।

কীভাবে ব্লগারে সেফলিংক জেনারেটর বানাবেন?

নিচে দেখানো পদ্ধতিগুলো ফলো করলে আপনি সহজেই ব্লগার ব্লগে একটি সেফলিংক জেনারেটর বানাতে পারবেন।এগুলো যেহুতু html,css,js কোড। তাই বলবো একটু সতর্কতার সাথে এগুলো থিমের ভিতর ইনস্টল করতে।নয়তো সেফলিংক জেনারেটরটি কাজ নাও করতে পারে।

• আপনার টেমপ্লেটে jQuery ইনস্টল করা আছে কি না আগে চেক করুন।যদি না থাকে,তবে নিচে দেয়া কোডগুলো আপনার ব্লগের থিমের ভিতর </head> ট্যাগ এর উপরে পেস্ট করে দিন।

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>

• এখন নিচে দেয়া সিএসএস কোডগুলো ]]></b:skin> ট্যাগ এর উপরে পেস্ট করে দিন।

/* CSS Safelink ubah warna cari kode #f89000 */
.wcSafeShow{position:relative;width:35px;height:35px;display:flex;margin:auto} /* atur margin untuk mengubah posisi icon */
.safeWrap{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.panel-primary{background:#fff;text-align:center;display:block;overflow:hidden;width:100%;max-width:80%;padding:0 0 25px 0;border-radius:5px;margin:15% auto;box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.panel-body{position:relative;margin:0 25px}.panel-heading h2{background:#f89000;color:#fff;margin:0 auto 25px auto;font-weight:400;padding:15px;font-size:20px}.panel-body input{background:rgba(0,0,0,0.04);width:100%;padding:15px;border-radius:5px;border:1px solid transparent;font-size:16px;color:#000;outline:none;text-indent:60px;transition:all .3s}.panel-body input:focus{background:#fff;color:#000;border-color:#f89000;outline:none;box-shadow:0 0 5px rgba(0,0,0,0.1)}.panel-body .input-group-btn{position:absolute;top:0;right:0}.panel-body button{border-radius:0 5px 5px 0;background:#f89000;color:#fff;border:0;padding:17px 52px;font-weight:500;outline:none;transition:all .3s}.panel-body button:hover,.panel-body button:focus{background:#f89000;outline:none}#generatelink{margin:20px auto 0 auto}#generatelink button{background:#f89000;border-radius:5px;font-size:14px;padding:14px 32px}#generatelink button:hover,#generatelink button:focus{background:#f89000;border-radius:5px;font-size:14px}#generatelink input{background:rgba(0,0,0,0.05);text-indent:0}#generatelink input:hover,#generatelink input:focus{background:#f89000;border-color:transparent;box-shadow:none}#generateloading{margin:20px auto 0 auto;font-size:20px;color:#f89000;font-weight:normal}
.panel-body:before{content:'\279C';background:rgba(0,0,0,0.05);position:absolute;left:0;top:0;color:#888;padding:17px 20px;border-radius:5px 0 0 5px;border-right:1px solid transparent;transition:all .6s}.panel-body:focus-within:before{content:'\279C';background:#f89000;color:#fff}.bt-success{display:inline-flex;align-items:center;margin:15px 15px;padding:10px 20px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:#f89000;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%;line-height:2em}.bt-success:hover{color:#f89000;background-color:transparent;border:1px solid #f89000}.hidden,.bt-success.hidden{display:none}.wcSafeClose{display:inline-flex;align-items:center;margin:15px auto -15px;padding:5px 15px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:#f89000;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%;line-height:2em}.copytoclipboard{margin:10px auto 5px}
#timer{margin:0 auto 20px auto;width:80px;text-align:center}.pietimer{position:relative;font-size:200px;width:1em;height:1em}.pietimer > .percent{position:absolute;top:25px;left:12px;width:3.33em;font-size:18px;text-align:center;display:none}.pietimer > .slice{position:absolute;width:1em;height:1em;clip:rect(0px,1em,1em,0.5em)}.pietimer >.slice.gt50{clip:rect(auto,auto,auto,auto)}.pietimer > .slice > .pie{border:0.06em solid #c0c0c0;position:absolute;width:80px;height:80px;clip:rect(0em,0.5em,1em,0em);border-radius:50%}.pietimer > .slice > .pie.fill{-moz-transform:rotate(180deg)!important;-webkit-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.pietimer.fill > .percent{display:none}.pietimer.fill > .slice > .pie{border:transparent;background-color:#c0c0c0;width:1em;height:1em}
.wcSafeShow svg{fill:none!important;stroke:#48525c;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;width:22px;height:22px}
#generateloading svg{width:22px;height:22px;fill:#f89000}
.btn-primary svg,.darkMode .btn-primary svg{fill:none;stroke:#fff;stroke-width:1.5;width:22px;height:22px;vertical-align:-5px;margin-right:10px}
@media screen and (max-width:768px){.panel-body .input-group-btn{display:block;position:relative;overflow:hidden;margin:20px auto 0 auto}.panel-body button{border-radius:5px;width:100%}}
@media screen and (max-width:480px){.panel-primary{margin-top:30%}}
  
/* CSS darkmode sesuaikan classnya jika berbeda atau hapus bagian ini */
.darkMode .panel-primary{background:#2d2d30;color:#fefefe}
.darkMode .panel-body input,.darkMode .panel-body input:focus{background:#2d2d30;color:#fefefe}
.darkMode .wcSafeClose{color:#fefefe}

• এবার নিচে দেয়া সেফলিংক আইকন এর কোডগুলো যেখানে ইচ্ছে সেখানে পেস্ট করে দিন।আপনি চাইলে হেডার এর আইকন গুলোর পাশে সেফলিংক আইকনটি যুক্ত করতে পারেন।এজন্য প্রথমে হেডার মেনু গুলো খুঁজে বের করুন।তারপর তার মাঝে পেস্ট করে দিন।আমি median ui তে অ্যাড করবো,তাই <!–[ Profile button ]–> কোডটি খুঁজে বের করে প্রথম </b:if> কোডটি স্কিপ করে এর পরেই নিচে দেয়া কোডগুলো পেস্ট করে দিবো।

<div class='wcSafeShow'><svg viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z'></path><polyline points='5.8859 9.8748 7.7779 11.7698 11.6759 7.8698'></polyline></g></svg></div>

• এখন <data:post.body/> কোডটি সার্চ করুন,এই কোডটি মাত্র একটা থাকে থিমের ভিতর।পেয়ে গেলে নিচে দেয়া কোডগুলো <data:post.body/> এর আগে পেস্ট করে দিন।

<div id='timer'/>
<div style='text-align: center'>
<button class='bt-success hidden' disabled='' id='wcGetLink'>
Get Link
</button>
</div>

• আবারো নিচে দেয়া কোডগুলো <data:post.body/> এর পরে পেস্ট করে দিন।

<div style='text-align: center'>
<button class='bt-success hidden' disabled='' id='gotolink'>
Go to Link
</button>
</div>

• এবারে <footer> এর উপরে নিয়ে দেয়া কোডগুলো পেস্ট করে দিন।

<div class='safeWrap hidden'>
<div class='panel-primary'>
<div class='panel-heading'>
<h2>Generate Link</h2>
</div>
<div class='panel-body'>
<input autocomplete='off' id='generateurl' oninvalid='this.setCustomValidity(&apos;Please Enter valid link&apos;)' placeholder='Enter your link here...' required='required' type='url'/>
<span class='input-group-btn'>
<button class='btn-primary' id='btngenerate' oninvalid='this.setCustomValidity(&apos;Please Enter valid link&apos;)' required='required' type='button'>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18.865 5.1238C19.302 5.2768 19.594 5.6888 19.594 6.1518V12.9248C19.594 14.8178 18.906 16.6248 17.691 18.0248C17.08 18.7298 16.307 19.2788 15.486 19.7228L11.928 21.6448L8.364 19.7218C7.542 19.2778 6.768 18.7298 6.156 18.0238C4.94 16.6238 4.25 14.8158 4.25 12.9208V6.1518C4.25 5.6888 4.542 5.2768 4.979 5.1238L11.561 2.8108C11.795 2.7288 12.05 2.7288 12.283 2.8108L18.865 5.1238Z'/><path class='svg-c' d='M9.32251 11.9177L11.2145 13.8107L15.1125 9.91269'/></svg>Generate</button></span>
<div class='hidden' id='generateloading'>
<svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>
<div class='hidden' id='generatelink'>
<input id='resulturl' onclick='this.focus();this.select()' readonly='readonly' type='text'/>
<button class='copytoclipboard' data-clipboard-action='copy' data-clipboard-target='#resulturl' id='copytoclipboard'>Copy URL</button></div></div>
<a class='wcSafeClose' href='javascript:void'>Close</a>
</div></div>

• এবং সর্বশেষে নিচে দেয়া জাভাস্ক্রিপ্ট কোডগুলো </body> ট্যাগ এর উপরে পেস্ট করে দিন।

<script>
//<![CDATA[
/* Pengaturan safeLink */
var setTimer = 10; //waktu detik
var setColor = '#f89000'; //warna loading timer
var setText = 'Harap Tunggu...'; //pesan pada tombol
var setCopyUrl = 'Salin URL'; // generator salin
var setCopied = 'URL Tersalin'; //generator tersalin

// global script version 1.1 open source code
function safeLDefer(){var d=document.createElement("script");d.src="https://cdn.jsdelivr.net/gh/choipanwendy/safelink-v1.1@main/wcsafelink.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",safeLDefer,!1):window.attachEvent?window.attachEvent("onload",safeLDefer):window.onload=safeLDefer;
//]]> 
</script>

তো এটাই ছিলো আজকের পোস্ট কিভাবে ব্লগারে সেফলিংক জেনারেটর বানানো যায়।

উপসংহার

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

বিশেষ দ্রষ্টব্য : আমি এই স্ক্রিপ্টটি Wendycode থেকে পেয়েছি।তাই ডেমো লিংক গুলোও অরিজিনাল wendycode এর ডেমো লিংক দিয়েছি।

Top 10 Best Video Editing Apps for Android

প্রিমিয়াম ব্লগার টেমপ্লেট , ব্লগিং টিপস , ব্লগার উইজেট স্ক্রিপ্ট , এসইও টিপস পেতে ভিজিট করুন আমার Blogen ব্লগ।আল্লাহ হাফেজ।

The post ব্লগারে মেইন ব্লগে সেফলিংক জেনারেটর বানান অনেক সহজেই।Random Post Generator appeared first on Trickbd.com.

from Trickbd.com https://ift.tt/bCo68YZ
via IFTTT