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









☞ উপর থেকে দেখে আসুন । আশাকরি ডেমো দেখা সম্পূর্ণ হয়েছে তাহলে এবার নিচের স্টেপ গুলো দেখে নিন কিভাবে আপনার ব্লগার ব্লগে যুক্ত করবেন ।



কিভাবে আপনার ব্লগে যুক্ত করবেন নিচেত টিপস দেখুনঃ



  • প্রথমে আপনার ব্লগার ব্লগ লগইন করুন ।
  • ড্যাশবোর্ড থেকে Layout → Add a Gadget →HTML/Javascript এ ক্লিক করুন ।
  • এবার Content ঘরে নিচের কোড গুলো কপি পেস্ট করুন ।




<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<!--
$(document).ready(function() {$(".gplusbox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-330"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.gplusbox{
background: url("http://4.bp.blogspot.com/-okzPzWuiDGg/UMOGvgAcgAI/AAAAAAAABpQ/8Q8oTKkyA6Q/s400/g%252B%2Bsoftglad.png") no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 275px;
padding: 0 0px 0 46px;
width: 325px;
z-index: 99999;
position:fixed;
right:-330px;
top:20%;
}
.gplusbox div{
padding: 8px;
background: white;
border: 2px solid #D64937;
border-radius: 15px;
border-right: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
</style>
<div class="gplusbox"><div>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/101073711453747706715" data-source="blogger:blog:followers" data-width="320">
</div>
<script type="text/javascript">

      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>
</div></div>



উপরের কোড থেকে 101073711453747706715 এটা মুছে আপনার গুগল+ ID দিন !



☞ অনেক নতুন বন্ধু ভাবছেন গুগল+ ID আবার কোনটা তাহলে তারা নিচের স্ক্রীনশর্ট দেখুনঃ





  • এবার সব কাজ শেষ Save এ ক্লিক করে বেরিয়ে আসুন । 




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

একটি মন্তব্য পোস্ট করুন Blogger

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

 
Top
Blogger Widgets