{"id":11485,"date":"2024-03-22T13:37:05","date_gmt":"2024-03-22T08:37:05","guid":{"rendered":"https:\/\/codehim.com\/?p=11485"},"modified":"2024-03-22T13:37:05","modified_gmt":"2024-03-22T08:37:05","slug":"animated-text-slider-using-javascript","status":"publish","type":"post","link":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/","title":{"rendered":"Animated Text Slider Using JavaScript"},"content":{"rendered":"<p>This code creates an animated text slider using JavaScript. It displays various content in a slideshow format. The `slide()` function manages the animation. It&#8217;s helpful for engagingly showcasing multiple messages or highlights.<\/p>\n<p>You can use this code on your website&#8217;s homepage to showcase key services or features. It adds visual appeal and interactivity, making your site more engaging. This can help attract and retain visitors, improving overall user experience and potentially boosting conversions.<\/p>\n<h2>How to Create Animated Text Slider Using Javascript<\/h2>\n<p>1. First of all, load the Google Fonts by adding the following CDN links into the head tag of your HTML document.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"&gt;\r\n&lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin&gt;\r\n&lt;link href=\"https:\/\/fonts.googleapis.com\/css2?family=Ubuntu:wght@500;700&amp;display=swap\" rel=\"stylesheet\"&gt;\r\n<\/pre>\n<p>2. Set up the HTML structure for the slider. Include a <code>div<\/code> element with an id of <code>slider<\/code>, where the text will be displayed.<\/p>\n<pre class=\"prettyprint linenums lang-html\">&lt;!-- Tutorial: https:\/\/youtu.be\/Wxnpze5LK3Y --&gt;\r\n&lt;div id=\"slider\"&gt;\r\n  &lt;div class=\"span\"&gt;We excel at&lt;\/div&gt;\r\n  &lt;div class=\"span\" id=\"sliderValue\"&gt;&lt;\/div&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;div class=\"youtube\"&gt;\r\n  &lt;style&gt;\r\n    .youtube {\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: rgba(0, 0, 0, 0.4);\r\n      color: white;\r\n      left: auto;\r\n      right: auto;\r\n      margin: 0 auto;\r\n      text-align: center;\r\n      padding: 20px 50px;\r\n      border-top-left-radius: 20px;\r\n      border-top-right-radius: 20px;\r\n      font-weight: 700;\r\n      color: #0077ee !important;\r\n    }\r\n  &lt;\/style&gt;\r\n  <iframe title=\"JavaScript Services Slider Animation Tutorial\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Wxnpze5LK3Y?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\r\n&lt;\/div&gt;<\/pre>\n<p>3. Apply styles to your slider using CSS to enhance its appearance and animation.<\/p>\n<pre class=\"prettyprint linenums lang-css\">body{\r\n  font-family: 'Ubuntu', sans-serif;\r\n  margin: 0 auto;\r\n  background-color: #191a1e !important;\r\n  color: white;\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n#slider {\r\n  width: 600px;\r\n  display: flex;\r\n  gap: 15px;\r\n  font-size: 30px;\r\n}\r\n\r\n#sliderValue {\r\n  display: flex;\r\n  color: #0077ee;\r\n    font-weight: 700;\r\n}\r\n\r\n.start {\r\n  opacity: 0;\r\n}\r\n\r\n.animation {\r\n  animation: fade .3s forwards;\r\n}\r\n\r\n\r\n@keyframes fade {\r\n  0%{\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n  }\r\n  100%{\r\n    opacity: 1;\r\n    transform: translateY(0px);\r\n  }\r\n}\r\n\r\n.holder-animation {\r\n  animation: holder 4s;\r\n}\r\n\r\n@keyframes holder {\r\n  0%{\r\n    opacity: 1;\r\n  }\r\n  95%{\r\n    opacity: 1;\r\n  }\r\n  100%{\r\n    opacity: 0;\r\n  }\r\n}<\/pre>\n<p>4. Now, let&#8217;s add JavaScript to make the slider functional. We&#8217;ll create a function called <code>slide()<\/code> that manages the animation and text content. Customize the content of the slider by modifying the <code>sliderContent<\/code> array in the JavaScript code. This array contains the messages or highlights that will be displayed in the slider.<\/p>\n<pre class=\"prettyprint linenums lang-js\">\/\/ Tutorial: https:\/\/youtu.be\/Wxnpze5LK3Y\r\n\r\nvar sliderCounter = 0;\r\nvar sliderContent = [\r\n  \"Web Development\",\r\n  \"WordPress Development\",\r\n  \"App Development\",\r\n  \"Plugin Development\",\r\n  \"CRM Integrations\"\r\n];\r\nvar slider = document.querySelector(\"#slider\");\r\nvar sliderValue = document.querySelector(\"#sliderValue\");\r\n\r\nfunction slide() {\r\n  if (sliderCounter &gt;= sliderContent.length) {\r\n    sliderCounter = 0;\r\n  }\r\n\r\n  sliderValue.innerHTML = \"\";\r\n  \r\n  sliderValue.classList.remove(\"holder-animation\");\r\n  void sliderValue.offsetWidth;\r\n  sliderValue.classList.add(\"holder-animation\");\r\n  \r\n  for (i = 0; i &lt; sliderContent[sliderCounter].length; i++) {\r\n    let letterDiv = document.createElement(\"div\");\r\n    letterDiv.innerHTML = sliderContent[sliderCounter][i];\r\n\r\n    if (letterDiv.innerHTML == \" \") {\r\n      letterDiv.innerHTML = \"&amp;nbsp;\";\r\n    }\r\n    letterDiv.classList.add(\"start\");\r\n    letterDiv.classList.add(\"animation\");\r\n    letterDiv.style.animationDelay = i \/ 10 + \"s\";\r\n    sliderValue.appendChild(letterDiv);\r\n  }\r\n\r\n  sliderCounter++;\r\n}\r\n\r\nslide();\r\nsetInterval(slide, 4000);<\/pre>\n<p>That&#8217;s all! hopefully, you have successfully created an Animated Text Slider Using JavaScript. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This code creates an animated text slider using JavaScript. It displays various content in a slideshow format. The `slide()` function&#8230;<\/p>\n","protected":false},"author":1,"featured_media":11501,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[97],"tags":[],"class_list":["post-11485","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-text-input"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Animated Text Slider Using JavaScript &#8212; CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Animated Text Slider Using JavaScript &#8212; CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-22T08:37:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Animated Text Slider Using JavaScript\",\"datePublished\":\"2024-03-22T08:37:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\"},\"wordCount\":220,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png\",\"articleSection\":[\"Text &amp; Input\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\",\"url\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\",\"name\":\"Animated Text Slider Using JavaScript &#8212; CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png\",\"datePublished\":\"2024-03-22T08:37:05+00:00\",\"description\":\"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png\",\"width\":1280,\"height\":960,\"caption\":\"Animated Text Slider Using JavaScript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Text &amp; Input\",\"item\":\"https:\/\/codehim.com\/category\/text-input\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Animated Text Slider Using JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Animated Text Slider Using JavaScript &#8212; CodeHim","description":"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/","og_locale":"en_US","og_type":"article","og_title":"Animated Text Slider Using JavaScript &#8212; CodeHim","og_description":"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-03-22T08:37:05+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Animated Text Slider Using JavaScript","datePublished":"2024-03-22T08:37:05+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/"},"wordCount":220,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png","articleSection":["Text &amp; Input"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/","url":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/","name":"Animated Text Slider Using JavaScript &#8212; CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png","datePublished":"2024-03-22T08:37:05+00:00","description":"Here is a free code snippet to create a Animated Text Slider Using JavaScript. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2024\/03\/Animated-Text-Slider-Using-JavaScript.png","width":1280,"height":960,"caption":"Animated Text Slider Using JavaScript"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/text-input\/animated-text-slider-using-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Text &amp; Input","item":"https:\/\/codehim.com\/category\/text-input\/"},{"@type":"ListItem","position":3,"name":"Animated Text Slider Using JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":1075,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/11485","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=11485"}],"version-history":[{"count":3,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/11485\/revisions"}],"predecessor-version":[{"id":11521,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/11485\/revisions\/11521"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/11501"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=11485"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=11485"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=11485"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}