এটি সাইটে এটি আমার প্রথম পোষ্ট। এই পোষ্টে আমি দেখাবো ব্লগার ব্লগ পোষ্টের নিচে এবং ব্লগ টাইটেলে নিচে কিভাবে বিভিন্ন সুন্দর শেয়ার বাটন যুক্ত করবেন। শেয়ার বাটন আপনার ব্লগকে আরও প্রফেশনাল করে তুলবে এবং অধিক ভিজিটর পেতে সাহায্য করবে।শেয়ার বাটন যুক্ত করতে আপনাকে প্রথমে ব্লগার ড্যাশবোর্ডে গিয়ে
১। 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>
তৃতীয়ঃ
এই ধরণের শেয়ার বাটনের জন্য কোডঃ
<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 class='post-header'>
<div class='post-header-line-1'/>
এবার শেয়ার বাটন কোডটি <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>
আশা করি আপনি নিজেই এটি করতে পারবেন। আর আপনার সমস্যায় কমেন্ট করতে পারেন। সবাইকে ধন্যবাদ জানিয়ে বিদায় নিচ্ছি।
ডেমো দেখুন শেয়ার বাটন ডেমো
আশা করি আপনি নিজেই এটি করতে পারবেন। আর আপনার সমস্যায় কমেন্ট করতে পারেন এবং বিভিন্ন বিষয়ে এমন টিপস পেতে ভিজিট করুন আমার ব্লগ Online Tutorial-BD সবাইকে ধন্যবাদ জানিয়ে বিদায় নিচ্ছি।
![jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব](https://dnc.techtunes.io/tDrive/tuner/2018/04/techtunes_fee81aa370998cccf57ea2d7dc08eaa8-368x207.jpg "jQuery for Web Design [পর্ব-০৪] :: jQuery এর FadeIn FadeOut মেথড জানবো ও ব্যবহার করে দেখব")
