Meroniza - A Responsive & Elegant Tumblr Blog Theme Documentation
Created: 08/05/2016
By: StringLabs
Email: maskodook@gmail.com
Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

A) Theme Installation

Before you install this theme, you will see two files themes: meroniza.html and meroniza.txt. You can choose one of the two files to start the installation.

Installing Theme on Windows

  1. First, Open meroniza.html with Text Editor, for example: Notepad or Notepad++ or Sublime Text

  2. Copy all HTML Code in meroniza.html. You can use shortcuts CTRL + A and CTRL + C

  3. Open your browser, and Go to http://tumblr.com and login to your Tumblr Dashboard

  4. Click on the User Icon at very top of the site. After that, Click Settings

  5. Click on the Edit Theme button, like this:

  6. Next, Click Edit HTML

  7. Paste the HTML code into Tumblr theme editor. CTRL + V

  8. Finally, Click Update Preview and Click Save.

  9. Preview Theme after install

  10. Video Tutorial: How to Install Meroniza Theme on Windows


Installing Theme on MAC

Note: You can use TextEdit or TextWrangler to Open Meroniza.html on MAC

Instructions for TextEdit (Only)

  1. Open your TextEdit
  2. Open TextEdit Preferences. shortcut (CMD + ,)

  3. Check: When opening a file display HTML files as HTML code instead of formatted text

  4. Now, you can open meroniza.html


B) Re-Enabling and Set Up Boolean Options

Before we setup the theme, we must re-enabling boolean options. because for the moment, tumblr has a cache on boolean options, and it should be re-setup first.

The following are basic settings for boolean option that should be active or not, in accordance with the demo:

NOTE: you do not have to follow exactly like the picture above, you are free to determine which one is active or not in accordance what you want.

Video Tutorial: How to Re-Enabliing and Set Up Boolean Options


C) Set Up Your Logo And Body Background

Basically, this theme have a two types Logo:

  1. Logo as a Text
  2. Logo as an Image

  • How to Change The Logo Text Color

    Before you change the logo, You can see your starter logo is just as a text and isn't an Image. Of course, you must know about How to change the logo Text color before we change it with an image.

    Just change the logo text color with this theme option:


  • How to Change The Logo with an Image

    Upload Logo

    Just upload your logo with this theme option, and your logo will be an image.

  • How to Change The Body Background

    Basically, this theme have a two types of Body Background:

    1. Body Background Color
    2. Body Background Image
    • How to Change The Body Background Color

      Just change the Body Background color with this theme option:


    • How to Change The Body Background Image

      Just upload your Body Background Image with this theme option, and your Body Background will be an image.


    • Body Background Image Pattern or Cover?

      You can choose Body Background Image Type (Pattern/Cover) with this theme option.


Video Tutorial: How to Set Up Logo and Body Background



D) Featured Tag Banner

  • Featured Tag is a Featured Custom Tags as a Banner

  • We provide 8 Featured Tag with Image option, Text option, URL option and Toggle Enable/Disable option

  • You can put your favorite tag links with an image thumbnail and title


Quick Tutorial: Featured Tag Banner

  1. First, Enable Featured Tag Banner

  2. Next, i will Upload 8 featured tags Image with Image Uploader

  3. After that, Please change Featured Tag 1 - 8 Text and URL with these theme options

  4. Click Save and visit your tumblr site.

    Click this bar icon and Your featured tag will be look like this

Note: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: Featured Tag Banner


E) Set Up Your Social Media

Basically, There are 2 Available Social Media Icons in this theme
  1. Social Media Icons on Sidebar
  2. Social Media Icons on Footer

How to Manage Social Media URLs

You can fill this theme options with your social media URLs.

Enable/Disable Social Media on Sidebar

Enable/Disable Social Media on Footer

Note: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: Set Up Your Social Media


F) Navigation Menus

  1. Basically, the top navigation menu have 7 parent menu.
  2. 7 parent menu: Navbar 1, Navbar 2, Navbar 3, Navbar 4, Navbar 5, Navbar 6 and Navbar 7.
  3. Each Parent menu have a dropdown menu. And each dropdown menu have 10 Text option and 10 URL option.
  4. Home is an individual menu that navigating to homepage


  • How to Set Up Your Parent Menu

    1. Enable/Disable Parent Menu

    2. Text Options for Parent Menu

  • How to Set Up Dropdown Menu

    1. Enable/Disable Dropdown Menu

    2. Text Options for Dropdown Menu

      And More... until Navbar 10 Dropdown 1 Text/URL - Navbar 10 Dropdown 10 Text/URL

  • Video Tutorial: Navigation Menus


