ব্লগার ব্লগের প্রতিটি পোস্টের নীচে স্টাইলিশ ফেসবুক লাইক বক্স ।

আমি অনেক দিন থেকে ব্লগার নিয়ে পোস্ট করছি তবে এখুন নিজে কোন ওয়েডগেট বানাতে পারিনি বা এখুন পারিনা । কারন সুনলে অবাক হবে হয়তো আমি HTML বা CSS বা JS এর অ , আ , ক , খ কিছুই বুঝিনা । আপনারা ভাবছেন তাহলে কি করে পোস্ট করে ? তবে লজ্জা বোধ হলেও আমি সত্য বলতে ভালো বাশি আমি বিভিন্ন ইংলিশ সাইট থেকে ওয়েডগেট গুলো চুরি করি বলতে পারেন । তবে যখুন পোস্ট করি তখুন নিজের মতো করেই নিজের ভাষাই পোস্ট করি । যাই হোক অনেক ফালতু কিছু কথা বলেফেল্লাম । আমি দেখেছি আমার ফেসবুক জাতিয়ে ব্লগার পোস্ট গুলোতে বেশি ভিজিটর আসে আর সেকথা ভেবে আবারও ফেসবুক ব্লগার নিয়ে পোস্ট করতে বসলাম । আজকে আমি আপনাদের সাথে আপনার ব্লগার ব্লগের প্রতিটি পোস্ট এর নীচে ফেসবুক লাইক বক্স কিভাবে যুক্ত করবেন সেটা নিয়ে পোস্ট করছি । এর আগেও আমি এই নিয়ে পোস্ট করেছিলাম তবে সেটার স্টাইল এবং আজকের টা সম্পূর্ণ আলাদা । যাই হোক নীচে থেকে আজকের টা দেখে নিন ।






✔ আমার মনে হয় উপরের স্ক্রীনশর্ট দেখে অনেকটা বুজতে পারছেন কতটা সুন্দর এবং এটা ব্যবহার করাও কতটা জরুরি । নীচে থেকে দেখে নিন সঙ্গে যুক্ত করার প্রক্রিয়া ।





✔ উপর থেকে ডেমো দেখা হয়েগেলে এবং যদি পছন্দও হয়ে যাই তাহলে নীচের স্টেপ গুলো দেখে দেখে আপনার ব্লগেও যুক্ত করে নিন ।


১// আপনার ব্লগার ব্লগ লগইন করুন । ড্যাশবোর্ড থেকে Template > Edit HTML এ ক্লিক করে আপনার কীবোর্ড এর CTRL+F প্রেস করে নীচের কোডটি খুজে বের করুন ।


]]></b:skin>


২// এবার উপরের কোড এর ঠিক আগে বা উপরে নীচের সিএসএস কোড গুলো কপি করে পেস্ট করুন । তারপর Save Template এ ক্লিক করুন ।


#LS-fb {
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-goog-ms-border-radius: 10px 10px 10px 10px;
border-radius: 10px;
box-shadow: 5px 5px 5px #CCCCCC;
background: none repeat scroll 0 0 transparent;
border: 1px solid #D3D3D3;
padding:10px;
margin-top:25px;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
width:560px;
}
# LS-fb:hover{
background: none repeat scroll 0 0 #FFF;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
}
# LS-fb  td{
padding:3px 0;
}


৩// উপরের স্টেপ হয়েগেলে এবার আবারও আপনার কীবোর্ড এর CTRL+ F কী প্রেস করে নীচের ট্যাগ খুজে বের করুন ।


<data:post.body/>


৪// উপরের ট্যাগ ১ থেকে ৪ বার পেতে পারেন তবে আপনি ২ নাম্বারে যেটা পাবেন তার ঠিক পরে বা নীচে নীচের কোড গুলো কপি করে পেস্ট করুন ।


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='LS-fb'>
<div id='LS'>
<table width='100%'>
<tbody> <tr><td>
<span style='font-style: normal; font-size: 23px;
font-family:Georgia,Times New Roman,Trebuchet MS; '>Receive daily updates from LABSTRIKE via Facebook</span></td></tr>
<tr><td>
<iframe allowTransparency='true'
frameborder='0' scrolling='no'
src='//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fasobondhublog&amp;
width=590&amp;height=180&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>


নোটঃ এবার উপরের কোড থেকে asobondhublog মুছে সেখানে আপনার ফেসবুক লাইক পেজ এর User নাম টি বসিয়ে দিন ।


৫// কাজ শেষ এবার Save Template এ ক্লিক করে বেরিয়ে আপনার ব্লগ ভিজিট করুন । আশাকরি আপনি কাজটি করতে সফল হয়েছেন ।


✔ এই পোস্টটি কষ্ট করে লিখেছি তাই কেউ সহজ ভাবে কপি পেস্ট করে নিজের ব্লগে পোস্ট করে নিজের নামে চালাবেন না । পোস্ট সম্পর্কে কোন রকম সমস্যা থাকলে আমাকে জানাবেন আমি হেল্প করতে চেস্ট করবো । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্‌ হাফেজ ।


এসো বন্ধু

আমি পারভেজ ব্লগিং এর সঙ্গে যুক্ত আছি গত বেশ কিছু বছর, বাংলা ব্লগিং এর সঙ্গে সঙ্গে আমি অন্য ভাষাতেও ব্লগিং করি। সেই সব কারনে ব্লগে নিয়তম থাকা হয়না, আপনাদের ভালোবাসা যদি আগের মত আবার ফিরে পাই তাহলে অবশ্যই নিয়মত হবার চেস্ট করবো। facebook telegram youtube twitter

2 মন্তব্যসমূহ

আপনার একটি মন্তব্য একজন লেখক কে ভালো কিছু লিখার অনুপেরনা যোগাই তাই প্রতিটি পোস্ট পড়ার পর নিজের মতামত জানাতে ভুলবেন না । তবে বন্ধুরা এমন কোন মন্তব্য পোস্ট করবেন না যার ফলে লেখকের মনে আঘাত করে ! কারণ একটা ভাল মন্তব্য আমাদের আরও ভাল কিছু লিখার অনুপেরনা যাগাই !!

  1. মোঃ আসলাম পারভেজ৮:৪০ AM

    অনেক ধন্যবাদ । সাপোর্ট করার জন্য ।

    উত্তরমুছুন
  2. Rajib ahmed৯:৪১ PM

    o9nek thanks boss apnake....!!

    উত্তরমুছুন
নবীনতর পূর্বতন

نموذج الاتصال