{"id":18982459,"url":"https://github.com/saquib-dev/Automatic-Link-","last_synced_at":"2026-04-11T19:30:19.895Z","repository":{"id":175167339,"uuid":"653447966","full_name":"Hack-way/Automatic-Link-","owner":"Hack-way","description":"This HTML @Hackway page displays a paragraph with a disclaimer and a centered image. The CSS styles the links, while JavaScript converts specific words into clickable links automatically.","archived":false,"fork":false,"pushed_at":"2023-06-15T09:24:14.000Z","size":16,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-01T11:42:34.816Z","etag":null,"topics":["a-tag","anchor","anchor-link","automatic-link","hackway","link","specific-words","web-page"],"latest_commit_sha":null,"homepage":"https://blog.linklinkgo.com","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Hack-way.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-06-14T04:34:45.000Z","updated_at":"2023-06-15T09:28:50.000Z","dependencies_parsed_at":"2023-09-11T07:30:32.350Z","dependency_job_id":null,"html_url":"https://github.com/Hack-way/Automatic-Link-","commit_stats":null,"previous_names":["hack-way/automatic-link-"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hack-way%2FAutomatic-Link-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hack-way%2FAutomatic-Link-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hack-way%2FAutomatic-Link-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Hack-way%2FAutomatic-Link-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Hack-way","download_url":"https://codeload.github.com/Hack-way/Automatic-Link-/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239987102,"owners_count":19729746,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["a-tag","anchor","anchor-link","automatic-link","hackway","link","specific-words","web-page"],"created_at":"2024-11-08T16:13:36.979Z","updated_at":"2026-04-11T19:30:19.853Z","avatar_url":"https://github.com/Hack-way.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# A web page article automatic link on specific words with @Hackway\n## To automatically link specific words in a web page article with the given @Hackway.\n\n\u003cp\u003eThis code is an HTML page that includes JavaScript and CSS. It features a paragraph of text with a disclaimer and a centered image. The CSS code styles the links in the text, giving them a blue color, removing the underline, and adding a bottom border that transitions to a different color on hover.\u003c/p\u003e\n\n\u003cp\u003e The JavaScript code automatically converts specific words in the paragraphs into clickable links, using an object to define the words and their corresponding URLs. The code loops through each paragraph, splits the words, checks if a word matches one in the object, and replaces it with a link if there's a match.\u003cp\u003e\n\n## code, you can follow these steps:\n\u003col\u003e\n\u003cli\u003e Create a new HTML file or open an existing one where you want to implement the automatic linking of words.\u003c/li\u003e\n\u003cli\u003e Place the CSS code provided inside \u003cstyle\u003e tags in the \u003chead\u003e section of your HTML file. This code styles the links and adds a hover effect.\u003c/li\u003e\n\u003cli\u003e Place the JavaScript code provided inside \u003cscript\u003e tags in the \u003chead\u003e or \u003cbody\u003e section of your HTML file. This code defines the words to be linked and loops through the paragraphs to replace those words with appropriate links.\u003c/li\u003e\n\u003cli\u003e Save the HTML file.\u003c/li\u003e\n  \u003col\u003e\n\n## Automatic Linking: Enhance Your Web Page with Dynamic Hyperlinks:\n  \n\u003cp\u003eMake sure to replace the placeholder URLs and words in the JavaScript code with your desired links and words to be linked.\u003c/p\u003e\n\n\u003cp\u003eBy following these steps and incorporating the provided code, the specified words in your web page article will be automatically linked with appropriate URLs.\u003c/p\u003e\n\n### Live Domo || Automatically link specific words in a web page article:\nThe link \u003ca href=\"https://codepen.io/hackway/pen/QWVGjmw\" target=”_blank” \u003ehttps://codepen.io/hackway/pen/QWVGjmw\u003c/a\u003e\n\nYouTube channel my Handle is @Hackway I hope this helps! Let me know if you have any other questions.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaquib-dev%2FAutomatic-Link-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaquib-dev%2FAutomatic-Link-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaquib-dev%2FAutomatic-Link-/lists"}