G) Fake Title Support

  • Fake Title is a feature that can be used as a 'fake title' for posts

  • Basically, only Text Post and Chat Post that has a Real Title

  • The Photo Post, Audio Post, Link Post and Video Post Types, doesn't support The Real Title

  • For this reason, I have found a custom solution: add a text with HTML tag bold style <b> and with a fake_title Class.

  • Fake Title can only be used for these post formats:
    • Photo Post
    • Video Post
    • Audio Post
    • Link Post
  • Fake Title work on Description Input Form (HTML Mode)

  • Fake Title is defined as a CSS class called fake_title

  • This is an example how to fake title work as a CSS Class: <b class="fake_title">Your Fake Title Here<b>


Quick Tutorial: How to Manage Fake Title

  1. First, Create a New Photo Post and Upload an Image to your post

  2. After that, Click on the Gear Icon, and Change the Text Editor Mode to HTML Mode

  3. Next, type the Fake Title Code like this:

  4. Click Post and you will see the photo post like this

  5. Finally, Go to your Tumblr URL, And Gotcha! You have a Fake Title on your Photo Post

Note: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: How to Manage Fake Title


H) Fake Cover Support

  • Basically, only Photo post that has a default image uploader

  • Fake Cover only used for the Text Post format.

  • Fake Cover is defined as a CSS class called fake_cover

  • This is an example how to fake cover work as a CSS Class: <img src="yourimage.jpg" class="fake_cover" />


Quick Tutorial: How to Manage Fake Cover

  1. First, Create a New Text Post and fill Title and Description text

  2. Next, Upload an Image at very top description box.

  3. Your text post will be look like this after you upload an image

  4. After that, Click on the Gear Icon, and Change the Text Editor Mode to HTML Mode

  5. Next, We will see the HTML Code like this. Now, add this code into your image tag class="fake_cover"

  6. Click Post, and your text post will be look like this on tumblr dashboard

  7. Finally, Visit your tumblr site, And Gotcha! You have a Fake Cover on your Text Post

Note: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: How to Manage Fake Cover


I) Auto Featured Post Slider

  • Basically, Auto Featured Post will working with tag featured (lower case)

  • Auto Featured Post work with Tumblr API v2

  • Auto Featured Post must have a fake_title for a better display

  • Auto Featured Post does not allow the following posts:
    1. Quote Post
    2. Chat Post
  • Auto Featured Post only working on image uploader in the input caption posts

  • Auto Featured Post can only be used for the following post formats:
    1. Text Post
    2. Link Post
    3. Video Post
    4. Audio Post
    5. Photo Post

Quick Tutorial: Auto Featured Post Slider

  1. First, Enable Featured Post option on your tumblr editor

  2. Next, Choose Your Featured Post Slider Type with this theme option

    And Also you can set up the limit of Featured Post Slider with this theme option

  3. After that, please create a Text Post with an Image

  4. Next, type a tag featured into tag box

  5. Click Post (save), and your Text Post will be look like this on the Tumblr Dashboard

  6. Visit your tumblr site, your Text Post will displaying as well

  7. and Auto Featured Post will displaying under logo like this

  8. Finally, you can add a 'featured' tag into your another post to fill the sliders like my demo.

Note 1: Don't Forget add fake_cover class to your image text post for a better display
Note 2: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: Auto Featured Post Slider


J) Instagram and Flickr on Footer

We provide Instagram Feed and Flickr Feed on Footer. You can use both or just one.


How to Manage Instagram Feed on Footer

  1. First, Enable Instagram Footer with this theme option

  2. Visit this website: http://instagram.pixelunion.net/

  3. click Generate Access Token to Get Your Instagram Access Token

  4. Copy and Remember Your Instagram Access Token ID

  5. Finally, back to your tumblr theme editor, and please put instagram User ID and Access Token like this:

  6. Click Save, and Visit your tumblr. Your instagram feed will displaying on footer

  7. And also, you can change the default instagram footer text with this theme option


How to Manage Flickr Feed on Footer

Note: If you want to use Flickr footer only without Instagram footer, you must Disable instagram footer.

  1. Enable Flickr Footer with this theme Option

  2. Visit this website: http://idgettr.com

  3. Put your Flickr URL. for example: http://www.flickr.com/photos/we-are-envato/

  4. Get your Flickr ID, and put into this theme option

  5. Click Save, and Visit your tumblr. Your Flickr Feed will displaying on footer

  6. And also, you can change the default flickr footer text with this theme option

