plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

20
401
plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

হট চকো

হেলো , আমি একজন স্টুডেন্ট । আমার সীমিত জ্ঞান শেয়ার করে বিনিময়ে আপনাদের থেকে অনেক কিছু জানার জন্য আমার টিউনার পেইজ এ আগমন । আমি ওয়ার্ডপ্রেস এর খুঁটিনাটি নিয়ে লিখার চেষ্টা করি । আমার পোস্ট গুলো পূর্বে আমার ব্লগ সাইট এ প্রকাশিত হয়েছে । সেখান থেকেও একবার ঘুরে আসতে পারেন । লিঙ্ক নিচে দেয়া আছে :)
plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

আমরা অনেকেই আছি যারা  plug-in ছাড়া manually কাজ করতে পছন্দ করি। আসলে এটা করার পিছনে কারনও আছে । manually কাজ টি করলে যেমন skill বারে একেইভাবে কাজ এর সম্পরকে ধারনাও স্পস্ট হয়।

plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

আজকে আমি আপনাদের দেখাব কিভাবে plug-in ছাড়া social button গুলা page এর যেকোন জায়গায় যেকোনো ভাবে আপনি add করতে পারেন।

 

আমরা কাজ টি কে ৩ টি ভাগে ভাগ করে নিলাম আমাদের সুবিধার জন্য।

  1. button /icon টি upload করা।
  2. button create করা।
  3. placement করা।

 

1.Button/Icon upload করা :

  • google মামা কে জিজ্ঞাসা করলে অনেক কিছুই পাওয়া যায়। সুতরাং আপনার পছন্দের আইকন টি select করুন/download করে নিন।
  • wp dashboard এ media > add new
  • আপনার file টি upload করুন।
  • Upload হবার পর  edit image এ click করে image scaling করুন।
  • Scaling করার ক্ষেত্রে size টা 24-32 pixel এর ভিতর রাখুন।

Save করে বের হয়ে আসুন।

 

2.BUTTON CREATE করা:

 

<div>
<a href="">
<img src="" /> 
</a>
</Div>

 

উপরের HTML code গুলু লক্ষ করুনঃ

<a href=””> =inverted (‘””) গুলুর ভিতরে আপনার fan page এর URL টি দিন।

<img src=”” /> =(“”) গুলুর ভিতরে আপনার upload করা image টির URL দিন।

বাকি গুলো edit করার দরকার নাই।

একই ভাবে twitter,myspace,goolge+ ইত্যাদি add করতে পারবেন।

 

এবার আসুন নিজের মত করে এটা সাজাই_______________________

 

লক্ষ করুন :

 

<div style="display: inline; float:right;" class="sbmbuttonsx">
<a href="http://www.facebook.com/example/example2 ">
<img src="http://example.com/wp-content/uploads/Facebook.png" />
</a>
<a href="twitter.com/example/example2 ">
<img src="http://example.com/wp-content/uploads/Twitter.png" />
</a>
</div>

 

লক্ষ করুন div tag এর ভিতরে আছেঃ

 

  • Display: আপনি যদি icon গুলো একটার নিচ এ একটা দিতে চান তবে display:block; এবং আপনি যদি একটার পাসে আর একটা দিতে চান তবে display:inline; ব্যবহার করুন।
  • Float: আপনার icon টি কে বামে দাখতে চইলে float:left; দিন এবং float:right; দিন যদি আপনি ডান দিকে দাখতে চান।

 

হুম।। কাজ অনেকটাই শেষ।

এখন বাকি শুধু PALCEMENT__

 

 3.placement :

এবার আপনার পছন্দ মত জায়গায় এটি add করে দিন। আপনি একে widgets, theme footer , theme header এমনকি আপনি  page এবং post এও add করতে পারবেন।

 

এটি আমার প্রথম post. আশা করি ভাল লাগবে আপনাদের। যদি কোন ভুল হয়ে থাকে ক্ষমাসুলভ দৃষ্টি তে দেখবেন ।

20 মন্তব্য

একটি উত্তর ত্যাগ