Why You Should Have A Genesis Box To Promote Your Content

The whole concept of blogging is to share and promote your websites and blogs, right? Then why not have a Genesis box inserted into your blog post to help you do that. This is a great way to help you connect with your readers and promote your blog content all at the same time.

WordPress platform has an unbelievable interface with unlimited possibilities allowing you to customize your blog any way you want to. Genesis only makes it even easier allowing you to add custom box to your post.

Please Note: Creativebloggers takes no credit for the codes shared on this page, all rights go to the original owner StudioPress, we are merely trying to encourage anyone who uses Genesis, to also try the Genesis Box because it’s a great feature to have to help promote your content.

This is what your Genesis box will look after you install the codes. When you add your own custom TEXT you will get the results you see below.

Create a Genesis box content file PHP, using a HTML editor, or in your C-panel from your hosting account. You will need to name it genesis-box.php, then upload it into your child theme’s folder, place the first set of codes you see below in that PHP file, then click save.

You will be able to do all editing from with-in your WordPress template by accessing, Appearance then Editor, on the right hand side of your WordPress theme. You will see the genesis-box.php. You can alter the codes you place in that file adding any content you desire.

1-This will generate the genesis-box.php

This code will allow you to add a Genesis content box below your blog posts so when your readers brows your content they can see any content you have added to the Genesis box.

Copy and Past the following code.

Source code

<div id="genesis-box">
<h3>YourDomain.com runs on the Genesis Framework</h3>
 <a href="AFFILIATE LINK GOES HERE"><img class="alignright" title="Check out the Genesis Framework" src="IMAGE URL GOES HERE" alt="Genesis Framework" /></a>
Genesis empowers you to quickly and easily build incredible websites with WordPress. Whether you're a novice or advanced developer, Genesis provides the secure and search-engine-optimized foundation that takes WordPress to places you never thought it could go. It's that simple - start using <a href="AFFILIATE LINK GOES HERE">Genesis</a> now!
Take advantage of the 6 default layout options, comprehensive SEO settings, rock-solid security, flexible theme options, cool custom widgets, custom design hooks, and a huge selection of child themes ("skins") that make your site look the way you want it to. With automatic theme updates and world-class support included, Genesis is the smart choice for your WordPress website or blog.</div>

2-Adding the Genesis box to a single post.

This next code will allow you to hook the content of genesis-box.php with-in a single post. You will need to add the code below to the functions.php file

Copy and Past the following code.

Source code

/** Add Genesis Box on Single Posts **/
add_action('genesis_after_post_content', 'include_genesis_box', 9);
function include_genesis_box() {
    if ( is_single() )
    require(CHILD_DIR.'/genesis-box.php');
}

3-Place the following CSS code in your style.css file

Genesis makes it easy to customize your Genesis box by adding this CSS code. Add this CSS to your child theme’s style.css file, you will be able to customize the Genesis box to match the contents of your blog or website.

Copy and Past the following code.

Source code

/* Genesis Box
------------------------------------------------------------ */
#genesis-box {
background: #f5f5f5;
border: 1px solid #ddd;
margin: 10px 0 0;
overflow: hidden;
padding: 10px 10px 0;
}
#genesis-box h3 {
font-size: 18px;
font-weight: normal;
margin: 0 0 10px;
padding: 0;
text-transform: none;
}
#genesis-box .alignright {
background: #fff;
border: 1px solid #ddd;
float: right;
margin: 0 0 5px 10px;
padding: 7px;
}

Take advantage and add things like your ( EMAIL SUBSCRIPTION ) your socials networks links, latest post for your readers to access.