Header and Footer Scripts
This module provides an administrative interface to easily add custom CSS, JavaScript, and HTML code to the head and footer of your Drupal site without modifying any core files. It's ideal for integrating analytics, meta tags, or social media scripts.
This module allows you to add style and scripts in your site or , You don't need to open any file for this purpose.
Quick usage
Navigate to admin/config/development/header-and-footer-scripts/header
Add stylee.g:
<link type="text/css" rel="stylesheet" href="http://www.example.com/style.css" media="all" /><link type="text/css" rel="stylesheet" href="https://www.drupal.org/style.css" media="all" /><style>#header { color: grey; }</style>
Add scripte.g:
On mostly sites, this section is used to add the Google Tag Manager. You can also add multiple scripts here with multiple ways, For example:
<!-- Google Tag Manager --><noscript>Write Your code here</script><!-- End Google Tag Manager --><script type="text/javascript" src="http://www.example.com/script.js"></script><script type="text/javascript" src="/script.js"></script><script type="text/javascript">console.log("HFS Body");</script>
Press 'save configuration'.
You will be able to insert Google Analytics or other Web-analytics code, meta-informations, CSS and JS codes to <head>. You will be able to insert html and/or JavaScript codes to footer of your site. Good place for Clicky Web Analytics, Twitter, Facebook or any other social media script.
NOTE: HTML comments are not allowed/supported.