২৩.২.১৩

ওয়েলকাম বারের সাথে শেয়ার বাটন আপনার ব্লগের জন্য

আপনি হয়ত দেখতে পাচ্ছেন ,এই সাইটের ঠিক উপরে একটা লাল শেয়ারিং বার আছে।বাংলা সাইট হিসাবে আমরা এটা বাংলায় লিখেছি।আপনি ইচ্ছা করলে এটাকে ইংরাজীতে লিখে নিতে পারেন।সাথে আপনার ভিজিটরদের একটা ওয়েলকাম মেসেজও দিতে পারেন।






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

"Tell your friend about us" এবং শেয়ারিং বাটন দেখাবে ফেসবুক।একই ভাবে টুইটার থেকে আসলে টুইটারের শেয়ারিং বাটন দেখাবে।





ফ্লটিং শেয়ারিং বাটনের মত এটাও আপনার সাইটের স্পেস নস্ট করে না।তাছাড়া খুব সহজেই আপনার ভিজিটরের নজরে পড়বে।আশা অরা যায় এই শেয়ারিং বারটি অবশ্যই আপনার ভিজিটর বারাবে।

এই বারটি আপনার ব্লগে যুক্ত করা খুবই সহজ।শূধু একটা নতুন গেডগেট যুক্ত করলেই হবে।আপ্অনার ব্লগারে লগ ইন করে লে আউট পেজে যান এবং নতুন একটি গেডগেট যুক্ত করুন।নিচের কোড গুলো প্রবেশ করান এবং সেভ দিন।



<script type="text/javascript" src="//s7.addthis.com/js/250/addthis_widget.js#pubid=ra-503e5e99593dc42c"></script>
<script type='text/javascript'>
addthis.bar.initialize({'default':{
                "backgroundColor": "#FC1C2E",
                "buttonColor": "#2409F4",
                "textColor": "#1A37D9",
                "buttonTextColor": "#FFFFFF"
},rules:[
                {
                                "name": "AnyOther",
                                "message": "If you enjoy this page, do us a favor:",
                                "action": {
                                                "type": "button",
                                                "text": "Share this page",
                                                "verb": "share",
                                                "service": "preferred"
                                }
                },
                {
                                "name": "Twitter",
                                "match": {
                                                "referringService": "twitter"
                                },
                                "message": "If you find this page helpful:",
                                "action": {
                                                "type": "button",
                                                "text": "Tweet it!",
                                                "verb": "share",
                                                "service": "twitter"
                                }
                },
                {
                                "name": "Facebook",
                                "match": {
                                                "referringService": "facebook"
                                },
                                "message": "Tell your friends about us:",
                                "action": {
                                                "type": "button",
                                                "text": "Share on Facebook",
                                                "verb": "share",
                                                "service": "facebook"
                                }
                },
                {
                                "name": "Google",
                                "match": {
                                                "referrer": "google.com"
                                },
                                "message": "If you like this page, let Google know:",
                                "action": {
                                                "type": "button",
                                                "text": "+1",
                                                "verb": "share",
                                                "service": "google_plusone_share"
                                }
                }
]});
</script>

কোড ডাউনলোড

 পরিবর্তনঃ
লাল রঙ এর অংশটুকু আপনার মেসেজের জন্য।আপনি ইচ্ছে করলে এটা পরিবর্তন করতে পারেন।

নীল রঙের অংশ টুকু বাটনের জন্য।

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

ইমেইলের মাধ্যমে প্রতিদিনের আপডেট নিন

Follow us!

1 মন্তব্য(গুলি):

আপনার লিখাটি অনেক সুন্দর হয়েছে।

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

আপনার বন্ধুকে জানান

Twitter Delicious Facebook Digg Stumbleupon Favorites More