সবাইকে সালাম ও শুভেচ্ছা জানিয়ে থিসিস থিম নিয়ে ১৭-তম পোস্ট আরম্ভ করতেছি। থিসিস থিম নিয়ে আমার আগের পোস্ট সমুহ দেখে নিতে পারেন।
লেআউট ও কলামঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এক
নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দু্ই
নেভিগেশন মেনুঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-তিন
সাইডবার ও উইজেটঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-চার
ফুটারে তিনটি কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-পাঁচ
ফুটারে কলাম তৈরীঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-ছয়
ফুটারে বিভাগ যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-সাত
ব্যাকগ্রাউন্ড ইমেজ ও ফুটারে অ্যাড উইজেট যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-আট
পোস্টে লেখক তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-নয়
পোস্টে একই রকম পোষ্টের তথ্য যোগ করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-দশ
কনটেন্টে পোস্ট স্লাইডার যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-এগার
হেডারে লোগো আপলোড করা ও ব্যানার অ্যাড উইজেট তৈরি করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১২
পেজ নেভিগেশন যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৩
হেডারের নিচে নতুন আরেকটি নেভিগেশন মেনু যুক্ত করুনঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৪
পোস্টে ফেসবুক কমেন্ট বক্স বসানোঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৫
সাইডবারে অ্যাড উইজেট যুক্ত করাঃ ওয়ার্ডপ্রেস থিসিস থিম টিউটোরিয়াল পর্ব-১৬
ব্লগের জন্য ফেসবুক,টুইটার, গুগল প্লাস শেয়ার বাটন যে কতটা গুরুত্বপূর্ণ তা মনে হয় আপনাদের বলতে হবে না। আপনার ব্লগের লিখাটি আপনার বন্ধুদের সাথে শেয়ার করা এবং আপনার ব্লগের লিখা সমূহ আপনার ব্লগের পাঠকদের কাছে পৌঁছে দেবার প্রদান মাধ্যম হচ্ছে এই সসিয়াল শেয়ার বাটন।
আপনি ইচ্ছা করলে আপনার ব্লগে প্লাগিনের মাধ্যমে এই শেয়ার বাটন সমূহ ব্যাবহার করতে পারবেন, কিন্তু আমার মতে কোডিং এর মাধ্যমে করাই ভাল এতে আপনার ব্লগটি যতেস্ট ফাস্ট থাকবে।
আর শেয়ারিং বাটনের মাধ্যমে আপনি বিভিন্ন জনের কাছে আপনার লিখাটা পৌঁছে দিতে পারবেন এবং আপনার ব্লগের ভিসিটর বারাতে পারবেন।তাহলে চলুন কথা না বাড়িয়ে কাজে চলে যাই।
আজকে আমি আপনাদের দেখাবো থিসিস থিমের প্রত্যেক পোস্টে কেমন করে এই শেয়ারিং বাটন সমূহ যুগ করা যাই।
প্রথমে আপনার ব্লগে লগিন করুন।
থিসিস থিমের এর Custom File Editor ড্রপডাউন থেকে Custom function.php সিলেক্ট করুন এবং নিচের এই php কোডটি লিখে সেভ করুন।
function float_social_counters_on_posts() { if (is_single()) { global $post; echo '<div><div><a data-related="diythemes" href="http://twitter.com/share" data-text="' . get_the_title($post->ID) . ' —" data-url="' . get_permalink($post->ID) . '" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>' . "\n"; ?> <div> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=144342085643119&xfbml=1"></script><fb:like layout="box_count" href="<?php the_permalink(); ?>" send="false" width="50" show_faces="false"></fb:like> </div> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> <div><g:plusone size="tall" href="<?php the_permalink(); ?>"></g:plusone></div></div> <?php } } add_action('thesis_hook_post_box_top', 'float_social_counters_on_posts');
পিএইচপি ফাইলটি সেভ করার পর থিসিস থিমের Custom File Editor ড্রপডাউন থেকে Custom.css সিলেক্ট করুন এবং নিচের এই css কোডটি লিখে সেভ করুন।
.custom .post_box { position:relative; } .custom .social-post { left:-8.6em; position:absolute; top:3.0em; } .custom .counter-twitter { margin-bottom:1.4em; margin-left:0em; } .custom .counter-fb-like { margin-bottom:1.6em; margin-left:0.5em; } .custom .counter-google-one { margin-bottom:1.4em; margin-left:0.2em; }
ব্যাস আপনার কাজ শেষ , আপনার ব্লগের পোস্টসমূহতে গিয়ে দেখুন ফেসবুক,টুইটার,গুগল প্লাস বাটন যুক্ত হয়চে।
আর হাঁ কোন দরনের সমস্যা হলে আমাকে মন্তব্যের মাধ্যমে জানান, আপনার সমস্যা সমাধান করার চেষ্টা করব ধন্যবাদ।
তাহলে আজকের মত একানেই বিদাই, সবাই ভাল ও সুস্থ থাকুন।