This article is guest written by our wonderful MV admin, Kristen Jurrens Kemp, and is part 2 of adding tags into your MV Blogs, where we'll add the tags into your blog posts. Part 1 covers how to initially set up and create a menu of tags, which you can check out here.
When you create a topic inside your blog post, those topics have traditionally been links back to that topic search in traditional blog software. Here’s how you can easily turn that topic into a link, as well as a pitfall to avoid so that extra html coding doesn’t mess with the formatting of your blog post.
Method 1: Easiest, no code way of getting the information from your blog navigation area on your blog home page over to blog post:
Type your topics into the text editor of your blog post.
Go to your blog home page, highlight the topic, and choose the “copy link address” option.
3. Highlight the topic in your blog post you want to turn into a link and right click for the link settings.
4. Paste the link in the URL area and you’ve done it!
If you take a look at the source code for your newly created links, it will look something like this:
Method 2: Copying and pasting from the blog page (includes some coding).
I strongly recommend NOT copying the hyperlinked text from the blog home page for your blog post if you are unfamiliar with source code and how small code mistakes can mess with your page.
If you’re comfortable with code and wish to copy/paste the information, text-link and all, then here are some code edits you may need to make. I have my topics numbered in the navigation area, so there is code that comes along with the links that will need to be removed, and somehow I’ll get spaces that get changed to the code which are problematic for making the text in your post to word wrap appropriately.
At the end of my blog post, I’ll add a couple topics that are also links, so not only is it searchable by any of the relevant topics, you can also click over to related topics.
Open a second tab to your blog home page, Highlight the topic for your post, and copy it. I usually use the keyboard command to copy the information. This way it copies both the text and the relevant link.
Then, I use the keyboard command to paste the link because the text areas in Membervault don’t allow pasting from right clicking the mouse. Since my blog topics are part of an ordered list on my Blog home page, I usually end up with a bullet point (or unordered list) from having done it this way.
Since that’s not the desired format of text for the blog topics, Click the source code button in your blog text editor (<>) to go into the html code and clean up the resulting code.
Instead of the code being inserted right behind the current topic, the code “ ” was added in place of a space, and then the code <ul> for unordered list and the code <li> for list item traveled with the link as well. All of these things need to be edited if you’re going to copy and paste in this manner to bring your topics over to your post or there will be formatting errors in your blog post that make the post chaotic for the reader, visually. Remove these extra bits of code.
Notice how the   was removed after #DayInTheLife and then the very next code is the link information for the next topic instead of code that makes bullet points appear. If   stays in the code, it will break the site’s ability from wrapping the words appropriately and it ends up looking funny on Mobile.
Questions? Reach out to us at hello@membervault.co, within our Facebook group, The MV Collaborative, or via chat support within your admin account (not sure how to log in? look up your account here).