How to Add Category Drop down or Fetch Category List with Link in WordPress

How to Add Category Dropdown or Fetch Category List with Link in WordPress Code In header.php <div class=”dropDownBlog”> <?php $categories = get_categories( array( ‘orderby’ => ‘name’, ‘order’ => ‘ASC’ ) );?> <div class=”fetchCategary”> <select id=”blogPageCategaryFetch”> <option disabled selected>Explore By Categary</option> <?php foreach( $categories as $category ) { $category_link = sprintf( ‘<a href=”%1$s” alt=”%2$s”>%3$s</a>’, esc_url( get_category_link( […]

Change HTML Element Text by JQuery Code

Change HTML Element Text by JQuery Code <script type=”text/javascript”> jQuery(document).ready(function(){ var breadCrumbText = jQuery(‘.breadcrumb-trail’).html(); var changeBreadCrumb = breadCrumbText.replace(‘Home’,’Blog’); jQuery(‘.breadcrumb-trail’).html(changeBreadCrumb); }); </script>

How to make search icon as rel follow on Enfold WordPress theme

Go to PHP file functions-enfold.php (../wp-content/themes/enfold) select $nofollow variable and update ‘rel=”nofollow”‘ to ‘rel=”follow”‘. /* AJAX SEARCH */ if(!function_exists(‘avia_append_search_nav’)) { //first append search item to main menu add_filter( ‘wp_nav_menu_items’, ‘avia_append_search_nav’, 9997, 2 ); add_filter( ‘avf_fallback_menu_items’, ‘avia_append_search_nav’, 9997, 2 ); function avia_append_search_nav ( $items, $args ) { if(avia_get_option(‘header_searchicon’,’header_searchicon’) != “header_searchicon”) return $items; if(avia_get_option(‘header_position’, ‘header_top’) != “header_top”) […]

Using Textpath With SVG

Using Textpath With SVG In this blog, I show you how to use Textpath in SVG so let’s start the code. First Your create svg line in svg codes.  <div class=”container”> <svg viewBox=”0 0 200 200″> <defs> <path id=”path” d=”M25,20 a1,1 0 0,0 100,0″></path> </defs> <text class=”mytext” x=10 y=10> <textPath xlink:href=”#path”> myfreeonlinetools.com </textPath> </text> </svg> […]

Online Tools for Minify or Compressing JavaScript, CSS & HTML Code

Online Tools for Minify or Compressing JavaScript, CSS & HTML Code Minification or Compressing of code that process reducing the file size from the original size to smallest size, without affecting extra code. It involves removing white-spaces, newlines (line-break), comments and remove unnecessary character which is no use. Depends on code this minification process the […]

Flexbox Properties Tutorial and How to Use with HTML CSS

Why Using Flexbox: An Overview of Behind using flexbox. In this blog, show you using behind flexbox and main properties of using it in order to flexbox layout. What is Flexbox? Its is a new module in CSS3 that make easy to the alignment of web elements to one another, in different direction and orders […]

Free Code Editor for Coder & Web Development

Top Free Code Editor for Windows and Mac Pc. This blog about free code editors, which is very helpful for developers as well as coders. They all are free and easy to use for both uses web development and application development. These code editors are performing all platfrom mac, linux and window perfectly. Let’s Discuss […]

WebP – How To Use, Define, Support, Alternative Solutions

More about WebP Define and Usage. Webp image format that contains compression and lossless both. It’s developed by Google in 2010, base on On2 technologies. Webp image format also replaces GIF format, its support animated images format like a gif with the same transparency, frames and lossless compression. Why Convert PNG or JPEG into Webp […]

How to disbale anchor tag by using JavaScript.

Learn how to disable <a> tag when using link of any text, button or etc. You can do this by using simple inline or function javascript and onclick return false in javascript anchor tag will not work and disable properly. Its do the page not refresh and anchor tag not work.   <a href=”#” oncilck=”return […]

How to add or write :hover on ::before and ::after selector in CSS

How to add :hover on ::before and ::after css selector Some people find and facing the problem of how to use hover effect on ::before and ::after css selector, but it can be done by simple css code. Below I show how to add hover css on changing before and after selector. Some time :before […]