How to clear/reset Instagram Recommendation/Explore page
,a lot of things are being recommended to me on explore page on instagram,if you are also facing the same issue then ,you are at right place, we will tell you how to reset,as you can see there are a lot of cringe content,on recommendations,and I want it to show my favourites only,this can be corrected easily on Instagram,but first understand the reason,it totally depends on the way you use the instagram,how you engage with content,and accordingly changes in recommendation,but sometimes you want to reset,the explore page then you are at,best place to ,reset the explore page ,don't forget to subscribe the channel,quickly follow some steps as shown in video,you need to tell instagram what all you don't like,go to profile page,click on the menu,click settings,click account,what all you like accordingly you get things ,so first dislike the items you want not to see in future ,but its practically impossible as you might have liked a lot of things,now go to security setting,go to search history, ,clean the search history,now the 3rd and the most important thing,now you need to go to post that you don't like,select and click not interested,do it on daily basis ,by this way you will 0 down the instagram recommendation,for example as I have shown in video,and after few days you will have clean explore feed on instagram,hope you liked the video, ,please like and share the video
Let's move on to the first section of instagram search bar
How To Make A Search Bar Using HTML And CSS In 10 Just Minutes
How To Make A Search Bar Using HTML And CSS In 10 Just Minutes
hi guys welcome back to another video of,easy tutorials today in this video we,are going to learn how to create a,search bar using html and css as you can,see on my computer screen here i have,added a background image and over this,image you can see a dark layer and in,the center you can see this search bar,you can see the background of this,search bar looks blur because we have,added the blood effect using css if i,type something in this search bar,and click on this search icon it will,take you to the google search page with,the search result of this particular,keyword,you can see if i click here,it will open the google search page and,you can see the result for the,particular keyword that we have searched,in the search bar,let me come back so we are going to,learn how to create this search word,using html and css step by step i would,like to thanks bluehost for sponsoring,this video bluehost is very good website,to buy domain name and web hosting if,you buy a web hosting from bluehost you,will get the free ssl certificate free,seo tool and free cdn when you will buy,web hosting for one year you will get,the free domain name also,in any of the web hosting plan you get,the ssd storage which is very fast and,you get the unmetered bandwidth it means,there will be no issue with the traffic,you can drive any number of traffic on,your website and your website will be,always up and running here you get the,free ssl protection i will put the,bluehost link in the video description,so that you can come on this website in,one click and,start building your website if you don't,know how to build your website with,bluehost i have dedicated video on this,one where you can learn how to build and,publish your website in just few minutes,you can find that video link also in the,description,so let's start this video,here in this folder i have created one,html file and one css file and in the,another folder called images,i have one image that i will be using in,the background and there is an search,icon you can find these images download,link in the video description,now i will open these files with my code,editor which is visual studio code you,can use any code editor,so here you can see this is the html,file where i have added the basic html,structures,and this one is the css file in the css,file i have added margin padding box,sizing and,font family,and in this html file i have added this,link tag to connect the html and css,file you can see style.css so it will,connect the css file with the html file,next we will add a div in the body tag,so here let's add a div with the class,name container,next we will add the css for this,container so add this class name here in,the css file,and here we will add the width and,height,let's add the minimum height,and after that we will add some padding,and,background here we will add background,image,and,on the background image there will be a,color so here let's add the linear,gradient and write the first color code,here we will add,the first color code,and the second color will be same so,let's copy this one and paste it again,after a comma,so this is the,color over the background image after,that just add a comma then write url,and in this url you have to add the file,path of the image so our image is placed,in the images folder write the folder,name images,slash the file name which is,background.jpg,so like this we have added,imageslashbackground.jpg and after this,we will add the,background position it will be center,and background size,cover,after writing this let's come back to,the folder and open this html file with,any web browser so you can see a image,on complete web page and over this image,there is a blue dark layer,now let me come back,here within this container we will,create a form,in this form we will add one input field,so here let's add the,input field type will be text and let's,add a placeholder so in the placeholder,we will add search anything,and after that we will add,name equal to,queue,and after this form there will be a,button,so let's add the button tag,button type will be submit,and within this button we will add one,search icon so write img tag and write,the file path so again images slash,search dot png,so we have added one,input box and one,button with the,image which is search icon after adding,this let me refresh the website again,you can see this is the search box and,this is the,search,icon within the button,now we have to move these contents in,the center of the web page for that,let's come back and here,within this container we will add,display flex,align item center,and justify content will be center,after adding this,you can see these contents in the center,next we will design this form so let me,come back and here you can see we have,the form tag so for this form let me add,a class name so i will add the class,name search word,like this and copy this class name,search bar write it here in the css file,with a dot and here we will add the,width widt
After seeing the first section, I believe you have a general understanding of instagram search bar
Continue the next second section about instagram search bar
Customize Your Google Search Bar - Actually Super COOL
Customize Your Google Search Bar - Actually Super COOL
hello everybody Jimmy is perelman here,back again with another awesome video,and in today's video we will be learning,how to fully customize our Google search,bar so this way we can go from something,as old and boring as this into something,just a little bit more customized now if,you are brand new here at the channel of,Jimmy as promo and you own a samsung,galaxy device don't forget to hit on,that subscribe button as well as the,Bell for notifications so you get,notified for future videos and don't,forget about that playlist tab on the,very top to check out all the videos,I've made so far for the samsung galaxy,note 9 to begin this video we will first,take off the Google search bar so just,in case if you don't have this Google,search bar on your home screen this is,how you're able to add it go anywhere on,any of your home screens that is blank,and empty when you press and hold it'll,show you wallpapers themes widgets and,the home screen settings if you head,over into widgets you will actually,scroll through here and try to find,where it says Google and it is in,alphabetical order so here is the Google,widgets once I click on there this is,where you see that Google search bar so,once you press and hold this is where,you're able to place it anywhere on your,screen you are able to either make it,shorter you can make it medium you can,make it long you can really make it,however you want it to so for me mine's,usually right around this length now,once you've added that widget to your,home page you might notice that yours,looks a little bit different than mine,and all you'd have to do is just tap on,that Google widget and then the very top,left hand side you'll see where that,little icon of G is at and this takes,you inside of that Google application,that's on your phone now once instead of,here on the very bottom right-hand side,it says more you'll tap that and this is,where you have recents and collections,customize widget and settings so this is,where you'll tap on customize widget and,you have four different areas or,different ways of customizing that,little Google search bar widget so the,very first one is how you want Google to,be shown or represent it do you want it,to be as the full word or do you want it,to be that little G as the icon so I,like the full word of Google then the,very second one right over here is going,to be the bar shape do you want it to be,a squared you want it to be a little,rounded or do you want it to be fully,rounded and then the third one is going,to be the color and once you click on,this one here you can actually tap it,again and it makes it black and let's,say that you wanted to completely change,the color itself it's going to be this,very last icon and this is where you can,pretty much go through and put,as any color that you would like so,let's say you put it as green you can,also change a little bit of the,transparency how dark it is and,everything else do you want it lighter,do you want it darker and however you,want your little Google search bar to,show up this is how you're able to,basically set it now when you're done,you hit unclose and then the very top,right hand side you hit on done and when,you're completely finished now your,Google search bar is completely,customized for you and again don't worry,about it if you do want to alter this a,little bit later on you are able to take,it all the way down you can make it,small you can make it large however you,want it to look and also let's say you,wanted to start fresh with it if you go,all the way down to the bottom and you,go back to that customize widget you are,able to set it back to the normal,setting of when it was on your phone,when you first got it out of the box but,really fast I do want to switch this,right back to where I was so you guys,can pretty much see how fast this is,going to be and so let's just say that,I'm gonna go right back to kind of where,it was from before I already played with,this color it pretty much saved it from,before I'm gonna hit on clothes hit on,done and then now I've got it right back,to where I was from before now if you're,not that familiar with this Google,widget all it is is a small widget it's,something that's active it's a little,icon it's on your screen that you're,able to ask it questions so if you tap,on that little line it'll take it up to,where you can start typing things out or,you can actually hit on the microphone,itself and you're able to speak into,your phone and it's also able to search,things that way and so it makes your,life just a little bit easier so I hope,that you guys have liked this video if,you guys did please give this thing a,huge thumbs up also don't forget to hit,on subscribe right over here this very,bottom left hand side circle you can,subscribe that way share this video with,your friends and family and social media,sites and outside of that I'll see you,guys later
After seeing the second section, I believe you have a general understanding of instagram search bar
Continue the next third section about instagram search bar
How to add a search box to your Squarespace website
How to add a search box to your Squarespace website
hey guys it's Charlotte here from,Charlotte O'Hara dot CA and in today's,video tutorial I'm going to show you how,to add a search box to your Squarespace,website and in this video we're going to,cover adding a search box to two,different places on your website so the,first off we're going to look at how to,add the search box to the footer content,of your website so at the bottom of the,page and then secondly we're going to,look at adding a search box to your blog,so that you're only searching content,that directly comes from blog posts,alright and we're going to be working,off of a demo site that I created on,Squarespace so just using the free trial,for this video purpose and I'm working,off of the Bedford template here so you,can see I've created a demo site that,has a fake business all about making,money off music and you know monetizing,the beautiful sounds that you create,kashish website alright so first off,like I mentioned I'm going to show you,how to add this search box like this to,the footer content so you can see I'm on,the home page I've selected the home,page from the main navigation and we're,going to be working off of that so when,you scroll down to the bottom of the,footer content I've added this search,box and let me show you how to do that,so basically if we're working backwards,we would just click the footer content,select edit and then if you hover over,it you can see that this is a search,content block so to add that if I wanted,to do it let me just delete and then add,again I would click on this little,insert button which is going to open up,the content blocks where you can search,it and then in here click search and,this will fill up the section with a,search box but we're not done yet,so first off we have to decide what we,want to search whether we're limiting,the parameters or not and in this case,because we're on the home page and we,would like to search the content from,the entire website we will not click,this button to search specific pages,that will come into play a little bit,later so keep an eye on that but for now,do not click that on the home page next,up we hover over to display tab and if,you'd like you can see,like to the quick preview or you can,uncheck it it's totally up to you there,but we do have to decide whether we want,a light or a dark theme so as you can,see the background theme or the,background of the footer content on the,default of the Bedford template it's,quite dark so you could keep it dark or,you could flip it over to light and then,that really just might change some of,the text or like the icon there but,totally up to you and depending on the,design you have of your site you could,pick light or dark and once that's done,you just click apply,and then save and you're good to go so,there you go you've got now a search box,added to the footer content of your,Squarespace site and if someone starts,typing something in here it will search,the content of the entire site so really,good way to you know let people look for,content that they want all right so,that's one place you might want to add a,search box to your website but another,common place is on the blog so if we're,going to go over here let me give you an,example so you can see what I mean so,this is an example of a you know an,alternate blog format in which case we,do have the blog posts populated down,below here,so these are just example ones but above,it and I've given the reader the option,to use a search box and you know that,way they can cite they can search,through the content of all of the blog,posts so right now I only have three,it's you know not super necessary but,imagine once you start having like a,dozen or hundreds of blog posts and this,feature might be really useful for you,so with this let me draw your attention,over here and you can see that we've,created a page and so this is like if,you're making it from scratch you would,click this page here like a traditional,page as opposed to just a plain blog,because a plain blog will just show the,posts but it won't give you the option,data search box so if you do want the,search box on the blog page you would,click here and then I'll show you how to,add it and edit it from there,all right so going back to this blog,post we've got you know,Paige created here and then up at the,top of the page content like this is,just a text block as you can see so a,plain text box that you would have like,inserted by clicking text and then this,search box that we've added here this is,where we would have gone through and,selected search but in this case it's,going to be a little bit different,because we're going to click the search,specific page option in the content,section right and now because we only,want to search through specific blog,posts that's where we're going to click,blog and then apply alright so now I've,got two of them so I can just delete one,it doesn't really matter which one,because they're both the same thing but,yet now if someone uses the
After seeing the third section, I believe you have a general understanding of instagram search bar
Continue the next fourth section about instagram search bar
Top 7 Instagram Settings You Should Change Right Now
Top 7 Instagram Settings You Should Change Right Now
hey everyone in today's instagram video,i want to show you the top seven,settings on the instagram app that you,should change right now,and if you're new here i post easy to,follow instagram videos,every single week on this channel so,make sure you subscribe so you don't,miss the next video,let's jump into the instagram app and,the very first thing you want to do,is turn on two-factor authentication,let me show you how go to your profile,page on instagram,press the three lines here and go to,settings,and here we want to click on security,and right here you see two factor,authentication click that,and you want to turn on one of these,options the most common way,people get hacked on instagram is by,people,guessing your password but if you turn,this on,for example if you turn on text message,every time you log into instagram from a,device that instagram doesn't recognize,it will send you a text message to,verify you could also use,authentication app which is what,instagram recommends so go ahead and try,authentication app or the text message,option here,but two-factor authentication if there's,anything you take away from this video,is make sure that is turned on next one,is also,in the same page and is also related to,security,but if you ever gave instagram any,permission,from other apps you should check and,turn off the apps that you don't,recognize,it's right here on the same page the,same page we turn on two factor,authentication,there's something called apps and,websites click that and then look under,active,click active and if you see apps and,websites here,that have permission to access your,instagram and you don't remember giving,them permission,turn them off right now remove them,right now or even if you do remember,and you don't think it's giving you any,good value,you should act deactivate them right now,too,so make sure you do that next now this,is for people that,don't have a private account if you have,a private account on instagram this is,not relevant to you,but if you're trying to grow your page,on instagram,you should change your account type let,me show you how,jump into your instagram profile press,the three lines here and go to settings,one more time,and on this page you want to go to,account and on the bottom of the account,page,if yours is set to personal it makes it,a little more difficult to grow,and attract followers to your page so,what you want to do here,is change it to creator accounts or you,might also see,business accounts those two are kind of,the same,as far as the access that you get in,different settings on instagram for,example,if i go back here and if i go back one,more time,under my settings i have something,called insights,that's showing me analytics of how many,people are,interacting with my post when they are,interacting with my post,and gives you a lot more insights into,what's going on with my profile page,it's very very hard without those,numbers to get more followers on,instagram,so for anybody wanting to grow their,instagram page i recommend they change,their instagram account type,to one of the two that has the analytics,built in you also get access to a bunch,of other things that are covered in,different videos,if you want to learn all about growing,on instagram i do have a 30 minute free,training,i'll link that in the description below,let's go to the next one,if you see accounts that post things you,don't want to,see but maybe they're related to you and,you don't want to block them you don't,want to know,that you're doing anything against their,profile what you could do is restrict,them,let me show you how go to their profile,page,press the three dots on top and instead,of blocking them,there's an option to restrict them and,restrict them basically limits,on one and react interactions between,you and that account,so they won't know that you blocked them,they could still see your accounts,but you won't keep seeing their post or,their stories,so you can go ahead and restrict that,account here right there if you ever,change your mind just press the three,dots on their profile page again,and you can unrestrict them this is not,a permanent thing,but it's a great way just to get some of,the things,that are bothering you on instagram off,instagram without really,subjecting anyone to being blocked this,one is about your notifications,i recommend you turn off notifications,to,live videos for some reason instagram,tends to show you every time someone,goes live on instagram,and they notify you this is on by,default but,if you go to your profile and press the,three dots here,go to settings and then go to,notifications,you have a lot of options here but one,of them is you see live and ig tv,if you go to that section you could,actually turn,off notification to live videos see,mines turn on,so if i go off it's going to be off now,every time someone goes live,i won't get notified on my instagram,profile especially on one that i have 60,000 plus followers i get notified all,the
After seeing the fourth section, I believe you have a general understanding of instagram search bar
Continue the next fifth section about instagram search bar
Painful EuroBasket Loss & Giannis Supporting Olympiacos Myth | BN Talks with Kostas Antetokounmpo
Painful EuroBasket Loss & Giannis Supporting Olympiacos Myth | BN Talks with Kostas Antetokounmpo
welcome to basket news talks I'm the,host Donatos rubenas we're Radisson,colonist hotel and we're hosting Chennai,beko Istanbul newcomer Costa Santa combo,welcome Costas thank you for having me,if you don't mind I will start this,conversation with the great epilogue of,the book of Janis and I think that your,role was one of the key in the opening,lines of of this book I will read some,short lines in the beginning,his family didn't have much time they,had to until sundown to get out of their,apartment they had fallen short on the,rent again they were being evicted again,after packing all their belongings,Giannis and his brothers looked at each,other staring at their massive fridge in,the kitchen each thinking what we are,going to do with this,then cost us nine years old at the time,spotted a small skateboard let's put it,on the skateboards he squealed,Janis 12 and his favor stared blankly at,each other what other options did they,have let's give a try it simply possible,the giant fridge on a punny skateboard,it looked ridiculous and from what I,understood it took like one mile to to,get that fridge to your friend's house,you actually managed to make it and you,know there are a lot of different angles,on how you can look at the story of,course the main angle is that what you,have to go through what you guys,achieved and how inspiring your story,was but I try to look at your angle and,let's be honest it's pretty impressive,for a nine-year-old kid to have such a,creative and out of the box idea was it,something that you always stood out,among your brothers I mean I don't know,I just feel like at that moment maybe it,was just so much stuff going on you know,which,you just want to put like a help in hand,you know you just want to do something,to help and,you know maybe I just threw out a idea,that maybe some people would say it's,not smart but at this time it was like,hey maybe we could do it then it works,was able to put the fridge on the,skateboarding was able to roll it on the,street like we did it at midnight so,nobody could see us yes and so it's,something which you kind of sends you,out from from other brothers You're,always that creative out of the box for,a little bit I have like sometimes,different thinking trying to take out,the box like have different ideas,and I think that's one thing that just,is just different like about us we don't,all think the same we we try to all put,a little a little bit of our taste in,every every little thing talking about,the on floor things what basketball uh,name me one basketball element which you,do better than Giannis than Giannis,probably say,I would say my my switching like,switching being able to switch to a one,through five okay I think I think I do,that better to be honest what do you,think of Giannis was in this room,I think he agreed because during the,summer international team he was saying,telling me the same thing like he was,telling me that he'd never played with a,big man that's able to switch like that,even like with like I've played like I,played in Europe last year I was able to,switch on like guards and like uh Mike,James like Larkin and like I was able to,hold my ground and not let them score,like immediately on something like that,yeah talking about the national team and,speaking of the national team you,mentioned the The eurobasket Experience,uh and one of my last uh you know,memories with you from the eurobasket,that was also there was that you were,very emotional after that game yeah can,you explain what was behind all these,emotions and how it causes and the,tokumba usually bounces back was the,next day was the following week or month,is for for Costas,uh no it was just it was just that,moment you know when it happens you just,have to,forget about it keep moving forward but,uh it was an emotional moment because we,had we had some we had goals as a team,and uh,we thought we fought really hard you,know we played against uh a really good,team that Germany that night was a,really good team salute to them and uh,it just came out of me it was just not,me it was his other players too you know,when we got back to the locker room you,know they had the same a response so it,was just a little bit heartbreaking but,it's basketball yeah it was another time,uh the big topic was you know how Yan is,how Evers can adjust to FIBA rules FIFA,basketball to use to utilize all of his,strengths can you bring us to the room,where you all guys try to discuss what,you should do different next year what,maybe didn't work out is you wanted or,what challenges you all saw on the court,the way how our teams try to stop you,starting from Republic probably and then,of course Germany I mean uh,I feel like that's like a a coach,question but I'll give you my answer I,think that obviously we have a team with,a one really good player a superstar,like,so we have to use him in the best of his,abilities and we have to contribute as,much as we can you know we can just,like try to piggy bi
After seeing the fifth section, I believe you have a general understanding of instagram search bar
Continue the next sixth section about instagram search bar
Cara Tampil ke Calon Pelanggan di Instagram Melalui IG Searchbar
Cara Tampil ke Calon Pelanggan di Instagram Melalui IG Searchbar
karena kalau Instagram Des kita sudah,mengetahui bagaimana kompetisi diantara,Instagram dan tiktok yang akhirnya,berujung pada development Instagram real,sendiri yang memang efektif ya saat ini,Untuk menjangkau banyak orang baru tapi,jarang ada yang mengerti dan tahu bahwa,saat ini ada Brick update yang sedang di,level on developer Instagram yaitu,Instagram short,ada sebuah baru di Instagram dan ini,adalah backup date dan saya rasa ini,akan menjadi the next Big Thing di,Instagram buat Anda saat ini Untuk,menjangkau lebih banyak orang baru,supaya bisa melihat brand Anda yang ada,di Instagram ini bukan mengenai,Instagram terus ya karena kalau,Instagram Guys kita sudah mengetahui,bagaimana kompetisi diantara Instagram,dan tiktok yang akhirnya berujung pada,development Instagram real sendiri yang,memang efektif ya saat ini Untuk,menjangkau banyak orang baru tapi jarang,ada yang mengerti dan tahu bahwa saat,ini ada Brick update yang sedang di,level on developing Instagram yaitu,Instagram short jadi Instagram sore ini,file-nya Google dan juga seperti halnya,YouTube di Instagram for sedang di,netlog function sore ini sehingga pada,akhirnya bisa dihitung hanya username,aja tapi hampir semua aliran Instagram,saat ini bisa dimasukkan ke dalam yang,disebut search engine optimization Tapi,sebelum kita mulai Perkenalkan nama saya,adalah Joseph folder dari at sekolah,pebisnis dan selama delapan tahun lebih,setelah mengembangkan akun-akun saya di,Instagram dan juga bisnis saya melalui,dunia online dan membantu teman-teman,kita dan klien untuk mengembangkan,akun-akun serta bisnis mereka juga,menggunakan online marketing rambut Anda,yang mungkin baru pertama kali melihat,video dari Yosef Abbas silahkan mampir,ke channel javabass dan jangan lupa juga,subscribe channel Yosep Abbas untuk,mendapatkan info-info terupdate dan tips,bisnis terbaru lainnya seputar marketing,bisnis dan terutama online marketing,beberapa waktu lalu ada mossery atau Sio,dari Instagram telah mengatakan bahwa,Instagram is not only a foto sirip bukan,hanya sebuah aplikasi untuk seri foto,tapi juga video dan ternyata itu bukan,satu-satunya hal yang dia katakan yang,ternyata sangat GIS dan ini adalah hal,terpenting keduanya the next Big Thing,nya yaitu ternyata Instagram juga,membuat pencarian foto dan video lebih,Advance seperti layaknya Google dan juga,YouTube dan disini dijelaskan secara,detil oleh saudara Instagram sendiri ada,mossery bahwa ternyata pencarian di,dalam Instagram itu dibuat seperti,layaknya Sio atau sociengine,optimization kalau dulu bisa sebenarnya,Instagram itu hanya bisa dicari,usernamenya orang saja dan juga foto,sekarang caption bahkan hingga,detil-detil lainnya itu bisa dilakukan,pencariannya juga artinya ini berbeda,sekali nih dengan sebelumnya yaitu,Instagram melihat internet atau karr,ikan orang terhadap sebuah konten kalau,David Story Instagram virus dan juga,explore biasanya di desa-desa G adalah,seberapa ketertarikan orang atau intra,seorang terhadap sebuah konten tapi di,sini yang dilihat adalah Intan base atau,seberapa intensi orang dalam mencari,sebuah kata kunci dan ini dijelaskan,sebetulnya secara detil didalam blog,post about this update yang teman-teman,bisa,buka langsung sekarang juga seperti apa,sih blog Instagram dan menjelaskan,penjelasannya secara detil Bagaimana,untuk kita bisa mengoptimasi sore ini,Oke jadi ini dia blog resmi dari,Instagram yang mengatakan bahwa Breaking,Down hole Instagram search word dan bisa,dilihat juga ditulis oleh ada mossery,yaitu sihol Instagramnya artinya blog,resmi mereka dan disini disebutkan,dengan jelas bahwa search is best to,help you find Account and topics of,Interest it is different atau sangat,berbeda dari vicstory Real ataupun,explore page karena katanya berbedanya,your Inbox atau input kita kata kunci,yang kita masukkan di Instagram tersebar,itu membantu menunjukkan apa yang,sebetulnya paling relevan dengan Apa,yang sedang anda cari melalui,tersebarnya Instagram jadi ini cara baru,sebetulnya bagi akun kita atau bagi,brand kita di dalam Instagram untuk,ditampilkan ke orang-orang baru dalam,Instagram berdasarkan apa yang,orang-orang tersebut cari di dalam,saudara Instagram jadi dengan ini maka,ada cara,selain victorious Adapun ekspor bagi,kita para marketer ataupun para pebisnis,untuk bisa tampil di hadapan calon,pelanggan kita ya yang juga menarik dan,perlu kita simak secara detil adalah,Disini in Edition to detect you tipe,Insert Jadi selain pada teks yang kita,masukkan di dalam tersebarnya Instagram,ternyata dia menggunakan informasi dari,akun kita hashtag dan places yang,disebut dengan sinyal mereka untuk,menunjukkan hasil dari apa yang dicari,dari software Instagram dan yang paling,unik adalah ternyata Instagram ikan,memiliki namanya sebuah mesin yang mesin,learning ataupun artifisial intelijen,jadi saat ini karena mesinnya sudah,Advance sudah sangat canggih maka dia,bisa,mentracking beberapa activity yaitu your,text Insert itu dilihat jadi apa aja,dilihat your text Insert
After seeing the sixth section, I believe you have a general understanding of instagram search bar
Continue the next seventh section about instagram search bar
How to create an expanding search bar using :focus-within
How to create an expanding search bar using :focus-within
hello and welcome to my channel my name,is Kevin and here at my channel we,learned how to make the web and how to,make it look good with weekly tips,tricks and tutorials and in this week's,video we're gonna be seeing how we can,make this pretty cool expanding search,bar it was something that I started just,experimenting with it something had seen,a lot of time so I sort of exploring how,I could do this on my own without,looking at how anybody else had done it,just to see you know to push myself an,experiment a little bit and I think I,came up with a pretty unique solution,maybe other people have been doing it,this way but I'm doing it with CSS only,a mess and I think it's a really user,friendly and awesome way to do it it's,using a focus within which is just such,an underutilized pseudo class and and if,you're not sure what focus within is,we're gonna be exploring it in this,video I think it's gonna make a lot of,sense once you see how I do it and,hopefully give you some ideas and other,ways you can be able to use something,like this we'll also be exploring a,little bit with the animation cuz you,can see it sort of squishes and,stretches a little bit so we're gonna be,looking at all of those things in this,video I think that's enough talk let's,jump into actually coding this up so,here we are in vs code imma turn,wordwrap off in a second but I just,wanted to take a look at what I'm,linking to so here is just the link to,my Google Fonts this is they link to,font awesome music I'm going to be using,that for my little search icon and then,I'm linking to my own CSS file and right,now all we have here is a content which,is giving me this white box there if we,go and look at my CSS I have set up a,some custom properties here that are,giving me just the ability to reuse,colors really really easily if you're,not familiar with them I am going to be,using them a little bit in this video so,you can check the card that's popping up,now maybe get a little bit of a rundown,on how they work but it's not too,complicated you'll probably be able to,figure it out pretty easily when,following along and it's not an,essential thing for this video so you,can see I don't have too much going on I,have nothing related to what we're going,to be working on let me turn wordwrap,off for now if I'm just because I find,it cleans things up a little bit but if,we need to just to make sure everything,is on the screen I'll toggle that back,and forth so the very first thing I'm,going to do here is a div class and I'm,just going to call it search bar,and this is going to sort of house,everything that's going to be that we're,working on and this is a really really,important,give that we are going to be using here,so I have my search bar and then inside,of here we are going to put our input so,with my input here it's a type of text,so if I hit save right away that's going,to give me a little text box there so,that is perfect and I just realized I'm,zoomed out that was a little silly me,but there we go I have my type of box,that is right there so the next thing we,need in here is my button so we'll do a,little button like that and in here well,in here we're going to use the font,awesome little search icon so that is,this right here the FAs font awesome,solid font awesome search so I hit save,and you can see that is there I don't,think I've ever done a specific video on,font awesome if that is something you'd,like me to look at at one point leave a,comment down below and let me know about,that so we have the two pieces that we,need but we need a little bit more work,on both of them because we want to make,it as accessible as possible and we,won't need to fix it up a little bit too,so in here I'm also going to give both,of these a class so I can select them in,my CSS nice and easily so in here I'm,going to do a class of a search bar,double underscore input I am using the,BEM naming convention for this if you,don't like the double underscore don't,use it if you're not too sure about it I,do have a video on that as well I'll put,a link to that one in the description so,here we have my search bar input and on,here I'm going to put a class is equal,to and it's even my search bar double,underscore submit because it's going to,submit my search another thing I guess,we can turn wordwrap off here for a,second just we can keep track of,everything that's going on and I'll,space these out just to make it a little,easier to follow what is what so I have,my input a search bar input and on this,I'm also going to give it a place holder,because we want a little bit of text in,here so we'll just put it in enter your,search or something like that and I'm,also going to give this an area label,because we don't actually have a real,label on this the area label is,important for accessibility purposes it,you know it's better than nothing,ideally you would have a label anytime,you have an input but if for whatever,reason we're sort of going for pretty,design here instead o
Congratulation! You bave finally finished reading instagram search bar and believe you bave enougb understending instagram search bar