Posts

Showing posts with the label HTML

Loading GIF Loader In Center of Webpage

Image
While page is loading sometimes it takes too much time for that time duration we can show GIF loader or any kind of loader to the users so users can know easily something is happens. Add Loader To Your Webpage   Such as your webpage html code is like below: <body>     <div class="content">         Long Content Here         <br/>         Click to view loading image.     </div>     <div id="divLoading" style="display:none">     </div> </body> We added one div here with the ID divLoading, you can take any ID selector as per your need. Now in webpage you need to add css code so that loader can be show in center of page at any screen size: <style type="text/css">      #divLoading.show      {          display : block; ...

OG Tags For Social Media Sharing

Image
Share On Social Media OG Tags For Proper Title, Description and Image Social Sharing Step 1: Title Maximum of 65 characters <title>your keyword rich title of the website and/or webpage</title> Step 2: Description Maximum of 155 characters <meta name="description" content="description of your website/webpage, make sure you use keywords!"> Step 3: og:title Maximum 35 characters <meta property="og:title" content="short title of your website/webpage" /> Step 4: og:url Full link to your webpage address <meta property="og:url" content="https://www.example.com/webpage/" /> Step 5: og:description Maximum 65 characters <meta property="og:description" content="description of your website/webpage"> Step 6: og:image Image(JPG or PNG) of size less than 300KB and minimum dimension of 300 x 200 pixel is advised <meta property="og:image" content="//cdn.example.com/uplo...

Get YouTube Video Thumbnail And Use It With Your Code

Image
Download Any YouTube Video Thumbnail YouTube stores many different types of thumbnails on its server for different devices. You can access it by using the video id which every YouTube video has. You can display the images on your website using a variable $link which holds the id of the video and substituting it in the place for video_ID in the link. Download-Any-Youtube-Video-Thumbnail   Low quality thumbnail: https://img.youtube.com/vi/<YouTube_Video_ID_HERE>/sddefault.jpg Medium quality thumbnail: https://img.youtube.com/vi/<YouTube_Video_ID_HERE>/mqdefault.jpg High quality thumbnail: https://img.youtube.com/vi/<YouTube_Video_ID_HERE>/hqdefault.jpg Maximum quality thumbnail: https://img.youtube.com/vi/<YouTube_Video_ID_HERE>/mqdefault.jpg Such as in this blog we will get thumbnail of this YouTube video: Example: If you want to access the thumbnail of this above video: So the Video ID for this video is: aCB2WRqxxvo So, this is how video thumbnail link loo...