Welcome to MN soft BD

Monday, May 28, 2018

HCI Channel

আপনার ব্লগস্পট ব্লগে ফেসবুক ম্যাসিন্জার বোটাম যুক্ত করুন। [How to add FB Messenger option in your Blog]

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

১। সর্বপ্রথম আপনার ব্লগ সাইটটি ওপেন করুন।
২। সেখান থেকে Themes এ ক্লিক করুন।
৩। Themes ক্লিক করার পর Edit HTML লেখায় ক্লিক করুন।
৪। Edit HTML ওপেন হলে Ctrl + F চাপুন এবং সার্চ বক্সে টাইপ করুন </body> ।
৫। </body> ঠিক উপরে নিচের কোডগুলো কপি করে পেষ্ট করুন।


<style>.fb-livechat,.fb-widget{display:none}.ctrlq.fb-button,.ctrlq.fb-close{position:fixed;right:24px;cursor:pointer}.ctrlq.fb-button{z-index:1;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:60px;height:60px;text-align:center;bottom:24px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}.ctrlq.fb-button:focus,.ctrlq.fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}.fb-widget{background:#fff;z-index:2;position:fixed;width:360px;height:435px;overflow:hidden;opacity:0;bottom:0;right:24px;border-radius:6px;-o-border-radius:6px;-webkit-border-radius:6px;box-shadow:0 5px 40px rgba(0,0,0,.16);-webkit-box-shadow:0 5px 40px rgba(0,0,0,.16);-moz-box-shadow:0 5px 40px rgba(0,0,0,.16);-o-box-shadow:0 5px 40px rgba(0,0,0,.16)}.fb-credit{text-align:center;margin-top:8px}.fb-credit a{transition:none;color:#bec2c9;font-family:Helvetica,Arial,sans-serif;font-size:12px;text-decoration:none;border:0;font-weight:400}.ctrlq.fb-overlay{z-index:0;position:fixed;height:100vh;width:100vw;-webkit-transition:opacity .4s,visibility .4s;transition:opacity .4s,visibility .4s;top:0;left:0;background:rgba(0,0,0,.05);display:none}.ctrlq.fb-close{z-index:4;padding:0 6px;background:#365899;font-weight:700;font-size:11px;color:#fff;margin:8px;border-radius:3px}.ctrlq.fb-close::after{content:&#39;x&#39;;font-family:sans-serif}</style>  
 <div class='fb-livechat'>
  <div class='ctrlq fb-overlay'/>
  <div class='fb-widget'>
   <div class='ctrlq fb-close'/>
   <div class='fb-page' data-height='400' data-hide-cover='true' data-href='https://www.facebook.com/munna.mn/' data-show-facepile='false' data-small-header='true' data-tabs='messages' data-width='360'>
    <blockquote cite='https://www.facebook.com/munna.mn/' class='fb-xfbml-parse-ignore'> </blockquote>
   </div>
   <div class='fb-credit'> 
    <a href='http://www.mnsoftbd.com' target='_blank'>Facebook Chat Widget by www.mnsoftbd.com</a>
   </div>
   <div id='fb-root'/>
  </div>
  <a class='ctrlq fb-button' href='https://m.me/digital.inspiration' title='Send us a message on Facebook'/> 
 </div>
 <script src='https://connect.facebook.net/en_US/sdk.js'/>
 <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
 <script>$(document).ready(function(){var t={delay:125,overlay:$(&quot;.fb-overlay&quot;),widget:$(&quot;.fb-widget&quot;),button:$(&quot;.fb-button&quot;)};setTimeout(function(){$(&quot;div.fb-livechat&quot;).fadeIn()},8*t.delay),$(&quot;.ctrlq&quot;).on(&quot;click&quot;,function(e){e.preventDefault(),t.overlay.is(&quot;:visible&quot;)?(t.overlay.fadeOut(t.delay),t.widget.stop().animate({bottom:0,opacity:0},2*t.delay,function(){$(this).hide(&quot;slow&quot;),t.button.show()})):t.button.fadeOut(&quot;medium&quot;,function(){t.widget.stop().show().animate({bottom:&quot;30px&quot;,opacity:1},2*t.delay),t.overlay.fadeIn(t.delay)})})});</script>  

লাল দাগ দেওয়া গুলো পরিবর্তন করতে পারবেন। সেখানে আপনার সাইটের নাম www.mnsoftbd.comএবং ফেসবুক https://www.facebook.com/munna.mn পেইজের নাম দিতে হবে।
কাজ সম্পন্ন হলে টেম্পেল্টটি সেইভ করুন।
এবার আপনার ওয়েভ সাইট ভিজিট করুন। 

HCI Channel

About HCI Channel -

I am looking forward to work for a dynamic organization where my knowledge and skill will be rewarded and appreciated and where career is guaranteed. Good Communication skill and ability to do hard work honestly and dedicated to my own duties.

Subscribe to this Blog via Email :