That’s right. There are essentially two approaches for a custom blogroll design:
- Customize the CSS for the existing blogroll shortcode.
- Create a new shortcode that can be used in pages.
If you want full control over this, the second option is the way to go. It sounds harder than it is. Here are the basic steps:
- Go to Design → Edit Themes → New Plug-in. Give it a name, leave the URL blank, make sure the selected blog is correct.
- On the themes page, scroll down to the plug-ins section and click on the new plug-in you created to edit it.
- Create a template with the path “layouts/shortcodes/myblogroll.html”.
- In the text content of the template, you can put the
{{ range …}}code you have above or anything else you’d like.
Then in a blog post or page, you can use {{< myblogroll >}}.