Noted That:

• To install correctly this syntaxhighlighter-ckeditor-button.zip .
• Fisrt Download the syntaxhighlighter-ckeditor-button.zip to your computer
• Extract/Open syntaxhighlighter-ckeditor-button.zip to Your Computer.
• Then, Find readme.txt file inside syntaxhighlighter-ckeditor-button.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Start the Tips:

1. First Download " syntaxhighlighter-ckeditor-button.zip " Plugin to your Local Computer. (Click Download)

2. Then, Login to your " yourdomain.com/wp-admin " Dashboard.

3. Then, Click on " Plugins " + " Add New " from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

5. Now, Browse " syntaxhighlighter-ckeditor-button.zip "  Downloaded plugin from your computer, Where you downloaded syntaxhighlighter-ckeditor-button.zip According to Step – 1 Above then, click on " Install Now"

6. Now, Click on " Active Plugin"

7. Then, See left sidemenu. " SyntaxHighlighter CKEditor Button " folder is added on left sidemenu. Now, Click on " SyntaxHighlighter CKEditor Button " folder.

   Noted that: If you do not see " SyntaxHighlighter CKEditor Button " folder on left sidemenu then, see at left sidemenu " Settings " or " Tools ".

8. Now you configure yourself oR Watch video tutorial below about  SyntaxHighlighter CKEditor Button Configurtions and Settings or How to work " SyntaxHighlighter CKEditor Button " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " SyntaxHighlighter CKEditor Button " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is SyntaxHighlighter CKEditor Button
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

1. Upload this plugin to the ‘/wp-content/plugins/’ directory.
2. Activate the plugin through the ‘Plugins’ menu in WordPress.
3. Make sure you have installed and activated CKEditor For WordPress and Auto SyntaxHighlighter plugin.

4. To give the pre tag a special style in the visual editor, go to “CKEditor-> Advanced Settings”, set “Editor CSS” to be Define css, set “CSS path” to be http://yourdomain.com/wp-content/plugins/syntaxhighlighter-ckeditor-button/ckeditor.css . Please replace yourdomain.com with the real path of your “WordPress Address” defined in “Setings-> General”.

5. Save the settings and enjoy.

Note: If you encounter any problem after upgrading please clear your browser’s cache.