আজকের টিউনে দেখাবো কিভাবে আপনি আপনার ব্লগার সাইটে কভার ফটো সহ ফেইসবুক লাইক বক্স যুক্ত করবেন।
সম্প্রতি ফেইসবুক অথরিটি তাদের 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-width=”300″ data-height=”250″ 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”><ahref=”https://www.facebook.com/USERNAME”>MS Design</a></blockquote></div></div>
নোটঃ USERNAME এর জায়গায় আপনার ফেইসবুক ইউজার নেম বসান।
![প্রোগ্রামিং জগতে আপনিও হতে পারবেন অন্যতম একজন প্রোগ্রামার। শিখেনিন C++ এর A to Z, [পর্ব-39 ] :::Friend (ভিডিও)।](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9q6EKabVI4Ng0I_SX8ixLTTBQXyMEpxuPlaFcgNAlDDp0dxT7BgZhx6H87mfxOZMwnpyqtQ7yVSqO2r6dwMNc0CRZaIzqzdbOrcvUkl4mia9he2et6sLKHn6diw_ytvvtK4CZWYa5h_U/s1600/misc01.jpg)
No comments:
Post a Comment