LinkedIn Focus Mode

A Chrome extension that helps you stay focused on LinkedIn by blocking distractions and keeping only the essential features visible.

Features

What Stays Visible

• Your Profile - Access your profile anytime

• Post Button - Create and share content

• Network - Manage your professional connections

• Messages - Stay in touch with your network

What Gets Blocked

• Feed posts from others

• Jobs section

• Notifications

• Learning section

• Premium upsells

• Ads and promotional content

• News and sidebar distractions

• "People also viewed" suggestions

Installation

Step 1: Generate Icons

1. Open icons/generate-icons.html in your web browser

2. Click "Download All Icons" button

3. Save all 4 icons (icon16.png, icon32.png, icon48.png, icon128.png) in the icons/ folder

Step 2: Load Extension in Chrome

1. Open Chrome and navigate to chrome://extensions/

2. Enable "Developer mode" (toggle in top-right corner)

3. Click "Load unpacked"

4. Select the linkedin-extension folder

5. The extension should now appear in your extensions list

Step 3: Pin the Extension (Optional)

1. Click the puzzle piece icon in Chrome toolbar

2. Find "LinkedIn Focus Mode"

3. Click the pin icon to keep it visible

Usage

Enable/Disable Focus Mode

1. Click the LinkedIn Focus Mode icon in your Chrome toolbar

2. Toggle the switch to enable or disable the blocker

3. The page will automatically reload to apply changes

Extension Badge

• ON badge (blue) - Focus mode is active

• OFF badge (gray) - Focus mode is disabled

How It Works

The extension uses content scripts to:

• Inject custom CSS to hide distracting elements

• Monitor the page for dynamically loaded content

• Preserve access to essential LinkedIn features

• Maintain a clean, focused interface

File Structure

linkedin-extension/

├── manifest.json          # Extension configuration

├── content.js            # Main content script

├── content.css           # Additional styles

├── background.js         # Background service worker

├── popup.html           # Extension popup interface

├── popup.css            # Popup styles

├── popup.js             # Popup functionality

├── icons/               # Extension icons

│   ├── icon16.png

│   ├── icon32.png

│   ├── icon48.png

│   ├── icon128.png

│   └── generate-icons.html

└── README.md           # This file

Customization

Modify Blocked Elements

Edit content.js to customize which elements are blocked:

// Add more selectors to hide

const style = document.createElement('style');

style.textContent = `

  .your-selector {

    display: none !important;

  }

`;

Change Allowed Features

Modify the CSS selectors in content.js to show/hide different features.

Privacy

This extension:

• Does NOT collect any personal data

• Does NOT track your browsing activity

• Does NOT send any information to external servers

• Only runs on LinkedIn.com

• All processing happens locally in your browser

Troubleshooting

Extension not working

1. Make sure you're on linkedin.com

2. Check that the extension is enabled

3. Try reloading the page

4. Check the toggle in the extension popup

Some elements still visible

1. LinkedIn frequently updates their layout

2. You may need to update the selectors in content.js

3. Report issues for updates

Extension icon not showing

1. Make sure you generated and saved all icon files

2. Icons should be PNG format

3. Check that icons are in the icons/ folder

Development

Testing Changes

1. Make your changes to the code

2. Go to chrome://extensions/

3. Click the refresh icon on the extension card

4. Reload LinkedIn to see changes

Debugging

1. Right-click the extension icon → "Inspect popup" (for popup debugging)

2. On LinkedIn, press F12 → Console tab (for content script debugging)

3. Check for error messages

Version History

v1.0.0 (Initial Release)

• Block feed posts

• Block jobs, notifications, and learning sections

• Keep profile, post button, network, and messages visible

• Toggle on/off functionality

• Clean, modern popup interface

Contributing

Feel free to submit issues and enhancement requests!

License

This project is provided as-is for personal use.

Credits

Created to help professionals focus on meaningful LinkedIn interactions without distractions.

---

Note: This extension is not affiliated with or endorsed by LinkedIn Corporation.