{"_id":"5551be9e7988e10d003451b6","version":{"_id":"554e112e0f31e40d0028e7c3","__v":5,"project":"554e112d0f31e40d0028e7c0","createdAt":"2015-05-09T13:52:46.331Z","releaseDate":"2015-05-09T13:52:46.331Z","categories":["554e112e0f31e40d0028e7c4","554e2900be34a70d000378ae","554e2a622432590d00bd5142","554f1481cbb3510d00a5738d","5551bf43953c9c0d00f50541"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"project":"554e112d0f31e40d0028e7c0","category":{"_id":"554e2900be34a70d000378ae","__v":20,"pages":["554e29872432590d00bd513d","554e29a02432590d00bd513f","554e2a1e0f31e40d0028e7cf","554e2c890f31e40d0028e7d8","55508f2c00420e0d00d130a9","55508f7900420e0d00d130ab","55508fba39fcd41700a0f3f0","5550b1ce00420e0d00d13124","5550b325359f410d00035428","5550b37639fcd41700a0f43b","5551a485953c9c0d00f504f7","5551b202bcb05a0d006930f3","5551be497988e10d003451b1","5551be577988e10d003451b3","5551be9e7988e10d003451b6","5551bf0a953c9c0d00f5053f","5551c65bbcb05a0d0069312a","5551ce8b953c9c0d00f50568","5554443192dc520d00931eb8","5644382e5439df170071d4ba"],"version":"554e112e0f31e40d0028e7c3","project":"554e112d0f31e40d0028e7c0","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2015-05-09T15:34:24.910Z","from_sync":false,"order":1,"slug":"writing-your-guidepost","title":"Writing Your Guide/Post"},"__v":4,"user":"550a92ee42fff40d00ae60ed","updates":[],"next":{"pages":[],"description":""},"createdAt":"2015-05-12T08:49:34.907Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":2,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Turn on the Extra Toolbar\"\n}\n[/block]\nFirst thing first! Turn on the second toolbar so you can see the extra options of make your post look awesome!\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/7FJfUniNRj6IhuJQfIUe_Screen%20Shot%202015-05-12%20at%205.09.35%20PM.png\",\n        \"Screen Shot 2015-05-12 at 5.09.35 PM.png\",\n        \"701\",\n        \"187\",\n        \"#e33035\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nAfter toggling it on…\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/xLwjwOxcQZuLybas1bhy_Screen%20Shot%202015-05-12%20at%205.09.40%20PM.png\",\n        \"Screen Shot 2015-05-12 at 5.09.40 PM.png\",\n        \"701\",\n        \"192\",\n        \"#d62929\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Header 2, Header 3 and Paragraph Styles\"\n}\n[/block]\nNaturally, you can stylize your text within the editor. Besides the usual bold, or italize options, you can also set header styling to titles.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8uRaWtr0RtKjHaarMo6j_paragraphstyles.jpg\",\n        \"paragraphstyles.jpg\",\n        \"750\",\n        \"459\",\n        \"#d82021\",\n        \"\"\n      ],\n      \"caption\": \"Text Styling\"\n    }\n  ]\n}\n[/block]\n**Paragraph** is the normal styling. It's usually applied to the main bulk of the article.\n**Heading 2** is used on the main section titles within the article. **But** you will not use it often. Instead you will use the [toc] tags (read below for more on [toc] tags). The only time you will stylize a header to Heading 2 is when you don't want to use [toc] tags and have it appear in the table of contents.\n**Heading 3** is used for subsections of the article.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"TOC - Table of Content Tags\"\n}\n[/block]\nIf you want a section title to appear in the Table of Contents, you have to wrap the title using [toc] tags. If you don’t want it to appear in the Table of Contents, then you need to use **Header 2** styling and not the [toc] tags - this will make the section title nice and big but it won’t appear in table of contents.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3o4CnmeQjyQl6LHR9Ohk_Screen%20Shot%202015-05-12%20at%205.11.16%20PM.png\",\n        \"Screen Shot 2015-05-12 at 5.11.16 PM.png\",\n        \"674\",\n        \"511\",\n        \"#aa5858\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n**Do not** set the styling of the [toc] tag to Header 2. Just leave them as Paragraph styling. View example:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b8Nn8CNgSjaYECBK98GT_headerstyling.jpg\",\n        \"headerstyling.jpg\",\n        \"750\",\n        \"517\",\n        \"#713f44\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"You don't need to stylize or bold the [toc] tags.\",\n  \"body\": \"They are already stylized. So just leave [toc] tags as 'Paragraph' styles.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Google SEO Suggestions\",\n  \"body\": \"1. Try not to have more than 5 sections (ToC tags in your article)\\n2. Try to have a paragraph of text **before** your first [toc] tag. Like an introduction section or a quick summary of the article.\"\n}\n[/block]","excerpt":"So it looks professional and awesome!","slug":"advanced-formatting","type":"basic","title":"Formatting Your Post"}

Formatting Your Post

So it looks professional and awesome!

[block:api-header] { "type": "basic", "title": "Turn on the Extra Toolbar" } [/block] First thing first! Turn on the second toolbar so you can see the extra options of make your post look awesome! [block:image] { "images": [ { "image": [ "https://files.readme.io/7FJfUniNRj6IhuJQfIUe_Screen%20Shot%202015-05-12%20at%205.09.35%20PM.png", "Screen Shot 2015-05-12 at 5.09.35 PM.png", "701", "187", "#e33035", "" ] } ] } [/block] After toggling it on… [block:image] { "images": [ { "image": [ "https://files.readme.io/xLwjwOxcQZuLybas1bhy_Screen%20Shot%202015-05-12%20at%205.09.40%20PM.png", "Screen Shot 2015-05-12 at 5.09.40 PM.png", "701", "192", "#d62929", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Header 2, Header 3 and Paragraph Styles" } [/block] Naturally, you can stylize your text within the editor. Besides the usual bold, or italize options, you can also set header styling to titles. [block:image] { "images": [ { "image": [ "https://files.readme.io/8uRaWtr0RtKjHaarMo6j_paragraphstyles.jpg", "paragraphstyles.jpg", "750", "459", "#d82021", "" ], "caption": "Text Styling" } ] } [/block] **Paragraph** is the normal styling. It's usually applied to the main bulk of the article. **Heading 2** is used on the main section titles within the article. **But** you will not use it often. Instead you will use the [toc] tags (read below for more on [toc] tags). The only time you will stylize a header to Heading 2 is when you don't want to use [toc] tags and have it appear in the table of contents. **Heading 3** is used for subsections of the article. [block:api-header] { "type": "basic", "title": "TOC - Table of Content Tags" } [/block] If you want a section title to appear in the Table of Contents, you have to wrap the title using [toc] tags. If you don’t want it to appear in the Table of Contents, then you need to use **Header 2** styling and not the [toc] tags - this will make the section title nice and big but it won’t appear in table of contents. [block:image] { "images": [ { "image": [ "https://files.readme.io/3o4CnmeQjyQl6LHR9Ohk_Screen%20Shot%202015-05-12%20at%205.11.16%20PM.png", "Screen Shot 2015-05-12 at 5.11.16 PM.png", "674", "511", "#aa5858", "" ] } ] } [/block] **Do not** set the styling of the [toc] tag to Header 2. Just leave them as Paragraph styling. View example: [block:image] { "images": [ { "image": [ "https://files.readme.io/b8Nn8CNgSjaYECBK98GT_headerstyling.jpg", "headerstyling.jpg", "750", "517", "#713f44", "" ] } ] } [/block] [block:callout] { "type": "info", "title": "You don't need to stylize or bold the [toc] tags.", "body": "They are already stylized. So just leave [toc] tags as 'Paragraph' styles." } [/block] [block:callout] { "type": "danger", "title": "Google SEO Suggestions", "body": "1. Try not to have more than 5 sections (ToC tags in your article)\n2. Try to have a paragraph of text **before** your first [toc] tag. Like an introduction section or a quick summary of the article." } [/block]