আসসালামু আলাইকুম। সবাইকে মাহে রমজানের শুভেচ্ছা জানিয়ে শুরু করছি আজকের এই টিউন।
আজকের টিউনে দেখাবো কিভাবে আপনি আপনার ব্লগার সাইটে কভার ফটো সহ ফেইসবুক লাইক বক্স যুক্ত করবেন।
সম্প্রতি ফেইসবুক অথরিটি তাদের Graph API আপডেট করেছে। তাদের বর্তমান ভার্সন Graph API v2.3. এই নতুন ভার্সনে তারা নতুন কিছু ফিচার যুক্ত করেছে ফেসবুক প্লাগইন্স গুলোতে। তার মধ্যে ফেইসবুক কভার ফটো একটি।
ফেইসবুক লাইক বক্স প্লাগইন্স এ কভার ফটো সহ ফেইসবুক লাইক বক্স ব্যবহার করা যাবে। এতে করে সহজে আপনি আপনার ফেইসবুক পেইজ ভিজিটরদের মাঝে প্রমোট করতে পারবেন।
ভিজিটররা আপনার ব্লগে থেকেই আপনার পেইজ লাইক সহ শেয়ার করতে পারবে। তাহলে চলুন কাজ শুরু করা যাক।
প্রথমেই আপনাকে javascript SDK আপনার ব্লগে এড করতে হবে। যদি এড করা থাকে তাহলে নতুন করে এড করতে হবে না।
প্রথমে Blogger Dashboard > Template > Edit HTML এবং <body> ট্যাগের পরে নিচের কোড গুলো শেয়ার করুন।
<div id='fb-root'/> <script type='text/javascript'> //<![CDATA[ window.fbAsyncInit = function() { FB.init({ appId : 'FB APP ID', status : true, // check login status cookie : true, // enable cookies xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); //]]> </script>
নোটঃ FB APP ID এর জায়গায় আপনার ফেইসবুক এপ আইডিটি বসান।
তারপর টেমপ্লেটটি সেভ করুন।
তারপর Layout > Add a gadget > HTML/Javascript এ নিচের কোড গুলো পেষ্ট করুন।
<div class="fb-page" data-href="https://www.facebook.com/USERNAME" data-data-data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/USERNAME"><a href="https://www.facebook.com/USERNAME">MS Design</a></blockquote></div></div>
নোটঃ USERNAME এর জায়গায় আপনার ফেইসবুক ইউজার নেম বসান।
ব্যস কাজ শেষ। আর কোন সমস্যা হলে টিউনমেন্ট এ জানাবেন অথবা ফেইসবুকে আছি আমি।
সৌজন্যেঃ MS Design
আমি মোহাম্মাদ সুবেল। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 11 বছর 10 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 34 টি টিউন ও 140 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
আমি জানি এটা সত্যিই। তাই সত্যিই বলছি এটা সত্যিই।
![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 মেথড জানবো ও ব্যবহার করে দেখব")
Good job. ..