নিচের দিকনির্দেশনা গুলো যথাযথভাবে অনুসরন করুন কোনরকম ভুল না করে।
১. প্রথমত আপনার ব্লগের টেমপ্লেটটিকে ব্যাকআপ করে রাখুন। নিচের চিত্রগুলো যথাযথভাবে অনুসরন করুন।
ক. Template-এ ক্লিক করুন।
খ. Backup/Restore -এ ক্লিক করুন।
গ. Download Full Template এ ক্লিক করুন এবং সেভ করুন। Close করুন।
ঘ. এখন Layout-এ ক্লিক করুন।
ঙ. Add a Gadget এ ক্লিক করুন।
চ. HTML/Javascript গেজেট টি বাছাই করুন।
নিচের Code গুলো গুলো গেজেটে Copy/Paste করে Save করুন।
গেজেটটি এখন Blog Posts এর নিচে Drag করে নিয়ে আসুন এবং Save arrangement-এ ক্লিক করুন।
ব্যস, Save করুন, View Blog-এ ক্লিক করে এখন ভাসমান শেয়ার বাটনটি আপনার Home page এবং Post গুলোতে দেখতে পাবেন। উপভোগ করুন।
বি: দ্র: শেয়ার বাটনটি Home page এ না দেখতে চাইলে এবং শুধু Post গুলোর পাশে দেখতে চাইলে নিচের কাজগুলো করতে হবে।
১. Template এ ক্লিক করুন। পূর্বের মত Template টি ব্যাকআপ রাখুন।
২. Edit HTML যান এবং Proceed-এ ক্লিক করুন।
৩. Expand Widget Template-এ ক্লিক করুন।
৪. নিচের মত Code গুলো তালাশ করুন। HTML8 এর স্থানে HTML1,23 থাকতে পারে।
<b:widget id='HTML8' locked='false' title='WIDGET-TITLE-HERE' type='HTML'>
<b:includable id='main'>
৫.লাল Code-এর পরে নিচের সবুজ Code গুলো দিয়ে দিন।
<b:if cond='data:blog.pageType == "item"'>
৬. এখন আরো একটু নিচে গিয়ে নিচের Code গুলো তালাশ করুন।
</b:includable></b:widget>
৭. লাল Code-এর আগে নিচের সবুজ Code গুলো দিন।
</b:if>
ব্যস, Save Template-এ ক্লিক করুন, ভাসমান শেয়ার বাটনটি Home Page-এ না দেখিয়ে শুধু Posts গুলোর সাথে দেখা যাচ্ছে।
সমস্যা হলে আমাদেরকে জানান সমাধান করা হবে ইনশাআল্লাহ।
আরো একটি ব্যাপার হলো উইজেটটি ব্লগের পছন্দনীয় জায়গায় রাখার জন্যে মার্জিন পরিবর্তন করতে পারবেন যা উপরের Code-এ লক্ষ্য করলে এইরকম দেখতে পাবেন। margin-left:-70px; এবং শেয়ার বাটনটির ব্যাকগ্রাউন্ড কালার পরিবর্তন করার জন্যে উপরের Code-এ এই রকম দেখতে পাবেন background:#fff;
এই পোস্টটি Muhammad Mustafa ভাইয়ের সহযোগীতায় করা হয়েছে,
আমি মুহাম্মদ জিয়া। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 11 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 14 টি টিউন ও 162 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
আমি একজন মুসলিম বাংলাদেশী। সর্বশক্তিমান আল্লাহ পৃথিবীর দ্বিতীয় মুসলিম দেশে জন্ম দিয়েছেন বলে তার নিকট শুকরিয়া জ্ঞাপন করছি 'আল্হামদুলিল্লাহ'।বাংলাদেশের অন্যতম একটি IT blog site এ অংশগ্রহন করে আমি অনেক আনন্দিত। সকল টেক টিউনারের প্রতি আমার সালাম এবং অভিনন্দন।
আপনি পুনরায় চেষ্টা করুন। HTML/JavaScript Widget-এ নিচের কোডগুলো আবার দিন……………………….ইনশাআল্লাহ হবে।
/*——-MBT Floating Sharing Widget————*/
#floatdiv {
position:fixed;
bottom:15%;
margin-left:-70px;
z-index:10;
float:left;
padding-bottom:2px;
}
#mbtsidebar {
background:#fff;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding-left:5px;
width:60px;
margin:0 0 0 5px;
}
.fb_share_count_top {width:52px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:52px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
{lang: 'en-US'}
@মুহাম্মদ জিয়া: ভাই আপনাকে অনেক ধন্যবাদ আবার কষ্ট করে কোডগুলো দেয়ার জন্য, কিন্তু খেয়াল করে দেখেন আপনি যখন কোডগুলো পুনরায় কমেন্টে দিছেন, তখন দেখেন Tweet Share Widgets শো করতেছে, কিন্তু google+ টা শো করতেছে না, মনে হয় কোডে কোথাও ভুল আছে। যদি আমার ভুল হয়ে থাকে, দয়া করে ক্ষমা করবেন, আপনার চেষ্টার জন্য আপনাকে ধন্যবাদ
@tanimkhan3280: doc ফাইলটি ডাউনলোড করুন, Code গুলো দেওয়া আছে। দেখেন কাজ হয় কিনা। একটি ব্লগের প্রিভিউ দেখুন…….http://freeware9.blogspot.com/2012/03/zekr-quran-reader-with-translaion-100.html.
ডাউনলোড করুন……………….
http://quranwithbiggan.files.wordpress.com/2012/06/code-floating-share-button.doc
জিয়া ভাই এর আগে ও আপনার পোষ্ট দেখেছি আপনি চমৎকার লেখেন ! আজকেরটা ও ব্যতিক্রম নয় ।।
তবে আএই পোষ্টটি “ওয়েব ডিজাইন বা ওয়েব ডেভেলপমেন্ট” এ বিভাগ দিলে পরবর্তিতে পোষ্ট খুজে পেতে সুবিধে হবে ।।
@প্রিন্স মাহমুদ: ভাই খুব সুন্দর মন্তব্য করেছেন। আপনার কথায় বিভাগ পরিবর্তন করে দিলাম। ধন্যবাদ।
@নিশাচর নাইম: ভাই আপনাকে ধন্যবাদ। নোটপেড-এ দেওয়া হয়েছে। আচ্ছা নাইম ভাই, কোডগুলো সুন্দরভাবে প্রদর্শন করার জন্য ব্যাকগ্রাউন্ড লেআউটটি কিভাবে সেট করবো জানেন কি?
অনেক ধন্যবাদ, আপনি যেভাবে বলছেন আমি সেভাবেই সব করছি, Twitter and Facebook share button টা যুক্ত হইছে, কিন্তু google+ টা শো করতেছে না, আপনি কি দয়া করে google+ এর কোডগুলো চেক করবেন, প্পিজ