Add Share Button Below The Blog Post And Title

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


১। template > Back up/Restore Click করে Back up রাখুন। এবার Edit HTML ক্লিক করুন। Expend Widget চেক বক্সে টিক দিন।

২। ব্লগারের অফিসিয়াল বাটন বাদ দিতে Ctrl+F চাপুন এবং সাচ© বক্সের সাহায্যে নিচের কোডটি খুঁজে বের করুন এবং ডিলেট করুনঃ

<div class='post-share-buttons goog-inline-block'>
        <b:if cond='data:post.sharePostUrl'>
          <b:include data='post' name='shareButtons'/>
        </b:if>
 </div>

অথবা শুধুমাত্র <b:include data='post' name='shareButtons'/> এই কোডটি ডিলিট করলেও চলবে। 

৩।এবার নতুন শেয়ার বাটন যুক্ত করতে Ctrl+F চাপুন এবং সাচ© বক্সের সাহায্যে নিচের কোডটি খুঁজে বের করুনঃ
ব্লগ পোষ্টের নিচে শেয়ার বাটন যোগ করতে নিচের কোডটি

<div class='post-footer-line post-footer-line-3'/>

৪। ঠিক এই লাইনের ‍উপরে আপনার পছন্দ মত নিচের যেকোন একটি কোড পেষ্ট করুন।
লিখে খুঁজে বের করুন।

প্রথমঃ 
 





এই ধরণের শেয়ার বাটনের জন্য কোডঃ
<div>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_twitter_vcount' displayText='Tweet'/>
<span class='st_linkedin_vcount' displayText='LinkedIn'/>
<span class='st_pinterest_vcount' displayText='Pinterest'/>
<span class='st_email_vcount' displayText='Email'/>
<span class='st_sharethis_vcount' displayText='ShareThis'/>
</div>

দ্বিতীয়ঃ




এই ধরণের শেয়ার বাটনের জন্য কোডঃ
<div>
<span class='st_sharethis_hcount' displayText='ShareThis'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_linkedin_hcount' displayText='LinkedIn'></span>
<span class='st_pinterest_hcount' displayText='Pinterest'></span>
<span class='st_email_hcount' displayText='Email'></span>
</div>

তৃতীয়ঃ





এই ধরণের শেয়ার বাটনের জন্য কোডঃ

<div>
<span class='st_facebook_large' displayText='Facebook'></span>
<span class='st_twitter_large' displayText='Tweet'></span>
<span class='st_linkedin_large' displayText='LinkedIn'></span>
<span class='st_pinterest_large' displayText='Pinterest'></span>
<span class='st_email_large' displayText='Email'></span>
<span class='st_sharethis_large' displayText='ShareThis'></span>
</div>

আর ব্লগ টাইটেলের নিচে শেয়ার বাটন যোগ করতে নিচের কোডটি খুঁজে বের করুনঃ

<div class='post-header'>
<div class='post-header-line-1'/>
    </div>

এবার শেয়ার বাটন কোডটি <div class='post-header'> এর নিচে পেষ্ট করুন। তাহলে কোডটি এমন হবেঃ

<div class='post-header'>
<div>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_twitter_vcount' displayText='Tweet'/>
<span class='st_linkedin_vcount' displayText='LinkedIn'/>
<span class='st_pinterest_vcount' displayText='Pinterest'/>
<span class='st_email_vcount' displayText='Email'/>
<span class='st_sharethis_vcount' displayText='ShareThis'/>
</div>
<div class='post-header-line-1'/>
    </div>

৫। এখণ আবার Ctrl+F চাপুন এবং </head> কোডটি খুঁজে বের করুন। এবার নিচের কোডটি ঠিক </head> এর উপরে পেষ্ট করুন।

<script type="text/javascript">var switchTo5x=true;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "435b5b59-4d14-4db6-9006-09332c012dbe"});</script>

আশা করি আপনি নিজেই এটি করতে পারবেন। আর আপনার সমস্যায় কমেন্ট করতে পারেন। সবাইকে ধন্যবাদ জানিয়ে বিদায় নিচ্ছি।