ChatGPT  PROMPT TEMPLATE
PERFECTING PROMPT INSTRUCTION TEMPLATE!
UPDATE as March 1st, 2026

on

FROM RAW TO MORE PROPER

CLICK AVAILABLE COPY BUTTON AT TOP-LEFT CORNER TO COPY THE PROMPT TEMPLATE

REWRITE INTO BLOGGER-ACCEPTED HTML SOURCE CODE

OPTION 1 (CLEAR AND DIRECT):

Rewrite the answer-content into HTML source code that complies with Blogger formatting rules.

OPTION 2 (MORE TECHNICAL):

Convert the answer-text into HTML source code that is fully compatible with Blogger (Blogspot) HTML standards.

OPTION 3 (MORE FORMAL):

Please rewrite the answer-content into properly structured HTML source code that adheres to Blogger code acceptance rules.
CONVERT/ENCAPSULATE INTO RESPONSIVE FULL-WIDTH WITH SCROLLABLE WIDTH (BOOTSTRAP MOBILE)

OPTION 1 (CLEAR AND STRUCTURED):

Redo this by converting and encapsulating it into a fully responsive, full-width layout with horizontal scrolling enabled (scrollable width only, non-scrollable height), including a Bootstrap-based mobile device version.

OPTION 2 (MORE TECHNICAL AND SPECIFIC):

Rebuild this into a fully responsive, full-width container with horizontal overflow (scrollable width only, fixed/non-scrollable height), and include a Bootstrap-optimized mobile device layout.

OPTION 3 (HIGHLY FORMAL / DEVELOPER-ORIENTED):

Please reconstruct this by encapsulating it within a fully responsive, full-width structure that supports horizontal scrolling only (no vertical overflow expansion), and integrate a Bootstrap-based mobile-responsive version.

TABLE-CODE

MAKE/CONVERT (ORDINARY) TABLE INTO SCROLLABLE WIDTH BUT NOT SCROLLABLE HEIGHT/FULL LENGTH TABLE: 

VERSION A<div style="overflow-x:auto; overflow-y:hidden; width:100%;">
  <table style="border-collapse:collapse; white-space:nowrap; min-width:100%; border:1px solid #000;">
    <style>
      table th, table td {
        border:1px solid #000;
        padding-left:0.6em;
        padding-right:0.6em;
      }
    </style>
VERSION B<style>
  .compress {
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
  }

  .custom {
    border-collapse: collapse;
    white-space: nowrap;
    min-width: 100%;
    border: 1px solid #000;
  }

  .custom th,
  .custom td {
    border: 1px solid #000;
    padding-left: 0.6em;
    padding-right: 0.6em;
  }
</style>

<div class="compress">
  <table class="custom">
    <!-- table content -->
  </table>
</div>

REFRESH "CURRENT PAGE" BUTTON

<!-- REFRESH BUTTON IN A POST ITSELF -->

<div style="margin-bottom:15px;">
  <button onclick="location.reload();" style="background-color:#4CAF50; color:white; padding:10px 20px; border:none; border-radius:5px; cursor:pointer; font-size:16px;">
    Refresh Page
  </button>
</div>

Comments

Post a Comment