Uncategories ওয়ার্ডপ্রেস কোডিং [পর্ব-২৮ ] :: আপনার সাইট এ ৯ টা শেয়ার বাটন যুক্ত করুন কোন রকম প্লাগিন ছাড়া

ওয়ার্ডপ্রেস কোডিং [পর্ব-২৮ ] :: আপনার সাইট এ ৯ টা শেয়ার বাটন যুক্ত করুন কোন রকম প্লাগিন ছাড়া

টিউন করেছেনঃ | প্রকাশিত হয়েছেঃ 6:57 AM | টিউন বিভাগঃ
আসসালামু আলাইকুম ।কেমন আছেন? অনেক দিন ধরে আপনাদের কিছু দিতে পারতেছি না ।তাই মন টা খুব খারাপ ।এখন মোবাইল দিয়ে পোস্ট লিখতেছি । তাই ভুল হলে ক্ষমার দিষ্টীতে  দেখবেন । আসলে এই রকম হওয়ার কথা ছিল না ।কিন্তূ কী আর করার হঠাৎ করে আমার কম্পিউটার এর মাদারবোর্ড নস্ট হয়ে গেল । তাই নাই মামার চেয়ে কানা মামা ভাল । থাক এই সব কথা এখন মূল কথায় আসা যাক ।
আমাদের যাদের ওয়ার্ডপ্রেস  সাইট আছে আমরা সবাই আমাদের সাইট এ সামাজিক যোগাযোগ এবং শেয়ার বাটন গুলি এড করে থাকি ।কিন্তূ অনেকেই এই সহজ কাজটার জন্য প্লাগিন ব্যবহার করে থাকে ।আবার আরেক টা জিনিস দেখা যায় যে একটা প্লাগিন এর মধ্যে সবগুলি বাটন থাকে না ।ফলে আমরা গুগল প্লাস এর জন্য একটা ,শেয়ার বাটন এর জন্য একটা ,লাইক এর জন্য একটা ব্যবহার করে থাকি ।ফলে যেমন আমাদের সাইটের প্লাগিনের ঝুলি টা বড় হয় তেমনি সাইট এর স্পিড ও কিছু কমে যায় ।তাই আপনাদের জন্য আজকে আমি 9 টা গুরুত্বপুর্র্ণ বাটন দিব ।যেগুলি খুব সহজে এক লাইন এ আপনার সাইট এ যুক্ত করতে পারবেন ।বাটন গুলি এক নজরে দেখে নিন :
  • twitter tweet
  • facebook like
  • digg
  • stumbleupon
  • linkedin
  • google plus
  • pinterest
  • facebook share
  • add this
এর জন্য আপনাকে প্রথমে নিচের স্টাইল টা আপনার থিম এর style.css এ যুক্ত করুন ।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.dd_post_share
{
 border:1px solid #EEE;
 overflow: hidden;
 border-left:none;
 border-right:none;
 line-height:1em;
 margin:7px auto;
}
 
.dd_buttons img{
 border:none;
 border-width:0px;
 border-color:#000000;
 border-style:none;
}
 
.dd_button{
 float:left;
 padding:6px 10px 6px;
}
 
.dd_button a:link,
.dd_button a:visited,
.dd_button a:active,
.dd_button a:hover{
 text-decoration:none;
 border-bottom:none;
 color:#000000;
}
তারপর নিচের কোড টা আপনি যেখানে বাটন গুলি দেখতে চান সেখানে যুক্ত করুন ।যেমন দরুন আপনি আপনার প্রতিটি পোস্ট এর নিচে বাটনগুলি যুক্ত করতে চান ,তাহলে আপনার থিম এর single.php তে < ?php the_content () ; ?> এর পরে বাটন এর কোডগুলি যুক্ত করে দেন ।
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<div>
<div>
   <div>
       <a href="http://twitter.com/share" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
   </div>
   <div><!-- Uses the iframe on legacy IEs. -->
       <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=button_count&amp;show_faces=false&amp;width=92&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:92px; height:21px;"></iframe>
   </div>
   <div>
       <script type="text/javascript">
       (function() {
       var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
       s.type = 'text/javascript';
       s.async = true;
       s.src = 'http://widgets.digg.com/buttons.js';
       s1.parentNode.insertBefore(s, s1);
       })();
       </script>
 
       <a></a>
   </div>
   <div>
       <script src="http://www.stumbleupon.com/hostedbadge.php?s=1"></script>
   </div>
 
 <div><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="right"></script> </div>
 
  <div><g:plusone size="medium"></g:plusone></div>
 
  <div><a href="http://pinterest.com/pin/create/button/?url=<?php echo get_permalink(); ?>&media=<?php echo get_post_meta($post->ID, 'thumb', true) ?>&description=<?php the_title(); ?>" count-layout="horizontally">Pin It</a><script type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></script></div>
 
   <div><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script><a name="fb_share"> </div>
   <div>
       <!-- AddThis Button BEGIN -->
       <div>
       <a></a>
       </div>
       <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=xa-4d13adbe7ff02b54"></script>
       <!-- AddThis Button END -->
   </div>
</div>
</div>
এখন আপনার সাইট একবার চেক করে আসুন ।আর কাজ হলে কিন্তু কমেন্ট না দিয়ে যাবেন না । ধন্যবাদ কষ্ট করে পড়ার জন্য ।
ওয়ার্ডপ্রেস কোডিং সম্পর্কিত যেকোন হেল্পের জন্য এবং যেকোন কোড প্রয়োজন হলে আমাদের ওয়ার্ডপ্রেস কোডিং  ফেসবুক গ্রুপে যোগ দিতে পারেন
পূর্বে আমার সাইটে প্রকাশিতঃ ওয়ার্ডপ্রেস কোডিং পর্ব -২৮ (আপনার সাইট এ ৯ টা শেয়ার বাটন যুক্ত করুন কোন রকম প্লাগিন ছাড়া )

টিউনারঃ
Next
« Prev Post
Previous
Next Post »
টেকভয়েস সম্পর্কে

টেকভয়েস নীতিমালা

টেকভয়েস ল্যাব

টেকভয়েস সাহায্য

টেকভয়েস © সর্বস্বত্ব সংরক্ষিত
Designed by MS Design

Powered by Blogger