9.1. How to use custom text and picture on the block page

9.2. How to change the design of the whole block page

9.3. How to conceal that blocking is in effect

9.1. How to use custom text and picture on the block page

To place your custom text and picture on the block page, go to Dashboard -> Settings (top level menu) -> Block page (section on the left), then select Personal block page. Then you can write your text in the Description field. To upload your picture instead of the SafeDNS logo, you need to prepare a picture (Image formats: JPEG, GIF, PNG. The picture will automatically be reduced to 300 points as the maximum size) and upload it through the Choose File field. Then click Save to apply the changes.

You can see a preview of your customized block page by clicking the View button next to the name of the page type. The preview of your block page will open in the new window.

9.2. How to change the design of the whole block page

With any of a host of Safe@Office billing plans you can completely change the appearance of your block page by inserting your HTML-code in the settings of the block page.

You can use the following variables in HTML block page:

$website - requested website address

$domain - name of categorized domain for $website

$reason - reason of blocking, is available for translate

$category - list of categories for $domain, is available for translate

Also, you can add a language prefix before the variable name to translate it to another language.

e.g.: $fr:reason

List of available languages: fr, en, pt_BR, de, tr, it, sv, ar, ur, es

Examples of HTML code of the block page

<!DOCTYPE html>
<html lang="en" dir="ltr">
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Website Blocked</title>
        <style media="screen" type="text/css">
            body { font-family: Tahoma, sans-serif; font-size: 16px; color: #444; text-align: left; background-color:white; width: 100%; height: 100%; margin: 0; padding: 0; }
            h1 { font-size: 32px; letter-spacing: -1px;
                font-weight: bold; color: #659ebf; text-align: center; margin-top: 20px; margin-bottom: 20px; }
            a { color: #659ebf; font-weight: bold; text-decoration: none; }
            .micro { font-size: 13px; text-align: center; }
            .med { font-size: 13px; }
    <table id="f" style="width: 100%; height: 100%; border: 1px solid black; display: none;">
      <tr><td style="font:normal 10px Tahoma, sans-serif;color:#333;text-align:center;">Content is Blocked</td></tr>
    <table id="b" style="width: 600px;" align="center">
            <div align="center">
               <img src="//your.site/your-logo.png" border="0">
            <h1>You have been denied access to this website. For further info please contact your@email.com</h1>
            <div id="detailed-info">
                  <p><strong>$website $reason</strong></p>
            <div class="compain-form">
                <p class="med">If the categories are listed incorrectly, press the 'Complain' button below. We shall investigate the situation.</p>
                <form method="post" action="mailto:your@email.com?subject=$website">
                    <div align="center">
                        <input name="send" value="Complain" style="height:30px;" type="submit">

Cited above HTML example will be shown that way:

With the custom HTML block page, you can use links, pictures from the web, inline styles.

9.3. How to conceal that blocking is in effect

In Dashboard go to the Block Page tab (left menu), select Hidden block page with the emulation of the website error or Empty DNS answer, as if blocked website did not exist. Click Save.

Back to the Contents

This site requires cookies in order to give you the best user experience. By using this site, you are agreeing to the use of cookies. ConfirmPrivacy Policy