একটি ব্লগে সোশ্যাল
শেয়ারিং উইডগেট গুরুত্বপূর্ণ
ভূমিকা পালন করে থাকে। পাঠক
আপনার লেখা পছন্দ
করলে এবং বিভিন্ন সোশ্যাল
সাইটে সেই টিউনটি শেয়ার
করে থাকে সোশ্যাল
শেয়ারিং উইডগেটের মাধ্যামে।
আর টিউন শেয়ারিং এর
মাধ্যমে আপনার লেখা অন্যের
কাছে পৌঁছে যায় দ্রুত। তাই
ব্লগে সোশ্যাল
শেয়ারিং উইডগেট থাকা খুবই
প্রয়োজনীয়। শুধু শেয়ারিং উইডগেট
থাকলেই চলবেনা আপনাকে সেই
শেয়ারিং উইডগেটের
আকর্ষণীয়তাকেও
বিবেচনা করতে হবে। আকর্ষণীয়
শেয়ারিং উইডগেটে শেয়ার
করার প্রবণতা অনেক বৃদ্ধি পায়
পাঠকের কাছে।
আজ আপনাদের ব্লগস্পট ব্লগের জন্য
এমনই একটি সোশ্যাল
শেয়ারিং উইডগেট
সম্পর্কে জানাচ্ছি।
উইডগেটটি পিউর সিএসএস ৩
দ্বারা তৈরি। তাই দেখতে অনেক
আকর্ষণীয়। এই ব্লগস্পট
শেয়ারিং উইডগেটটির লাইভ
ডেমো দেখতে এখানে ক্লিক করুন।
এখন ভাবছেন কিভাবে আপনার
ব্লগস্পট ব্লগে এই
শেয়ারিং উইডগেটটি যুক্ত করবেন?
এই উইডগেটটি আপনার ব্লগস্পট
ব্লগে লাগানো খুবই সোজা।
নিচের পদ্ধতি অনুসরন করে আপনিও
আপনার ব্লগস্পট ব্লগের সকল টিউনের
নিচে দেখান এই পিউর সিএসএস৩
সোশ্যাল শেয়ারিং উইডগেট।
ব্লগস্পট ব্লগের
ড্যাশবোর্ডে লগিন
করে Template এর Edit HTML
ক্লিক করুন।
এখন নিচের
কোডটি খুঁজে বের করুন।
তবে মনে রাখবেন, একেক
ব্লগার টেমপ্লেটে টিউন
ফুটার একাধিক থাকে।
তাই কখনও নিচের
কোডটাতে কাজ
করতে না পারে। আপনার
কোডিং সম্পর্কে ধারণা থাকলে আপনার
টেমপ্লেটের সঠিক টিউন
ফুটার
সেকশনে উইডগেটটি বসাবেন।
আর যাদের
কোডিং বুঝতে সমস্যা হয়
তাঁরা আমাকে আপনার
ব্লগ ঠিকানা সহ
জানাবেন।
আশা করি আপনাকে সাহায্য
করতে পারব।
<div class='post-footer'>
উপরের
কোডটি খুঁজে পেলে কোডটির
ঠিক পরেই যোগ করে দিন
নিচের কোডগুলো।
<b:if cond='data:blog.pageType
== "item"'>
<link href='https://
dl.dropboxusercontent.com/
u/76401970/All%20Blogger
%20Tricks/abt-social-
anime.css' rel='stylesheet'
type='text/css'/>
<ul class='abt-social' id='abt-
cssanime'>
<li class='abt-facebook'>
<a expr:href='"http://
www.facebook.com/share.php?
v=4&src=bm&u="
+ data:post.url +
"&t=" +
data:post.title '
onclick='window.open
(this.href,'sharer','toolbar=0,status=0,width=626,height=436');
return false;' rel='nofollow'
title='Share this on
Facebook'><strong>Facebook</
strong></a>
</li>
<li class='abt-twitter'>
<a expr:href='"http://
twitter.com/home?
status=" + data:post.title +
" -- " + data:post.url
' rel='nofollow' title='Tweet
This!'><strong>Twitter</
strong></a>
</li>
<li class='abt-googlebuzz'>
<a expr:href='"http://
www.google.com/buzz/post?
url=" + data:post.url +
"&imageurl="'
rel='nofollow' title='Post on
GoogleBuzz'><strong>Google
Buzz</strong></a>
</li>
<li class='abt-digg'>
<a expr:href='"http://
digg.com/submit?
phase=2&url=" +
data:post.url +
"&title=" +
data:post.title ' rel='nofollow'
title='Digg this!'><strong>Digg</
strong></a>
</li>
<li class='abt-delicious'>
<a expr:href='"http://
delicious.com/post?url="
+ data:post.url +
"&title=" +
data:post.title ' rel='nofollow'
title='Share this on
del.icio.us'><strong>Delicious</
strong></a>
</li>
<li class='abt-linkedin'>
<a expr:href='"http://
www.linkedin.com/shareArticle?
mini=true&url=" +
data:post.url +
"&title=" +
data:post.title +
"&summary=&source="'
rel='nofollow' title='Share this
on LinkedIn'><strong>LinkedIn</
strong></a>
</li>
<li class='abt-reddit'>
<a expr:href='"http://
reddit.com/submit?url=" +
data:post.url +
"&title=" +
data:post.title ' rel='nofollow'
title='Share this on
Reddit'><strong>Reddit</
strong></a>
</li>
</ul>
<style>
.widgetcredit {
text-indent: -9999px;
}
</style>
<div>Widget By<a href="http://
www.bloggermaruf.com"
rel="dofollow">Blogger Maruf</
a> and <a href="http://
rupayon24.blogspot.com"
rel="dofollow">Rupayon 24</
a></div>
</b:if>
ব্যাস, আপনার কাজ শেষ।
এখন আপনার ব্লগের
যেকোন একটি টিউন
দেখুন
যে উইডগেটটি ঠিকভাবে লাগানো হয়েছে কিনা।
