আমি অনেক দিন থেকে ব্লগার নিয়ে পোস্ট করছি তবে এখুন নিজে কোন ওয়েডগেট বানাতে পারিনি বা এখুন পারিনা । কারন সুনলে অবাক হবে হয়তো আমি 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;
}
-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 == "item"'>
<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&
width=590&height=180&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>
<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&
width=590&height=180&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false' style='border:none !important; overflow:hidden; width:560px; height:180px;'/></td></tr>
</tbody> </table></div></div>
</b:if>
নোটঃ এবার উপরের কোড থেকে asobondhublog মুছে সেখানে আপনার ফেসবুক লাইক পেজ এর User নাম টি বসিয়ে দিন ।
৫// কাজ শেষ এবার Save Template এ ক্লিক করে বেরিয়ে আপনার ব্লগ ভিজিট করুন । আশাকরি আপনি কাজটি করতে সফল হয়েছেন ।
✔ এই পোস্টটি কষ্ট করে লিখেছি তাই কেউ সহজ ভাবে কপি পেস্ট করে নিজের ব্লগে পোস্ট করে নিজের নামে চালাবেন না । পোস্ট সম্পর্কে কোন রকম সমস্যা থাকলে আমাকে জানাবেন আমি হেল্প করতে চেস্ট করবো । ভালো থাকবেন সুস্থ থাকবেন । আল্লাহ্ হাফেজ ।
অনেক ধন্যবাদ । সাপোর্ট করার জন্য ।
উত্তরমুছুনo9nek thanks boss apnake....!!
উত্তরমুছুন