Google Custom Search Box ব্লগ সাইটে কিভাবে যুক্ত করবেন? ব্লগের জন্য সুন্দর Search Bar Code

Leave a Comment
আপনি কি জানেন আপনার ব্লগ সাইটে Google Customs Search Box যুক্ত করে আয় করা সম্ভব? গুগলের সার্চ কোড আমাদের ব্লগে যুক্ত করলে সেখানে যখন কোন ভিজিটর কিছু সার্চ করে তবে সার্চ রেজাল্টে গুগল কিছু এড সাইট দেখায় তার থেকে আমরা এডসেন্সের মাধ্যমে ব্লগ সাইট থেকে আয় করতে পারি। আপনি যদি Google Adsense ব্যবহার করে থাকেন তবে আপনার ব্লগ সাইটে যুক্ত করেনিন গুগল কাস্টম সার্চ বক্স।

আমাদের ব্লগে Google Customs Search Bar যুক্ত করে আমরা গুগক সার্চ ইঞ্জিন থেকে ব্লগের মাধ্যমে টাকা আয় করতে পারি।গুগল সার্চ ইঞ্জিনে আমাদের কতোগুলো পোস্ট ইন্ডেক্সিং হয়েছে সেটা দেখতে পাবো। আমাদের ভিজিটর তাদের পছন্দের মত সার্চ করতে পারবেন।

এছাড়া আমাদের ব্লগার সাইটে যেসকল সার্চ বক্স থাকে সেগুলো অতোটা সুন্দর হয়না। সেখানে দেখা যায় কিছু ব্লগার থিমে হয় Search Bar নেই অথবা সার্চ বক্স বোঝায় যায় না। এই সকল বিষয় চিন্তা করেই আপনাদের কাছে নিয়ে এলাম ব্লগারে যুক্ত করার জন্য সুন্দর একটি সার্চ বক্স।
Google Custom Search Box ব্লগ সাইটে কিভাবে যুক্ত করবেন?  ব্লগের জন্য সুন্দর Search Bar Code
Custom Search Bar Code

ব্লগার সাইটে Google Custom Search Bar কিভাবে যুক্ত করবেন 


আপনার ব্লগার সাইটে গুগল কাস্টম সার্চ বার যুক্ত করে গুগল সার্চ ইঞ্জিন থেকে আয় করতে চায়লে নিচের স্টেপ ফলো করুন। এখানে গুগল সার্চ বক্স কোড কিভাবে তৈরি করবেন আর আপনার ব্লগে যুক্ত করবেন দেওয়া হয়েছে। 

Step:1- প্রথমে Google Adsense একাউন্টে লগইন করে 3 লাইনে ক্লিক করে Ads for search এর নিচে Custom Search engines ক্লিক করুন।

Google Custom Search Box ব্লগ সাইটে কিভাবে যুক্ত করবেন

Step:2- এবার New custom search engine ক্লিক করুন।
add Google Custom Search Box blogger

Step:3- এখানে আপনার সার্চ বক্সের কোন নাম দিতে পারেন অথবা খালি রেখে  save and get code ক্লিক করুন তারপর কোডটা পুরো কপি করেনিন।
  ব্লগের জন্য সুন্দর Search bar code

Google Custom Search Box ব্লগে কিভাবে যুক্ত করবেন 


এডসেন্স থেকে আমরা গুগল কাস্টম সার্চ বক্স কোড পেয়ে গেলাম এবার সেটা আপনার ব্লগে যুক্ত করতে নিচের স্টেপ ফলো করুন। 

Step:1- প্রথমে আপনার ব্লগে লগইন করে হোম পেজ থেকে Layout ক্লিক করুন। 

add search box code in blogger

Step :2- এবার আপনার ব্লগের যেখানে Custom Search Bar  দেখাতে চান Add a gadget  ক্লিক করুন। 

how to add search bar in blogger

Step:3- এবার নতুন একটা পেজ আসবে এখানে HTML/Javascript এর পাশে (+) আইকনে ক্লিক করুন। 

blogger search bar html javascript


Step:4- ওপরের ছোট বক্স খালি রেখে মাঝের বক্সে Search Html কোড যেটা তৈরি করলেন সেটা দিয়ে Save করে দিন।
blogger search bar html code

নোট- Search Box Code তৈরি করার ২০ মিনিট পর কাজ করে। এবার আপনার ব্লগ সাইটে গিয়ে দেখেনিন গুগল কাস্ট সার্চবার ঠিক কাজ করছে কি।

যাদের এডসেন্স একাউন্ট নেই বা যারা এডসেন্সের এপ্রভেল এখনো পাননি তারা গুগল অফিসিয়াল সার্চ সাইট থেকেও Google Custom Search Bar তৈরি করতে পারেন।

আরও জানুন > অনলাইন আয় করতে কিভাবে ব্লগ সাইট তৈরি করবো
আরও জানুন >ব্লগিং করে টাকা আয় করার best add network সাইট

ব্লগস্পোট blogger এর জন্য সুন্দর Search Bar HTML Code

আপনার যদি গুগল সার্চ বক্স পছন্দ না হয় অথবা আপনি যদি মনে করেন আপনার ব্লগের ভিজিটর শুধু আপনার সাইটের পোস্ট সার্চ করে খুঁজে পায় তবে নিচের কোডটা আপনার জন্য।

নোট- নিচে দেওয়া কোডটা গুগলের না তাই এখানে আপনার ভিজিটর সার্চ করলে আপনি কোন অর্থ পাবেন না। কিন্তু এই Search HTML কোডটা আপনার ব্লগে যুক্ত করলে বেশ সুন্দর লাগবে। ব্লগে Custom Search Box কিভাবে যুক্ত করে  স্টেপ ওপরে বলা আছে।

ব্লগে নিচের দেওয়া কোড যুক্ত করতে প্রথমে কোডটা সম্পূর্ণ কপি করুন আর আপনার ব্লগের Layout  >>Add a gadget >> HTML/Javascript এ সেভ করেদিন।

<form _lpchecked='1' action='/search' class='search-form' id='searchform' method='get'>
                               <fieldset>
                           <input id='s' name='q' onfocus='if(this.value==&apos;Search&apos;)this.value=&apos;&apos;;' onwebkitspeechchange='transcribe(this.value)' type='text' value='Search' x-webkit-speech=''/>
                               </fieldset>
                             </form>

শেষ কথা 
How to add custom search bar in blogger আশা করি আপনার ব্লগস্পট ব্লগের জন্য সুন্দর সার্চ বক্সটি আপনার পছন্দ হবে। আর আপনার ব্লগে সার্চ বক্স যুক্ত করতে কোন সমস্যা হলে অবশ্যই কমেন্ট করে জানাবেন।

আরও জানুন >গুগল Adword ওয়েবসাইটের জন্য কিভাবে কাজ করে
আরও জানুন > blogger favicon কিভাবে তৈরি করে ব্লগে যুক্ত করে


If you like this article share this in your social sites
Next PostNewer Post Previous PostOlder Post Home

0 Comments:

Post a comment