How to create and setting Safelink plugin

The Probha Blogger Template includes a built-in Safelink plugin that allows you to route external or download links through a dedicated landing page on your site. Instead of opening third-party URLs immediately, visitors are directed to your specified Safelink page, where a countdown timer runs before displaying the final target button. This eliminates the need for external scripts or complex third-party tools.

How Safelink Works

Instead of redirecting users straight to an external site, Safelink points outgoing links to a specific page on your blog while appending an encoded destination parameter:

https://yourblog.com/p/safelink.html#safelink_encoded_url

When a reader lands on this URL, Probha decodes the destination hash, displays the countdown timer, and reveals the button to access the target link once the timer hits zero.

Create the Safelink Page

Before configuring the plugin settings, you must create a landing page on your Blogger site:

1. Go to Pages in your Blogger Dashboard.
2. Create a new page (for example, titled "Safelink").
3. Leave the page content blank and publish it.
4. Note the relative URL path of the published page (e.g., /p/safelink.html).

Important: The relative page URL in Blogger must match the path property defined in the plugin configuration exactly.

Locate the Safelink Plugin

Navigate to Layout in your Blogger Dashboard, find the Plugins section, and open the Safelink gadget. All settings are managed directly within this gadget using JSON formatting.

Configuration Structure

The configuration object consists of two main sections: gen (generator options) and view (timer and frontend display settings).

{
  "status": true,
  "gen": {
    "path": "/p/safelink.html",
    "error": "Something went wrong!",
    "copy": "Safelink copied successfully"
  },
  "view": {
    "before": "Please wait (#{d}) second.",
    "middle": "Click here to continue",
    "after": "Go To Link",
    "time": 20
  }
}

Setting Options

• status: Toggles the plugin on (true) or off (false).
• gen.path: Defines the relative URL path of your published landing page.
• gen.error: Message shown if link decoding fails.
• gen.copy: Notification displayed when a link is copied.
• view.before: Text shown during the countdown. The #{d} variable automatically displays remaining seconds and must be included.
• view.middle: Prompt displayed immediately after the countdown finishes.
• view.after: Label for the final destination button.
• view.time: Countdown duration in seconds (e.g., 10, 15, 20).

Conclusion

Probha's built-in Safelink Plugin provides an easy way to manage outbound links natively on Blogger. Make sure your landing page relative path matches the gen.path setting and keep the #{d} placeholder in the timer string to ensure accurate countdown rendering.