“Authority” A Premium Skin for ClickBump

I've just released my newest Premium Template to the member's dashboard, "Authority". This new premium template is the perfect complement for building sites on an "Authority" silo'd model with categorized content.

I‘ve just released my newest Premium Template for ClickBump 5 owners to the member’s dashboard, “Authority“. Click the screenshot for a full screen preview.

This new premium authority theme template is the perfect complement for building sites on an “Authority” silo’d model with categorized content. Its also the first template I’ve released that features and ad block in the header area! In addition, when using in combination with ClickBump 5, it supports multiple ad placements and sizes on a per page basis.

The home page screenshot at left is an example of one of many ad layouts possible depending on the ad size and type of ad you select and the choices you make for your sidebar and header/footer widgets.

What makes an authority theme?

Another unique feature of this template is its footer menu. I’m utilizing the “Footer Area” widget containers to allow you to create cool columns of menus simply by dragging widgets over and dropping them into this sidebar. You can use the clickbump “Text” box widgets or one of the “ClickBump Menus” widgets.

This example features an Adsense leaderboard ad which has been placed into the “Header” sidebar. It also showcases a minimal, clean sidebar area with just a search bar and a single CPA ad, which has been added to the “Sidebar” widget area via the WordPress Widgets manager. Very easy stuff and all drag and drop with no coding. Just copy/paste from your Ad network into an empty “ClickBump: Ads(ense)” widget and click “Save”.

