Brat Prince Blogger Template

Brat Prince Blogger TemplateFor those of whom might have liked my Brat Princess template were it not so overtly, "girly," I have created the Brat Prince Blogger template, to serve as it's more universal counterpart.

Like it's predecessor, Brat Prince is equipped with special features including the implementation of a smooth-scrolling and auto-fade out "back to top" link utilizing jQuery, as well as the "all CSS speech bubble" detail on the post comment link.

This version of the template also boasts it's lack of images. That's right, this template is 100% image-less, which may make adding your own should you like to do so, all that much easier. And of course, font and color options that can be changed via the Blogger Dashboard, from within the "Template Designer," within the "Advanced," subcategory. Enjoy!

XML Blogger Template
By Lauren Thompson
Brat Prince Blogger Template Screencap


  • 2 column fixed width layout, the second column allowing optional narrow-third column, all sections "widgetized" or "gadget-ready"
  • 3 column footer, also "gadget-ready"
  • Optional and customizable menu/linkbar, with automatic "Highlighting" of tabs. Super easy to use and customize, details below.
  • Supports Blogger Dashboard editing tools, easily change fonts and colors in practically all areas of the template via the "Template Designer," within the "Advanced" subcategory.
  • No images! This is an image-less template!
  • Title setup optimized and corrected for better SEO.
  • Wireframe setup for easy gadget/widget managing
  • Embedded comment form below post
  • Functional search box included
  • Fancy fonts from Google's Font API already implemented requiring no editing
  • "Back to top" link with jQuery smooth scrolling and auto-fade
  • All CSS speech bubble for number of comments link


  • Templates are free to use in Blogger blogs, however, the link back to http://www.nymFont.com (usually located in the bottom footer) must not be removed.
  • Do not redistribute this template for paid download.
  • Do not add your own links to the template code and redistribute.
  • Modifications to the template are allowed either through the Blogger Dashboard or directly in the code, however, the link back to Nymphont/NymFont (http://www.nymFont.com) still must remain intact and again, not be removed, thank you. 
  • Do not add your own links to the template code and re-distribute.

  • If you are going to redistribute the template, you are not permitted to add your own links to the template.
  • In addition, it is asked that you do not link directly to my files for the download, nor upload them to your own servers for download. Instead you must link back to my own page for the template, or simply to the index of this website, http://www.nymfont.com
  • The terms and license for the template(s) must be stated and given whenever redistributing

This is non-negotiable. If you want to share or redistribute my templates, this is how it must be done. If you don't want to abide these terms, then you don't want to share or redistribute my templates.

Customizing Top Links

Top LinksThese links require no editing and will automatically reflect the data specific to your blog. Should you like to remove these or change them anyways, you will find them between these snippets of code
<!-- start top links edit links or remove if you wish -->
<!-- end top links -->

Customizing Main Linkbar

Main Linkbar Add your links to the main linkbar simply by clicking the "Design" tab from the Blogger Dashboard, within the "Page Elements" subcategory. From there click on on the widget labeled "Linkbar," to add your links. If you do not want to use the linkbar, simply leave this widget empty.

This menu is set up so that tabs will be "highlighted" if they are the current URL. I.E in the demo blog, the "Home" link is highlighted when at the "Home" page.

Smooth Scrolling "Back to Top" Link with Auto Fade

Back to TopAs an additional feature of the template, a "Back to Top" link has been added, that utilizes jQuery to scroll smoothly upwards, and so that it "fades out" when the page is at the top, and fades back into view as the page is scrolled downwards. Check it out in the demo blog!

Comment Link CSS Speech Bubble

Comment Link CSS Speech BubbleAnother little extra, was the "all CSS" speech bubble detail given to the post comments link. This will in essence hopefully generate more comments by drawing attention to the post comments.

I would to get some feedback on this template! If you need any assistance with this template, feel free to leave a comment below. I hope you like it!

blog comments powered by Disqus
I'm Lauren, self-proclaimed "dweeb," and "the coolest person I know." Single mom, making fonts & designing stuff in my free time.

What began as doodling Fraktur during class, as an adult became focused creation of typographic art for print and for screen, including this digital type experiment I call "Nymphont."

I do freelance web and graphic design along with type design. The icons below link to social networks and bookmarking sites that I am involved with.

From the fabulous Las Vegas, Lauren "Nymphont"

connect with me
MyFreeCopyright.com Registered and ProtectedDesign, HTML, CSS and graphics by Lauren Thompson, 'Nymphont' © 2009 - 2016. Don't copy or steal my shit. Archive & Table of Contents | Contact | Privacy Policy. Powered by Blogger! Seen on Bloggers.com