প্রযুক্তির খেলা ব্লগস্পট থেকে তার নিজস্ব ডোমেইনে
তাই ভিজিট করুন আমার সাইটে www.projuktirkhela.com

Subscribe to our RSS feed to stay updated on our progress.

সোমবার, জানুয়ারী ৭

Add Touch Me Social Sharing Widget নিয়ে নিন ব্লগারের জন্য

কি খবর ব্লগারা কেমন আছেন?দুই একদিন জাবত ব্লগিং নিয়ে লিখা লিখি করছি। আজও একটি ব্লগার widget শেয়ার করবো। সেটি দেখতে আসলেই অনেক সুন্দর। নিচে থেকে এর এই ডেমো দেখে নিন। ভাল লাগলে নিয়ে নিয়েন।

প্রথমেই ব্লগারে লগইন করুন।
তারপর layout এ চলে যান
সেখানে গিয়ে Add a Gadget এ ক্লিক করুন
তারপর HTML/JavaScript এ ক্লিক করুন।
এবার নিচের কোডটি কপি করে সেখানে দিয়ে Save করে দিন।

<style>
/*--------WT Touch Me Social Sharing Widget by projuktirkhela.blogspot.com ------*/
.touchme a {
display:block;
height:50px;
width:50px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHqJ-5nTqyrMIOkWMjWCYPWL8Pn7vREfDo8dfhQUHgOumPyRy-ALz8tfVTyEJK4-BkhHCAKJMpbHzKQ5W5L8mbhjXjDigRf_xebxXzNh9UdNqiFxvFb8EPZRoRBKEGj2lziZZzXkcAbQK/s454/Sharing%2520Touch%2520Me.png) no-repeat;
-webkit-transition: ease-in 0.2s all;
-moz-transition: ease-in 0.2s all;
-o-transition: ease-in 0.2s all;
-ms-transition: ease-in 0.2s all;
transition: ease-in 0.2s all;
cursor:pointer;
}.touchme a.googleplus {
background-position: 0px -58px;
}
.touchme a.googleplus:hover {
background-position: 0px 0px;
}.touchme a.twitter {
background-position: 0px -290px;
}
.touchme a.twitter:hover {
background-position: 0px -232px;
}
.touchme a.facebook {
background-position: 0px -406px;
}
.touchme a.facebook:hover {
background-position: 0px -348px;
}
.touchme a.rss {
background-position: 0px -174px;
}
.touchme a.rss:hover {
background-position: 0px -116px;
}
</style>
<div class='touchme'>

<a class='rss' href="http://feeds.feedburner.com/projuktirkhela" rel='external nofollow' target='_blank'></a>

<a class='googleplus' href="https://plus.google.com/103593204016755715965/" rel='external nofollow' target='_blank'></a>

<a class='facebook' href="https://www.facebook.com/projuktir.khela" rel='external nofollow' target='_blank'></a>

<a class='twitter' href="https://www.twitter.com/projuktirkhela" rel='external nofollow' target='_blank' ></a>
</div>

Customization:

Replace projuktirkhela with your feed username.
Replace 103593204016755715965 with your Google+ ID.
Replace projuktir.khelawith your Facebook username.
Replace projuktirkhela with your Twitter username.

ভাল লাগলে শেয়ার ও কমেন্ট কিন্তু চাই।

ফেসবুক থেকে সরাসরি লাইভ আপডেট পেতে লাইক করুন আমার ফ্যানপেজে

কোন মন্তব্য নেই:

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

এতে সদস্যতা: মন্তব্যগুলি পোস্ট করুন (Atom)