Note: For More Information and Tutorial, Please Watch our Video Tutorial


Video Tutorial: Instagram and Flickr Footer


K) Permalink Elements

In this tutorial, you will learn how to manage Related Post, Post Notes, and Disqus Comment

Related Post

  1. Enable/Disable Related Post

  2. Related Post Title Text

  3. Related Post Preview


Post Notes

  1. Enable/Disable Post Notes

  2. Post Notes Preview


Disqus Comment

  1. Enable/Disable Disqus Comment

  2. Disqus Comment Shortname

    Please fill the Disqus Shortname in this theme options to showing disqus comment as well

  3. Disqus Comment Title Text

  4. Preview Disqus Comment on Permalink



L) Footer Section

  • Enable/Disable Footer

  • Text Option for Footer


M) Sidebars

Table of Contents

  1. Sidebar About
  2. Sidebar Social
  3. Sidebar Recent Post List
  4. Sidebar Recent Post Slider
  5. Sidebar Facebook Page
  6. Sidebar Custom Links
  7. Sidebar Popular Post List
  8. Sidebar Popular Post Slider
  9. Sidebar Instagram Grid
  10. Sidebar Instagram Slider
  11. Sidebar Banner Ads
  12. Sidebar Twitter Feed
  13. Sidebar Flickr Grid
  14. Sidebar Flickr Slider
  15. Sidebar Pinterest
  16. Sidebar Tag Cloud
  17. Sidebar Google Plus Page
  18. Extra Widgets

    • Enable/Disable: Sidebar About

    • Upload Image: About Profile Avatar

    • Text Option: About Widget


    • Enable/Disable Sidebar Social

    • Text Option for Sidebar Social

    • Sidebar Social Integrated with These Text Options:


  1. Sidebar Recent Post List[back to top]

    1. Basically, Sidebar Auto Recent Post will detecting your Post Title or Post Fake Title

    2. So, your post must have a Default Title or Fake Title

    3. Sidebar Auto Recent Post support for All Post Formats

      • Text Post (have a default title)
      • Chat Post (have a default title)
      • Link Post (have a default link title)
      • Quote Post (have a default quote text)
      • Photo Post (must have a fake_title)
      • Video Post (must have a fake_title)
      • Audio Post (must have a fake_title)

    Enable/Disable: Sidebar Recent Post List

    Text Option: Sidebar Recent Post List

    Preview: Sidebar Recent Post List


  2. Sidebar Recent Post Slider[back to top]

    Enable/Disable: Sidebar Recent Post Slider

    Text Option: Sidebar Recent Post Slider

    Preview: Sidebar Recent Post Slider


    • Enable/Disable: Facebook Page

    • Text Option: Facebook Page


    • Enable/Disable: Sidebar Custom Links

    • Text Option: Sidebar Custom Links


  3. Sidebar Popular Post List[back to top]

    1. Basically, Sidebar Popular Post will detecting your Note Count and Like/Reblog

    2. And for better display, your post must have a Default Title or Fake Title

    3. Sidebar Popular Post support for All Post Formats

      • Text Post (have a default title)
      • Chat Post (have a default title)
      • Link Post (have a default link title)
      • Quote Post (have a default quote text)
      • Photo Post (must have a fake_title)
      • Video Post (must have a fake_title)
      • Audio Post (must have a fake_title)

    Enable/Disable: Sidebar Popular Post List

    Text Option: Sidebar Popular Post List

    Preview: Sidebar Popular Post List


  4. Sidebar Popular Post Slider[back to top]

    Enable/Disable: Sidebar Popular Post Slider

    Text Option: Sidebar Popular Post Slider

    Preview: Sidebar Popular Post Slider


  5. Basically, Instagram Feed Widget have a two mode

    1. Instagram Grid
    2. Instagram Slider

    Note: One Instagram ID and Token for Two Instagram Widgets


    • Enable/Disable: Sidebar Instagram Grid

    • How to Get Instagram ID and Access Token

      1. Visit this website: http://instagram.pixelunion.net/

      2. click Generate Access Token to Get Your Instagram Access Token

      3. Copy and Remember Your Instagram Access Token ID

      4. Finally, back to your tumblr theme editor, and please put instagram User ID and Access Token like this:

      5. And also, you can setting sidebar instagram title with this theme option

      6. Preview Sidebar Instagram Grid


    • Enable/Disable: Sidebar Instagram Slider

    • Text Option: Sidebar Instagram Slider

    • Preview: Sidebar Instagram Slider


    • Enable/Disable: Banner Advertise

    • Upload Image: Banner Advertise

    • Text Option: Banner Advertise


    • Enable/Disable: Sidebar Twitter Feed

    • Custom Title and Twitter Feed Limit

    • Twitter Feed Widget Setting

      For Activating the Twitter Feed Widget, you must integrating your Twitter Account to Tumblr. This quick tutorial will show you about how to integrating your Twitter account to Tumblr.

      • Go to Your Dashboard and Click the User Icon at Very top of the site, and Click Settings

      • After that, Scroll Down and Click the Share on Twitter button

      • Next, Click the Authorize App button

      • Finally, Your Twitter has been Integrated with your tumblr account.

      • If you want to disable auto post tumblr to your twitter account, please disable it with clicking on twitter icon


  6. Basically, Flickr Feed Sidebar have a two mode

    1. Flickr Grid
    2. Flickr Slider

    Note: One Flickr ID for Two Flickr Sidebars


    • Enable/Disable: Sidebar Flickr Grid

    • How to Get Flickr ID

      1. Visit this website: http://idgettr.com

      2. Put your Flickr URL. for example: http://www.flickr.com/photos/we-are-envato/

      3. Get your Flickr ID, and put into this theme option

      4. Also you can change the Sidebar Flickr Title with this theme option

      5. Preview Sidebar Flickr Grid


    • Enable/Disable: Sidebar Flickr Slider

    • Text Option: Sidebar Flickr Slider

    • Preview: Sidebar Flickr Slider


    • Enable/Disable: Sidebar Pinterest

    • Custom Pinterest Sidebar Title

    • Put Your Pinterest URL Here


    • Enable/Disable: Sidebar Tag Cloud

    • Text Option: Sidebar Tag Cloud


    • Enable/Disable: Google Plus Page

    • Text Option: Google Plus Page


  7. 10 Extra Widgets [back to top]

    • Enable/Disable Extra Widgets

    • Image Uploader for Extra Widgets

    • Text Option for Extra Widgets



