সোশ্যাল কনটেন্ট লকার (social Content Locker)

আস্‌সালামু আলাইকুম

আশা করি সবাই ভাল আছেন।

সোশ্যাল কনটেন্ট লকার

সোশ্যাল কনটেন্ট লকার (Social Content Locker) কি?


যাদের একটা নিজস্ব ব্লগ/ওয়েব সাইট আছে তারা সেইসব ব্লগ/ওয়েবসাইটে একাধিক সোশ্যাল মিডিয়া শেয়ার বাটন ব্যবহার করে। কিন্তু কতগুলো শেয়ার তাতে পাওয়া যায়? টিটিকেই যদি উদাহরণ হিসাবে ধরি, তাহলে দেখুনতো কতজনে ভিজিট করেছে আর কতজনে তা শেয়ার করেছে? ফলাফল কিন্তু আপনার চোখের সামনে!​

এই "দেখলাম কিন্তু শেয়ার করলাম না"- রীতিতে অভ্যস্ত ভিজিটরকে কিভাবে আপনি শেয়ার করনোয় অভ্যস্ত করতে পারেন? কাউকে তো আর কান ধরে আপনি শেয়ার করাতে পারেন না! তাহলে উপায়?

WordPress এ এমন ডজন ডজন Plug-ins আছে যার মাধ্যমে আপনার ওয়েবসাইটের কনটেন্ট/কন্টেন্ট এর অংশ বিশেষ/চুম্বক অংশ Lock করে দিতে পারেন। নাম Social Content Locker। ভিজিটর ক্লিক করে সোশ্যাল মিডিয়াগুলোর যেকোন একটিতে (যেমন, g+, tweeter, facebook ইত্যাদি) শেয়ার করার মাধ্যমে লুকায়িত অংশ বিশেষ দেখে নিতে পারেন। কিন্তু WordPress এর Plug-ins বিনামূল্যের নয়। ১৯+ ডলার খরচ করে কিনতে হয়। আর Blogger বা Blogspot এর জন্য কোন প্লাগইনস নেই। কিন্তু বিকল্প উপায় আছে!

আজকে এরকম একটি "সোশ্যাল কনটেন্ট লকার (Social Content Locker)" কিভাবে Blogger বা blogspot এ ইন্সটল করা যায় সেই প্রক্রিয়া সম্পর্কে আলোচনা করব।

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

ধাপসমূহঃ


  • প্রথমে আপনার Blogger এ Log In করুন।

  • তারপর Template থেকে Edit HTML এ যান।

[​IMG]
  • এরপর Ctrl+F চেপে </head> খুজে বের করুন আর এর ঠিক উপরে নিচের কোডটি কপি করে পেষ্ট করুন।

<script src='<a class="smarterwiki-link
ify" href="http://code.jquery.com/jquery-1.10.2.min.js">
http://code.jquery.com/jquery-1.10.2.min.js</a>' type='t
ext/javascript'/>
  • এর ঠিক নিচেই কপি করে পেষ্ট করুনঃ

<script src='<a class="smarterwiki-linkify" href="
https://0fbf35074d8fc72d66d79874501738c32737dc58.googledrive.com/ho
st/0B9yW-IonjS65UGFwbWpxUlc5MFk">https://0fbf35074d8fc72d66d7987450
1738c32737dc58.googledrive.com/host/0B9yW-IonjS65UGFwbWpxUlc5MFk</a
>' type='text/javascript'/> <script type='text/javascript'> //<![CD
ATA[ jQuery(document).ready(function ($) { $('#default-usage .to-lo
ck').sociallocker({ buttons: {order:["facebook-like","twitter-tweet
","google-plus"]}, twitter: {url:"<a class="smarterwiki-linkify" hr
ef="https://twitter.com/ID">https://twitter.com/ID</a>"}, facebook:
 {url:"<a class="smarterwiki-linkify" href="https://www.facebook.co
m/Page">https://www.facebook.com/Page</a> ID"}, google: {url:"<a cl
ass="smarterwiki-linkify" href="https://www.google.com/g+">https://
www.google.com/g+</a> id"}, text: { header: "Like us To Unlock This
 Content", message: "This content is locked. Like us on Twitter, Fa
cebook or Google plus to unlock it." }, locker: {close: false, time
r: 0,}, theme: "secrets" }); }); //]]> </script></code></span></h3>
</div>
  • এরপর লাল রঙের লিংকগুলো আপনার নিজস্ব লিংক দিয়ে পরিবর্তন করে নিন। আপনি চাইলে Header আর Message এর Text ও পরিবর্তন করে নিতে পারেন। না করলেও কোন সমস্যা নেই।
  • এগুলো একবার করলেই হয়। বারবার করতে হয় না।
  • প্রথম ধাপের কাজ এখানেই শেষ। এখন আপনার Personal Website/Blog টিতে Social Content Locker সম্পূর্ণরূপে কাজ করতে সক্ষম।
  • এরপর আপনি নতুন কোন পোষ্ট করতে যাবেন তখন প্রতিবারই HTML Edit অপশন ব্যবহার করে আপনার পোষ্টকৃত Content এর অংশ বিশেষ বা পুরো পোষ্টটুকু নিচের দেয়া কোডটির ADD YOUR TEXT HERE অংশেটি পরিবর্তন করে পোষ্ট পাবলিশ করলেই আপনি পেয়ে যাবেন কাঙ্খিত ফলাফল।
<article id="default-usage">
<div style="display:none;">
-- ADD YOUR CONTENT HERE --
</div>
</article>

ছবিতে দেখুনঃ
[​IMG]

সরাসরি নমুনা দেখুনঃ
The BD Joker

পূর্বে প্রকাশিতঃ  Tips & Tricks

Level 0

আমি raihan ahmed। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 7 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 4 টি টিউন ও 26 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

Dear Brother,
Amer Code ta paste korer por error dekache,,,, as “src”….& “<" …
Tai …. code paste korer por kutai kutai ke ke modify korte hobe please bolen…
As I'm new at blogger developer….

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

আমার ফেসবুক আইডিঃ http://www.fb.com/raihan143