📢 Sponsor post

ফ্রিতে Payoneer মাস্টারকার্ড নিন খুব সহজে

আসসালামু আলাইকুম। কিছুদিন আগে popads নামক একটি ওয়েবসাইট এর মাধ্যমে মাস্টারকার্ড অর্ডার করা যেত। কিন্তু সেই অফারটি বন্ধ হয়ে যাওয়ায় অনেকে...

ব্লগস্পটে লাগিয়ে নিন দারুণ একটি শেয়ারিং উইডগেট


একটি ব্লগে সোশ্যাল শেয়ারিং উইডগেট গুরুত্বপূর্ণ ভূমিকা পালন করে থাকে। পাঠক আপনার লেখা পছন্দ করলে এবং বিভিন্ন সোশ্যাল সাইটে সেই পোষ্টটি শেয়ার করে থাকে সোশ্যাল শেয়ারিং উইডগেটের মাধ্যামে। আর পোষ্ট শেয়ারিং এর মাধ্যমে আপনার লেখা অন্যের কাছে পৌঁছে যায় দ্রুত। তাই ব্লগে সোশ্যাল শেয়ারিং উইডগেট থাকা খুবই প্রয়োজনীয়। শুধু শেয়ারিং উইডগেট থাকলেই চলবেনা আপনাকে সেই শেয়ারিং উইডগেটের আকর্ষণীয়তাকেও বিবেচনা করতে হবে। আকর্ষণীয় শেয়ারিং উইডগেটে শেয়ার করার প্রবণতা অনেক বৃদ্ধি পায় পাঠকের কাছে।

আজ আপনাদের ব্লগস্পট ব্লগের জন্য এমনই একটি সোশ্যাল শেয়ারিং উইডগেট সম্পর্কে জানাচ্ছি। উইডগেটটি পিউর সিএসএস ৩ দ্বারা তৈরি। তাই দেখতে অনেক আকর্ষণীয়। এই ব্লগস্পট শেয়ারিং উইডগেটটির লাইভ ডেমো দেখতে এখানে ক্লিক করুন।

এখন ভাবছেন কিভাবে আপনার ব্লগস্পট ব্লগে এই শেয়ারিং উইডগেটটি যুক্ত করবেন? এই উইডগেটটি আপনার ব্লগস্পট ব্লগে লাগানো খুবই সোজা। নিচের পদ্ধতি অনুসরন করে আপনিও আপনার ব্লগস্পট ব্লগের সকল পোষ্টের নিচে দেখান এই পিউর সিএসএস৩ সোশ্যাল শেয়ারিং উইডগেট।


  • ব্লগস্পট ব্লগের ড্যাশবোর্ডে লগিন করে Template এর Edit HTML ক্লিক করুন।  
  • এখন নিচের কোডটি খুঁজে বের করুন।  তবে মনে রাখবেন, একেক ব্লগার টেমপ্লেটে পোষ্ট ফুটার একাধিক থাকে। তাই কখনও নিচের কোডটাতে কাজ করতে না পারে। আপনার কোডিং সম্পর্কে ধারণা থাকলে আপনার টেমপ্লেটের সঠিক পোষ্ট ফুটার সেকশনে উইডগেটটি বসাবেন। আর যাদের কোডিং বুঝতে সমস্যা হয় তাঁরা আমাকে আপনার ব্লগ ঠিকানা সহ জানাবেন। আশা করি আপনাকে সাহায্য করতে পারব।
<div class='post-footer'>
  • উপরের কোডটি খুঁজে পেলে কোডটির ঠিক পরেই যোগ করে দিন নিচের কোডগুলো। 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <link href='https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/abt-social-anime.css' rel='stylesheet' type='text/css'/>
    <ul class='abt-social' id='abt-cssanime'>
    <li class='abt-facebook'>
    <a expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title ' onclick='window.open(this.href,&apos;sharer&apos;,&apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' title='Share this on Facebook'><strong>Facebook</strong></a>
    </li>
    <li class='abt-twitter'>
    <a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot; -- &quot; + data:post.url ' rel='nofollow' title='Tweet This!'><strong>Twitter</strong></a>
    </li>
    <li class='abt-googlebuzz'>
    <a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;imageurl=&quot;' rel='nofollow' title='Post on GoogleBuzz'><strong>Google Buzz</strong></a>
    </li>
    <li class='abt-digg'>
    <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Digg this!'><strong>Digg</strong></a>
    </li>
    <li class='abt-delicious'>
    <a expr:href='&quot;http://delicious.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on del.icio.us'><strong>Delicious</strong></a>
    </li>
    <li class='abt-linkedin'>
    <a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;summary=&amp;source=&quot;' rel='nofollow' title='Share this on LinkedIn'><strong>LinkedIn</strong></a>
    </li>
    <li class='abt-reddit'>
    <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title ' rel='nofollow' title='Share this on Reddit'><strong>Reddit</strong></a>
    </li>
    </ul>

    <style>
    .widgetcredit {
    text-indent: -9999px;
      }
    </style>
    <div class="widgetcredit">Widget By<a href="http://www.bloggermaruf.com" rel="dofollow">Blogger Maruf</a> and <a href="http://rupayon24.blogspot.com" rel="dofollow">Rupayon 24</a></div>

    </b:if> 
  • ব্যাস, আপনার কাজ শেষ। এখন আপনার ব্লগের যেকোন একটি পোষ্ট দেখুন যে উইডগেটটি ঠিকভাবে লাগানো হয়েছে কিনা।