This screenshot shows an inside page (in this case, the category landing page for the “Best Digital Camera under $500 category), and also a different color scheme similar to Amazonia’s Amazon blue (#1370b6) and gold (#e87902). Click the thumbnail image for a full screen preview.

You can also see that in this case I’ve replaced the default “search” box with my Google Adsense search box (Appearance > Widgets > ClickBump: Search) and I’ve also removed the CPA ad and added a categories widget to the sidebar by placing it into the “Sidebar” area from “Appearance > Widgets”. This is all done via drag and drop with no custom coding necessary.

Authority is an “Add-on” template skin that installs with one click into your ClickBump theme. When used in conjunction with the latest release of ClickBump, you can now experiment with post-specific Ad formats and sizes, or mix in CPA ads with your Adsense spots.

This example, in which you see the home page screenshot, does not have ads in the main content area, but you can easily enable them if you choose with point and click settings. Each post page features your chosen monetization Ad block at the top of the post content with text wrapping around it. What’s more, with the newest ClickBump release, you can enable a different ad on each of your posts to override the default Ad settings if you choose. This is perfect for split testing ads for different posts.

Here’s a quick checklist to assist you to quickly get your sites up and running in the new ClickBump theme together with the “Authority” Premium template skin…

    1. Install and Activate ClickBump theme (get the latest from the member’s dashboard)
    2. Download and install the “Authority” Premium Template (ClickBump > Home > Add/Upgrade Skins)
    3. Set your home page post as a “Sticky” post and add to “dont-show-ads” via “Quick Edit” link. The home page’s content is used as intro for the categories. No need to set up a static home page, ClickBump does this automatically. (Posts > Quick Edit > Make this post sticky). Also, to emulate the clean look home page you seen in the screenshot, enable the dont-show-ads flag so that Ads do not appear on the home page grid area. They will still appear on post articles and category landing pages, and in the header area widgets if you’ve set them up.
    4. Create or update your categories. You will upload a custom category image, full text description and add a custom category title via the enhanced Category Manager made possible by ClickBump theme. The theme automatically creates the teaser description summaries that you see on the homepage.This video by Google’s Matt Cutts enforces the idea that topical/themed sites are a great way to organize your content
    5. Assign each of your posts to the appropriate category (other than “Uncategorized”). This is the essence of creating a silo site structure with themed content and the key to gaining “Authority” status with Google. For best results, go to “WordPress Settings > Writing > Default Post Category” and select any category other than “Uncategorized” as your default category. Never delete or re-parent Uncategorized. It holds the critical ClickBump utility functions that allow you to do tons of cool stuff with posts in only a click or two.
    6. Go to Appearance > Widgets and drag a Text Widget over into the “Header” sidebar area. Next, you can paste your Adsense leaderboard code into each of these via a “ClickBump: Adsense Ads” widget. This creates the leaderboard ad unit you see in the header of the screenshot.
    7. Go to Appearance > Widgets and drag a Search Widget over into the “Sidebar” widget area. This creates the search widget you see in the screenshot at the top of  the right sidebar. If you want to use your Google search box here, just use the “ClickBump: Google Search Box” widget and past your Google search box code into that and save. Authority is already set up to display your search box exactly as you see in the screenshot.
    8. Create your static pages as PAGES and publish them (About Us, Contact Us, Privacy Policy, Earnings Disclaimer, etc). Alternately, install ClickBump JumpStart Pro plugin and activate it to have all of these pages created for you. You will then create each of your articles as POSTS.
    9. Activate the Homepage Category Index – Go to “Appearance > Widgets” and drag a “ClickBump: Categories” widget over into the “Header” or “Above Content” widget container. You can configure the number or categories that appear per row as well as the thumbnail image size, length of the summary text, read more link, etc right there in the widget. Click the “Show More Options” link to view the advanced options for the widget.

 

  1. Upload a custom header.png via “ClickBump > Images > Header Image > Upload” – see this post if you need help creating it. Click “Show Help” to see all the color options for the template. The size is 967px wide x 100px tall (in pixels) and must be a PNG file format saved as “header.png” (ideally with a transparent background)
  2. Fill in the Footer boxes – Next, I’m going to fill out the footer area. You can see from the opening screenshots, that there are 4 columns of menus there at the bottom of the template: Recent Posts, Blogroll Links, RSS Feed Links and Site Menu. This sort of layout I call a “big foot” footer. Since I don’t have a site menu across the top and I’m trying to limit choices around the top area of the template, the footer takes on a more important role in displaying vital site navigation links and this “column style” layout, which is achieved without tables completely in css (cascading style sheets), helps to display those very neatly. To add these columns, I’m merely going to drag 4 of WordPress’s default widgets over into the “Footer” sidebar at “Appearance > Widgets“. Once I’m done, the widgets look like this:
Note: This screenshot was taken in a previous version of the theme. The “Inside Footer Area” has been replaced by the two “Footer Area” widget containers.

Below: the Category Landing Page for “Authority” (in a custom color scheme similar to Amazonia)…

Some Common Questions and Answers

  1. How do I enable the links in the blue bar across the header menu like in your screenshot?
    Answer: This menu is a listing of your posts that are assigned to the “top-menu” category (a clickbump only category under “uncategorized”). First, you need to make sure that you HAVE NOT previously told ClickBump to move the top menu posts over to the sidebar. If so, disable that setting. To do this, just got to “ClickBump > Layout > Move > top menu links to sidebar” and UNCHECK this setting then click “Save Changes”. Finally, just add any post you want to feature in this listing to the top-menu category and it will appear in the header menu bar. You can also customize the background color used for this menu using Color 3 at the top of theme options.
  2. How do I change the header image?
    Answer: “ClickBump > Images > Header Image > Upload Header”
    This template uses a png header named header.png
    To replace it, create your own custom header file and save it as a png (portable network graphics file format) with the filename “header.png” (all lowercase, must be named exactly like that, header.png, and must be a .png file). The image is 988 x 170 pixels. Once you have your own header.png file saved, just go click the “Upload Header” button and follow the prompts. Click “Show Help” for more customization options for this template. Alternately, send your artist the layered header.pxd file, located in your template folder and ask them to open it at pixlr.com to edit the image, then save it as header.png for you to upload. If you want to try this yourself, grab the header file here and open it at pixlr.com
  3. My custom header image already has the site title and tagline in the graphic, how can I get rid of the text based title and tagline that ClickBump adds to the header?
    Answer: You can hide the site title and tagline separately at:  ClickBump > Layout > Hide > Site Title/Tagline
  4. How can I add a tall CPA ad into the sidebar like the HostGator Ad I see in your screenshot?
    Go to “Appearance > Widgets” and drag a “ClickBump: Adsense Ad” widget over to the “Sidebar”. Then paste your ad code into that. This method allows you to have a different ad on the home page than on your inside pages using the “Widget Visibility” options at the bottom of each sidebar widget.
  5. How can I add a Google Search box to the sidebar like I see in your screenshots?
    Answer: “Appearance > Widgets > ClickBump: Search”
    This is a custom widget I created to make it super simple to add a custom Google search box to your site. I’ve made it super simple for you to add it to your site, completely styled to match your template. Drag the widget labeled “ClickBumpSearch”  over into the “Sidebar” widget area, making sure its at the top of the listing (if you have multiple widgets in a single sidebar). Then expand the widget and make sure it contains your search box Ad code you got from Google.
  6. How do I get the one sentence descriptions to show up in the “Related Links” lists like in your screenshot?Answer: Just create an excerpt for each of your posts and ClickBump does the rest.
    ClickBump automatically pulls the first line of your excerpt text and places it alongside the article link, giving users a quick glimpse at the focus of your article.
  7. How do I get the category menu to appear in the sidebar like I see on your “Inside Pages” screenshot?
    Answer: “Appearance > Widgets > ClickBump: Categories”
    Just drag a “ClickBump Categories” widget over onto the “Sidebar” widget area. The theme does the rest, including styling the menu to look like buttons. The button background color is determined by your setting for “Color 4” in theme options.
  8. How did you get the category image to appear in the category landing page content?
    Answer
    : Once you’ve uploaded an image to represent your category(s), ClickBump does the rest, including inserting the category image into the home page listing as well as inserting it into the Category landing page content.
  9. How do I get the Ad to appear in the header area like in your screenshots?
    Answer: Just go to “Appearance > Widgets” and drag a text widget over to the “Header” sidebar, then expand it and paste your Ad code there. Check this post for an example of what this looks like.
  10. How do I remove Adsense from my home page. I just want a category index on that page?
    Answer: Posts > Quick Edit (on the home page sticky post) > Categories > dont-show-ads
    You can selectively turn on/off Ads on a post by post basis using this method, for any post, including your home page sticky post.

Hopefully that gives you a good introduction to “Authority” and specifically some of the new ways you can diversify your monetization methods by leveraging a variety of ad networks to pinpoint the most appropriate ad for every page on your site, thus increasing conversion rates and putting more money in your pocket!

“Authority” is available NOW at the member’s dashboard for $10

Update: Now with Flyout Menus (see below)


~ s

19 Responses to ““Authority” A Premium Skin for ClickBump”

  1. Shelly says:

    Scott – Where can I buy just the “Authority” templates? I tried to get into the members area but the page is not found.

  2. Paul says:

    Scott, theme looks great so far, but I’m having trouble getting the tagline to show up in my header. I think adsense is covering it up.

    Right now I’m just using the header.png that came with the template.You say that the header should be 967×100 but the one that comes with it is 988×170. I tried changing the size to 967×100 but now it looks funky and the graphic is much too small… can you help me out?

  3. amr says:

    hey scott
    can you get me link of purchase for authority themes that’s i can use it with xfactor course …

  4. Bob says:

    Hi Scott

    When do you expect to have the flyout menu available?

    Bob

  5. jim says:

    Hi Scott,
    Like this alot but is it not against adsense TOS to have ads in the header like that ? I dont think i dare but them there but a CPA offer would be cool !
    Jim

    • Scott says:

      Hi Jim, the top ad is completely up to you. You can use whatever ad code you want. Or, you can leave it off and just extend your header image across that area. Or you can place a separate graphic in that spot. Everything is flexible. You are just pasting content into a header widget.

  6. Scott says:

    @Luke, sure thing. That’s just a css setting you can add to either the inline css at “CE4 > General > Custom CSS Code” or via external linked css at “Appearance > Editor > custom.css”.

    The css code would be:

    .header {height:100px;}

    //Where 100px is the desired height. You would change this value to suit.

  7. Luke says:

    Sounds good Scott. And if I wanted to could I reduce the height of that header area too?

  8. Luke says:

    Hi Scott

    If I want to remove those ads – and the white ad area – from the header, can I do that?

    And are there screenshots of what that would look like?

    Thanks.

    • Scott says:

      @Luke: Yes, you can remove the white area in the header where the ads are in my screenshots and just use a larger header.png image (the image of the female avatar character) that fills that space. Or you can replace it with something other than ads. Its controlled by a sidebar widget called “Home Header Area”.

  9. Marcin says:

    Hello,

    in terms of functionality, how does it exactly compare to xfactored 2? Are they similar? As I already own xfactored 2, would there be any benefit from purchasing this one, apart from slightly different visuals?

    Thanks in advance for your answers.

    Marcin

    • Scott says:

      @Marcin, the major functional difference is the ability to show Ads in the header. This is a big deal to some due to the potential for substantially higher CTR. Obviously, there are some noticeable differences in layout and design.

      The footer area is also very different in that it allows column-like menus which frees up the sidebar for CPA ads if desired.

  10. Scott says:

    @Tony, there are several options for the header area. The placement of Ads there is optional and you can just use the area for your full header image (if you don’t paste code into the “Header Area” widgets, nothing appears there.

    Alternately, If you want Ads up there, but are concerned about the image of the girl next to the ads, you can edit the photo of the girl out of the header.png image.

    Finally, if you like the avatar character, but are not comfortable with adsense there, you can use a CPA ad there instead.

    Several options to consider. However, there is a clear demarkation between the ads and the avatar character by the background area that separates the ad area from the header background.

  11. Tony says:

    I like the template but I am scared of images next to adsense. What is your opinoin on this?

☝ Back to Top