Kinja Specs

Max Desktop Content Width: 800px

Creating an Account and a Post

1. Log in or Sign Up

Click ‚Äúlog in / sign up‚ÄĚ in the top right corner, the either login with your existing account information, or sign up for a new account

2. Compose Post

Click the avatar in the top right corner, then ‚Äúcompose post‚ÄĚ

Advertisement

3. Edit HTML

Click the HTML[<>] icon in the editor menu bar.

Advertisement

4. Insert iframe

Between the paragraph tags <p> insert your iframe src, height, width, and class.

Src - Kinja will automatically convert it to a proxy URL, but don’t worry, this is normal.

Advertisement

Width - Should always be 800 to go full width, or 640 for standard width.

Height - Set to match the iframe aspect ratio.

Class *IMPORTANT* - Should always be ‚Äúcustom aspect‚ÄĚ.

Advertisement

5. Save to Drafts - DO NOT PUBLISH


iFrames

iFrame content must remain the same aspect ratio in all states. Below is an example of how iFrames function on our platform.

Advertisement

You may use a different stylesheet for mobile, tablet or other browser widths as long as they retain the original aspect ratio.

Examples of Previous iFrame Experiences

Advertisement

Code Example:

<iframe src=‚ÄĚurl_goes_here‚ÄĚ width="800" height="set_to_match_aspect_ratio" class="custom aspect" scrolling="no"></iframe>