ব্লগস্পট ব্লগের জন্য অসাধারন স্লাইডিং গুগল+ বক্স !!

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

গুগল+ ডেমো বাটন

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

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

• প্রথমে আপনার ব্লগার ব্লগ লগইন করুন ।

• ড্যাশবোর্ড থেকে 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 এ ক্লিক করে বেরিয়ে আসুন । 

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