আজ একটি দুর্দান্ত দিন, আজ আমরা শিখব কীভাবে আপনার ওয়েবসাইটে VKontakte যুক্ত করবেন। আমরা 2টি জিনিস শিখব, প্রথম: কীভাবে একটি ওয়েবসাইটে একটি VKontakte বোতাম যুক্ত করতে হয় এবং দ্বিতীয়: কীভাবে একটি ওয়েবসাইটে একটি VKontakte গ্রুপ যুক্ত করতে হয়।
VKontakte এর সম্ভাবনা প্রচুর; আপনি যদি এই সংস্থানটির সাথে সঠিকভাবে ইন্টারঅ্যাক্ট করতে শিখেন তবে এর মাধ্যমে আপনি আপনার সাইটে আরও বেশি নতুন লোক পাবেন।
এই নিবন্ধটি আপনাকে বিস্তারিতভাবে বলবে কিভাবে আপনার ওয়েবসাইটে VKontakte যোগ করবেন এবং এইভাবে এই অবিশ্বাস্যভাবে জনপ্রিয় সামাজিক নেটওয়ার্কের ক্ষমতাগুলি আরও ভালভাবে ব্যবহার করবেন।
প্রথমে, আসুন একটি VKontakte বোতাম যোগ করি: "আমি এটি পছন্দ করি।" এটি একটি খুব দরকারী বোতাম - এটি নির্দিষ্ট লোকেদের কতগুলি লাইক দেয় তা দেখায়। এটি নির্দেশ করে যে লোকেরা আপনার সামগ্রী কতটা পছন্দ করে। বোতামটির দ্বিতীয় মান হল যে এই বোতামটির জন্য ধন্যবাদ আপনি VKontakte লিঙ্কগুলি ভাগ করতে পারেন এবং এইভাবে সামাজিক নেটওয়ার্ক থেকে সাইটের জন্য আরও মনোযোগ তৈরি করতে পারেন।
এটি VKontakte এ একটি সামাজিক বোতাম যোগ করার সময়!
কোড পেতে এবং বোতাম কনফিগার করতে, যান এই লিঙ্ক. সেখানে আমরা পূরণ করি: "সাইটের নাম", সাইটের ঠিকানা এবং সাইটের ডোমেন।
প্রথমে, চিত্রে দেখানো এই কোডের অংশ নির্বাচন করুন এবং ট্যাগের মধ্যে পেস্ট করুন
এটা কিভাবে হল? আপনি যদি ওয়ার্ডপ্রেসে কাজ করেন, তাহলে “থিম এডিটর”-এ যান, header.php (হেডার) ফাইলটি নির্বাচন করুন এবং ট্যাগের আগে আমাদের কোড রাখুন। এটার মত:
দুর্দান্ত, এখন যা করতে বাকি আছে তা হল "লাইক" বোতামটি সন্নিবেশ করান৷ এটি করার জন্য, কোডের অন্য অংশ নির্বাচন করুন, যেমন চিত্রে দেখানো হয়েছে:
এবং কোডটি single.php ফাইলে (Single entry) যেকোনো ট্যাগের আগে পেস্ট করুন। সেখানে আপনাকে উপরের বা নীচে বোতামটি কোথায় ঢোকাতে হবে তা সামঞ্জস্য করতে হবে। আপনি ট্যাগটি ঢোকান এবং বোতামটি যেখানে তৈরি করা আছে সেখানে আপডেটের দেখাশোনা করুন; যদি এটি দুর্দান্ত দেখায় তবে এটি ছেড়ে দিন এবং ফলাফলে খুশি হন।
আমি ট্যাগের আগে পৃষ্ঠার শীর্ষে আমার বোতামটি রেখেছি
বাহ, বোতামটি বেশ ভাল দেখাচ্ছে এবং এখন এই ম্যাজিক বোতামটির সাহায্যে আপনি "লাইক" লাগাতে পারেন এবং আপনার পৃষ্ঠায় আপনার পছন্দের নিবন্ধটির লিঙ্কও শেয়ার করতে পারেন।
2. সাইটে কীভাবে একটি VKontakte গ্রুপ যুক্ত করবেনএখন সত্যের মুহূর্ত এসেছে এবং আমরা সাইটে একটি VKontakte গ্রুপ যুক্ত করতে প্রস্তুত। আপনার যদি আপনার সাইট থেকে একটি ব্যক্তিগত VKontakte গ্রুপ থাকে, তাহলে আপনি এটি সরাসরি সাইটে রাখতে পারেন এবং আপনার সাইট থেকে যে কেউ আপনার VKontakte গ্রুপে যাবেন আপনার সেখানে কী আকর্ষণীয় জিনিস রয়েছে তা দেখতে। আপনার যোগাযোগে কোনো গ্রুপ না থাকলে, একটি তৈরি করুন। এটা মোটেও কঠিন নয়।
গ্রুপ তৈরি করার পরে, আমাদের সাইটে উইজেটটি ইনস্টল এবং কনফিগার করার জন্য কোডটি পেতে হবে। এটি করতে, যান
ভিকে, ফেসবুক এবং টুইটার
কিভাবে ওয়ার্ডপ্রেসে ভিকে, ফেসবুক এবং টুইটার বোতাম যোগ করবেন? সামাজিক নেটওয়ার্কগুলিতে নিবন্ধ যুক্ত করার জন্য অতিরিক্ত বোতামগুলি ইনস্টল করার নির্দেশাবলী - Vkontakte, Facebook এবং Twitter.
একদিকে, এটি ব্যবহারকারীদের জন্য একটি অতিরিক্ত লোড এবং অপেক্ষার সময় (যদিও নগণ্য), অন্যদিকে, কিছু অতিরিক্ত বৈশিষ্ট্য। এই নিবন্ধে আমি আপনাকে ঘটতে পারে এমন সমস্ত অসুবিধা সম্পর্কে বলব এবং কীভাবে সেগুলি প্রায় সমাধান করা যেতে পারে।
চলুন শুরু করা যাক সবচেয়ে সহজ এবং বর্তমানে কাজ করা একটি দিয়ে। আমার মনে আছে সোশ্যাল বুকমার্কিং বোতাম যুক্ত করার জন্য প্লাগইনগুলি আগে জনপ্রিয় ছিল এবং এই পরিষেবাগুলির কয়েক ডজন সেখানে কনফিগার করা যেতে পারে। সত্যি বলতে, আমি তাদের কার্যকারিতা নিয়ে খুব সন্দেহ করি, এবং একটি টুইটার টুইস্ট সহ Digg.com এর একটি নতুন সংস্করণের সাম্প্রতিক প্রকাশ সম্ভবত এটির কয়েকটি প্রমাণের মধ্যে একটি। সুতরাং, শুধুমাত্র বিষয়বস্তু জনপ্রিয় করার ক্ষেত্রে আমার ব্লগে "কাজ করেছে" তা হল Tweetmeme পরিষেবা থেকে রিটুইট বোতাম। টুলটি মূলত খুব সহজ এবং কার্যকরী।
এটি উল্লেখ করা উচিত যে টুইটার থেকে অফিসিয়াল রিটুইট বোতামটি প্রকাশের পরে, এই সিস্টেমের ওয়েবসাইটে, কোড ইনস্টলেশন পৃষ্ঠায়, এই উদ্দেশ্যে টুইটার ব্যবহার করার জন্য একটি সুপারিশ প্রকাশিত হয়েছিল। যাইহোক, যদি আপনি এখনও টুইটমিম পরিষেবা পছন্দ করেন, আপনি সংশ্লিষ্ট পৃষ্ঠায় কোড ইনস্টলেশন খুঁজে পেতে পারেন।
আমার ক্ষেত্রে নিম্নলিখিত কোড পরিণত হয়েছে:
tweetmeme_style = "কম্প্যাক্ট"; tweetmeme_source = "ব্যাঙ্কোমেট"; tweetmeme_service = "bit.ly";
tweetmeme_style = 'কম্প্যাক্ট';
tweetmeme_source = 'ব্যাঙ্কোমেট';
tweetmeme_service = 'bit.ly';
এখানে, কমপ্যাক্ট ইমেজ আউটপুট অতিরিক্ত প্যারামিটার হিসাবে নির্দিষ্ট করা হয়েছে (যদি আপনি tweetmeme_style প্যারামিটার নির্দিষ্ট না করেন তবে আইকনটি মানক হবে)। উপরন্তু, আমরা উৎস লিখি - আপনার টুইটার অ্যাকাউন্ট, সেইসাথে একটি লিঙ্ক সংক্ষিপ্তকরণ পরিষেবা।
আপনি যদি আসল টুইটার বোতামে মনোযোগ দেন তবে আপনি অফিসিয়াল ওয়েবসাইটে এটির ইনস্টলেশন পৃষ্ঠাটি খুঁজে পেতে পারেন। নীতিগতভাবে, আমি গড় ব্যবহারকারীর জন্য এই দুটি বিকল্পের মধ্যে খুব বেশি পার্থক্য দেখতে পাচ্ছি না। একমাত্র বিষয় হল এই ক্ষেত্রে প্রকাশনাটি শুধুমাত্র টুইটারে যায় এবং প্রথম বিকল্পে এটি টুইটমেম ওয়েবসাইটেও প্রকাশিত হয়। প্রকৃতপক্ষে আসল টুইটার বোতামটি কাস্টমাইজ করা আরও সহজ।
আমরা বোতামের ধরন নির্বাচন করি; পাঠ্য, URL এবং ভাষা সংস্করণ ডিফল্টরূপে প্রয়োজনীয় পরামিতিগুলিতে সেট করা আছে। তারপর পরবর্তী ব্লকে আমরা আমাদের অ্যাকাউন্ট লিখব, এবং আপনি "অংশীদার" এর অতিরিক্ত টুইটার ঠিকানাও নির্দেশ করতে পারেন। এর পরে, পৃষ্ঠার একেবারে নীচে আপনাকে ফলাফল কোডটি নিতে এবং অনুলিপি করতে হবে, যেমন:
আপনি একটি টুইটার বোতাম ব্যবহার করতে পারেন, আপনি এটিকে টুইটমিমের সাথে একত্রিত করতে পারেন - আপনি যা চান, শুধু মনে রাখবেন যে একটি পৃষ্ঠায় বিভিন্ন স্ক্রিপ্ট সবসময় ভাল হয় না এবং উভয় বোতাম টিপানোর সম্ভাবনা নগণ্য।
আসুন আরও এগিয়ে যাই, 3 নম্বর বোতাম - ফেসবুক থেকে লাইক (আমি পছন্দ করি)। এখানে আমার কাছে এখনও কয়েকটি প্রশ্ন রয়েছে যার জন্য, হায়, আমি কোনও যুক্তিযুক্ত উত্তর খুঁজে পাইনি, কিন্তু অবশেষে আমি এই বোতামটিকে যেমনটি করা উচিত তেমন কাজ করে দিয়েছি। প্রথমে, আপনি নিম্নলিখিত কোডটি আপনার ব্লগে যোগ করতে ব্যবহার করতে পারেন:
এখানে আমি একটি বিকল্প নির্দেশ করেছি যা আমার জন্য কাজ করে, তবে এটি আপনার জন্যও কাজ করবে এমন কোন নিশ্চয়তা নেই। কোনো ত্রুটি দেখা দিলে, প্রশ্ন সহ প্লাগইন ডেভেলপারের পৃষ্ঠায় যান। এটিও আকর্ষণীয় যে VKontakte VK শেয়ার বোতামটি যেকোনো পোস্টের মূল অংশে যোগ করা যেতে পারে - উদাহরণস্বরূপ, আপনি যদি শুধুমাত্র একটি নিবন্ধ চিহ্নিত করতে চান।
এছাড়াও সেটিংসে, আপনাকে "সাইটের অতিরিক্ত API অনুরোধ" ফিল্ডটিকে "অনুমতি দিতে" সেট করতে হতে পারে৷ প্লাগইনের সাথে আমার একমাত্র সমস্যা হল বোতামটিতে একটি কাস্টম শৈলী প্রয়োগ করতে অক্ষমতা, যা "পার্শ্বে" সমস্ত উপাদানগুলি সরানোর চেষ্টা করে। সেটিংসে "আপনার নিজস্ব CSS ব্যবহারের অনুমতি দেওয়ার" একটি বিকল্প রয়েছে, তবে এটির সাথেও এটির সাথে একই লাইনে কিছু যোগ করা সম্ভব ছিল না। অতএব, আমাকে তাদের একটি কলামে সাজাতে হয়েছিল, যেমনটি পোস্টের প্রথম ছবিতে দেখানো হয়েছে। নীতিগতভাবে, অবশ্যই, আপনি ওয়ার্ডপ্রেসের পরবর্তী সংস্করণগুলিতে প্লাগইনটি ব্যবহার করার চেষ্টা করতে পারেন বা প্লাগইন কোডটি অনুসন্ধান করতে পারেন, তবে এখনও এটির কাছাকাছি পৌঁছাননি।
তথ্যের জন্য ধন্যবাদ: http://wordpressinside.ru
একটি VKontakte বোতাম তৈরি করার পদ্ধতিটি সহজ, তবে VK পছন্দের উইজেটটি সঠিকভাবে কাজ করার জন্য, সমস্ত প্রয়োজনীয়তা অবশ্যই পূরণ করতে হবে। আপনার একটি VK অ্যাকাউন্ট আছে এবং এতে লগ ইন করেছেন তার ভিত্তিতে আমরা পরবর্তী সমস্ত নির্দেশাবলী অনুসরণ করব।
একটি অ্যাপ্লিকেশন তৈরি করা হচ্ছেপ্রথমে, "ডেভেলপার" লিঙ্কে যান (ইন্টারফেসের নীচে অবস্থিত) এবং "আমার অ্যাপ্লিকেশন" ট্যাবটি নির্বাচন করুন৷ আপনি যদি আগে ভিকে উইজেট তৈরি না করে থাকেন তবে অ্যাপ্লিকেশনগুলির তালিকা খালি থাকবে। আপনাকে নতুন কিছু তৈরি করতে হবে। এটি "অ্যাপ্লিকেশন তৈরি করুন" লিঙ্কে ক্লিক করে করা যেতে পারে।
অ্যাপ্লিকেশন তৈরি করার পরে, আপনাকে অবশ্যই এটি পরিচালনা করার অধিকার নিশ্চিত করতে হবে। এটি একটি পাঁচ-সংখ্যার এসএমএস কোডের মাধ্যমে বা আপনার অ্যাকাউন্টের সাথে সংযুক্ত একটি ডিভাইসের মাধ্যমে করা যেতে পারে৷ নিশ্চিতকরণ সম্পূর্ণ করার পরে, অ্যাপ্লিকেশন সেটিংসে যান এবং এটি সক্ষম করুন। এটি অ্যাপ্লিকেশনের সাথে ম্যানিপুলেশন সম্পূর্ণ করে।
"ডকুমেন্টেশন" ট্যাবটি খুলুন এবং "সাইট এবং উইজেট" উপবিভাগ নির্বাচন করুন। "সাইটের জন্য উইজেট" ব্লকে, প্রয়োজনীয় উইজেটটি নির্বাচন করুন - "আমি পছন্দ করি"।
যে ফর্মটি খোলে, আমাদের অ্যাপ্লিকেশন, বোতাম বিকল্প এবং এর নকশা নির্বাচন করুন। টেক্সট ব্লক থেকে সন্নিবেশ কোড নেওয়া যাক।
কোটন্টি টেমপ্লেটে একটি উইজেট স্থাপন করা হচ্ছেআসুন header.tpl টেমপ্লেট খুলি এবং হেড ব্লকে কোড রাখুন যা দেখতে এরকম কিছু:
VK.init((apiId: 4752432, onlyWidgets: true));
যেখানে আপনাকে লাইক বোতামটি নিজেই স্থাপন করতে হবে, উদাহরণস্বরূপ page.tpl টেমপ্লেটে, কোডটি যোগ করুন:
VK.Widgets.Like("vk_like", (টাইপ: "মিনি"));
প্রত্যেক ব্লগার তাদের ওয়েবসাইটকে কার্যকরভাবে প্রচার করার চেষ্টা করে এবং এর জন্য সব ধরনের টুল ব্যবহার করে। কিভাবে একটি VKontakte বোতাম করতে? এটিকে আপনার ব্লগে যুক্ত করতে, আপনাকে vk.com পরিষেবাতে একটি অ্যাকাউন্ট নিবন্ধন করতে হবে (যদিও এখানে শুধুমাত্র কিছু লোক বাকি আছে যাদের নিজস্ব পৃষ্ঠা নেই;))। এছাড়াও নিবন্ধ পড়ুন. এই পরিষেবাটির বিপুল জনপ্রিয়তার কারণেই এই ধরনের একটি মনোরম ফাংশন স্থাপন করা সাইটের অনেক দর্শককে আকর্ষণ করতে পারে।
আপনার ওয়েবসাইটে I like VKontakte বোতামটি কীভাবে যুক্ত করবেন?1. প্রথমে আপনাকে সিস্টেমে আপনার অ্যাকাউন্টে লগ ইন করতে হবে।
3. এখন নির্বাচন করুন একটি নতুন সাইট সংযুক্ত করুনএবং নীচের সমস্ত লাইন পূরণ করুন:
– ওয়েবসাইটের নাম: আপনার ব্লগ বা ওয়েবসাইটের নাম লিখুন।
- ওয়েবসাইটের ঠিকানা: প্রকল্পের ঠিকানা লিখুন।
- প্রধান সাইট ডোমেন: ঠিকানা পূরণ করার পরে স্বয়ংক্রিয়ভাবে প্রবেশ করা হয়।
ক্লিক করুন সংরক্ষণ.
5. তারপর আমরা বোতাম ডিজাইনে এগিয়ে যাই: আমি বেছে নিয়েছি মিনি কাউন্টার বোতামউচ্চতা 22pxএবং শিরোনামে নির্দেশিত আমি পছন্দ করি(দ্বিতীয় বিকল্প আমি আগ্রহীঅরুচিকর লাগছিল: হাসি:)। একটি কাউন্টার সহ এই উচ্চতা সাইটের অন্যান্য সামাজিক নেটওয়ার্কগুলির ইতিমধ্যে যোগ করা বোতামগুলির সাথে পুরোপুরি ফিট করে। টেবিলের একেবারে নীচে, কোনো পরিবর্তন করার সময় আমাদের বোতামের চেহারা স্বয়ংক্রিয়ভাবে প্রদর্শিত হবে:
6. এখন আপনাকে প্রদত্ত কোডটি কপি করে আপনার ব্লগে পেস্ট করতে হবে। সুতরাং, প্রথম অংশ অনুলিপি করা যাক:
এটি তার মত দেখাচ্ছে:
| আপনার পৃষ্ঠার -> VK.init((apiId: 3144046, onlyWidgets: true)); |
7. এখন ট্যাগের পরে কোড ঢোকাতে হবে। আপনার যদি ওয়ার্ডপ্রেস থাকে, তাহলে অ্যাডমিন প্যানেলে আপনাকে ট্যাবে যেতে হবে ডিজাইন/সম্পাদক, header.php ফাইলটি নির্বাচন করুন এবং অনুলিপি করা কোড যোগ করুন:
8. vk.com সাইটের খোলা ওয়েব পৃষ্ঠায় ফিরে যান এবং অবশিষ্ট দ্বিতীয় অংশটি অনুলিপি করুন:
আমি টুইটার বোতাম থেকে কোডের পরে এটি পোস্ট করেছি।
হ্যালো! আজ আমি আপনাকে বলব কীভাবে দ্রুত একটি অ্যাপ্লিকেশন তৈরি করবেন এবং অপ্রয়োজনীয় প্লাগইন ছাড়াই একটি সামাজিক নেটওয়ার্ক থেকে একটি "লাইক" বোতাম সন্নিবেশ করাবেন।
হয়তো আপনি লক্ষ্য করেছেন যে অন্য দিন আমি পোস্ট করার পরে অবশেষে নিজের সাথে এই বোতামটি যুক্ত করেছি। "অবশেষে" আমি কিছুই লিখিনি, যেহেতু এই বোতামটিকে VKontakte API-এর সাথে সংযুক্ত করতে সমস্যা ছিল, যার ফলস্বরূপ আমি "ওপেন API সুরক্ষা লঙ্ঘন" এবং একটি অবিরাম চলমান অগ্রগতি বার পেয়েছি। যেমনটি দেখা গেছে, পুরো পয়েন্টটি ভিকন্টাক্টে নিজেই "ওপেন API" সেটিংসে সাইটের ঠিকানার সাধারণ লেখার মধ্যে ছিল (আমি নীচে এটি সম্পর্কে লিখব)।
সুতরাং আসুন একটি "লাইক" বোতাম যোগ করি।
প্রথমে, আসুন আমাদের ভিকে প্রোফাইলের মাধ্যমে যান (অগত্যা আমাদের নিজস্ব মাধ্যমে, যেহেতু আমাদের একটি অ্যাপ্লিকেশন তৈরি করতে হবে)। এরপরে, উইজেট তৈরির পৃষ্ঠায় যান এবং একটি অনুরূপ ফর্ম দেখুন:
প্রথম ক্ষেত্রটি হল "সাইট/অ্যাপ্লিকেশন" - এখানে আমরা অবিলম্বে অপ্রয়োজনীয় নড়াচড়া ছাড়াই একটি অ্যাপ্লিকেশন তৈরি করতে পারি, কিন্তু আপনি জানেন, আমি সেরকম ক্লিক করেছি এবং এটি কোনওভাবে আঁকাবাঁকা উপায়ে তৈরি করা হয়েছে।
একটি অ্যাপ্লিকেশন তৈরি এবং কনফিগার করা
তাই অতিরিক্ত কাজ করা এবং অ্যাপ্লিকেশন তৈরির পৃষ্ঠায় যান, উপযুক্ত ক্ষেত্রে যে কোনও নাম লিখুন, তারপর টাইপটি নির্বাচন করুন: "ওয়েবসাইট" এবং বিবরণ ক্ষেত্রটি পূরণ করুন, তবে এটি প্রয়োজনীয় নয়। এরপর, "অ্যাপ্লিকেশন ডাউনলোড করতে এগিয়ে যান" এ ক্লিক করুন এবং ক্যাপচা লিখুন।
সমস্ত ! অ্যাপ্লিকেশনটি তৈরি করা হয়েছে এবং আমাদের সেটিংস সহ একটি ফর্ম রয়েছে:
প্রথম ট্যাবটি "তথ্য", এটি এখন আপনার জন্য সক্রিয়, আপনি অ্যাপ্লিকেশনটির জন্য একটি আইকন লোড করতে পারেন, ডেটা প্রবেশ করতে পারেন, একটি গ্রুপ নির্বাচন করতে পারেন।
পরবর্তী ট্যাবটি হল "সেটিংস", এটি সবচেয়ে গুরুত্বপূর্ণ! দয়া করে মনে রাখবেন যে একেবারে উপরে আপনার অ্যাপ্লিকেশনের আইডি নম্বরটি বোল্ডে হাইলাইট করা হয়েছে (এটি আপনার বোতামটি সংযুক্ত করবে), তারপরে একটি "সুরক্ষিত কী" রয়েছে, এটি স্পর্শ করবেন না।
সাইটের ঠিকানা: http://yoursite.com/ (যে ঠিকানায় আপনি ওপেন এপিআই সংযোগ করেন। আপনি যদি এই অ্যাপ্লিকেশনটি অন্য সাইটে বা স্থানীয় হোস্টে ব্যবহার করেন তবে এটি কাজ করবে না। অ্যাপ্লিকেশনটি নির্দিষ্ট সাইটের ঠিকানার সাথে সম্পূর্ণভাবে আবদ্ধ। এখানে.)
ঠিকানা সেটিংসে একটি অতিরিক্ত স্ল্যাশ এবং আপনার বোতাম বৈধভাবে সংযোগ করবে না এবং "ওপেন API নিরাপত্তা লঙ্ঘন" ত্রুটি প্রদর্শন করবে।
এটিই, পরিবর্তনগুলি সংরক্ষণ করুন, আপনাকে অন্যান্য ট্যাবগুলি কনফিগার করতে হবে না।
একটি বোতাম সেট আপ এবং সন্নিবেশ করা হচ্ছে
আমরা বোতাম তৈরির ফর্মে ফিরে আসি এবং এখানে আপনার আবেদনটি ড্রপ-ডাউন তালিকার "সাইট/অ্যাপ্লিকেশন" ক্ষেত্রে উপস্থিত হওয়া উচিত, এটি নির্বাচন করুন।
পরবর্তী আইটেমটি হল "বোতাম বিকল্পগুলি" - কোনটি আপনার ডিজাইনের জন্য সবচেয়ে উপযুক্ত তা চয়ন করুন; ফর্মের নীচে আপনি অবিলম্বে একটি বোতামের একটি স্পষ্ট উদাহরণ দেখতে পাবেন৷ বর্তমানে 4 ধরনের বোতাম রয়েছে:
- টেক্সট কাউন্টার সহ বোতাম
- ক্ষুদ্র কাউন্টার বোতাম
- ক্ষুদ্রাকৃতি বোতাম
- মিনিয়েচার বোতাম, উপরে কাউন্টার
বোতামের ধরনটি নির্বাচন করা হয়েছে, এখন আইটেমটি "বোতামের নাম", এখন পর্যন্ত 2টি বিকল্প রয়েছে (আপনার পছন্দের যেকোনো একটি বেছে নিন):
- আমি পছন্দ করি
- এটা মজার
ভাল, অবশেষে, আমরা "এম্বেড কোড" ক্ষেত্রে আসি। আপনি যখন প্রথম ক্ষেত্রে আপনার অ্যাপ্লিকেশন নির্বাচন করেন, তখন এর আইডি স্বয়ংক্রিয়ভাবে কোডে ঢোকানো হয়। এই কোডটি আপনার সাইটে দুটি জায়গায় ঢোকানো দরকার, বিকাশকারীরা বিশেষভাবে এটিতে মন্তব্য করেছেন, তবে আমি এটিকে ব্যাখ্যা করব ঠিক ক্ষেত্রে।
কোডের প্রথম অংশ:
VK.init((apiId: YOUR_APP_ID, onlyWidgets: true));
আপনাকে ট্যাগের ভিতরে সন্নিবেশ করতে হবে:
এবং দ্বিতীয় টুকরা:
VK.Widgets.Like("vk_like", (টাইপ: "বোতাম"));
আপনাকে সাইটের সেই জায়গায় এটি ঢোকাতে হবে যেখানে বোতামটি প্রদর্শিত হবে।
আমার কোড পেস্ট করবেন না, আমি এটি একটি উদাহরণ হিসাবে দিয়েছি, বিশেষত যেহেতু আমার ভুল বোতাম সেটিংস আছে এবং আইডি নির্দিষ্ট করা নেই।
এবং এটিই, আপনার বোতাম প্রস্তুত!
বোতাম মোড়ানো
আপনি যেমন লক্ষ্য করেছেন, বোতামটি "vk_like" আইডি সহ একটি ডিভিতে স্থাপন করা হয়েছে, যেখানে এটির প্রদর্শনের শৈলী নির্দিষ্ট করা আছে। এবং এই শৈলীতে, বিকাশকারীরা নিয়মটি চালু করেছে:
স্পষ্ট উভয়;
আমরা জানি, এই নিয়মটি ডান এবং বাম প্রান্ত থেকে উপাদানটির প্রবাহ বাতিল করে, অর্থাৎ, যদি আপনি চান যে আপনার বোতামটি বাকি সামাজিক বোতামগুলির সাথে সঙ্গতিপূর্ণ হোক। নেটওয়ার্ক, আপনি এটির স্বপ্নও দেখতে পারবেন না, এটি গর্বের সাথে একটি নতুন লাইনে দাঁড়াবে। এটি এড়াতে এবং এখনও সারিতে বোতামটি ফিরিয়ে আনতে, প্রতিস্থাপন করুন:
তাই আমরা উপাদানটির মোড়ক বাতিলকরণ (:-D) বাতিল করি এবং "!গুরুত্বপূর্ণ" আপনার শৈলীর অগ্রাধিকার বাড়ায়, অর্থাৎ, ব্রাউজারের দৃষ্টিতে আপনার নিয়মই হবে প্রধান।
ঠিক আছে, মনে হচ্ছে আমি যা চেয়েছিলাম তা বলেছি)))) আমি আশা করি আপনি সবকিছু বুঝতে পেরেছেন এবং বোতামটি সন্নিবেশ করতে সক্ষম হয়েছেন!
এবং যদি আপনার এখনও একটি বোতাম সন্নিবেশ করার জন্য দীর্ঘ সময় থাকে, যেহেতু আপনার এখনও আপনার নিজস্ব ওয়েবসাইট নেই, তাহলে সম্ভবত চেবোক্সারি ওয়েবসাইট তৈরি আপনাকে এতে সহায়তা করবে।