N) How to Change Fonts

  • We Provide 5 Google Fonts text option to store your fonts.
  • Before you change or custom fonts in this theme, you must searching fonts.
  • Go to https://www.google.com/fonts, and please choose your font will used in this theme.
  1. After you choose a font, please Click Add to Collection

  2. Next, Click Use

  3. Checklist the font weight: 400, 700

  4. Remember the font family

  5. Just Copy URL fonts

  6. Back to your tumblr editor, and Paste URL into this theme option

  7. Let's Change Post Heading Title font family to 'Lobster', cursive


O) How to Change Colors

Simple, Just clicking one of the color circles on the Customize page, lets you choose the color of the desired element


P) Another Settings

  1. Mobile View

    Actually, if you new installing a theme or you new make a tumblr account, Mobile Layout is look default. Therefore, you must disable the default mobile layout. So, enjoy with your nice mobile layout.

    • Click Advanced Options menu

    • Click Disable or Turn OFF Use optimized mobile layout

  2. Hide Promote Tumblr

    For Professional use, i guess you must hide a Promote Tumblr Button. You can do that with Disable Promote Tumblr! option like this:

  3. Setting Post Per Page

  4. Sidebar Position

    You can manage sidebar position Right/Left with this theme option

  5. Pagination Text and Readmore Text

  6. Google Analytics Setting

    For Activating the Google Analytics, you must adding your Google Analytics ID in the Google Analytics ID theme option

  7. Photoset Style Setting

    You can manage photoset style to Grid Mode or Slider Mode easily with this theme option

    Note (ON): If Photoset Slider option is Enable, your photoset will be a Slider Mode.
    Note (OFF): If Photoset Slider option is Disable, your photoset will be a Grid Mode (Default Tumblr).

  8. Quote Post, Link Post, and Chat Post Background

    • Quote Post

      1. Upload Image: Quote Post Bg

      2. Quote Post Bg Type

    • Link Post

      1. Upload Image: Link Post Bg

      2. Link Post Bg Type

    • Chat Post

      1. Upload Image: Chat Post Bg

      2. Chat Post Bg Type


Q) Credits


R) Support

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.




StringLabs

Back to Top