Pages

Showing posts with label Summer2020 Blogging. Show all posts
Showing posts with label Summer2020 Blogging. Show all posts

May 29, 2020

Blogs and Diigo




This post may or may not be of interest: I want to say a few words about how I use Diigo as a way to manage blog content and workflow. Blog labels (tags, categories) are useful up to a point, but if you want to have even more powerful ways to keep track of the contents of a blog, especially if you are using the blog to manage hundreds or thousands of pieces of content, Diigo is a fantastic option. When I am doing major content development at a blog, I bookmark every post in Diigo and use Diigo to manage the content development and editorial workflow.

What is Diigo?

Diigo is a bookmarking tool that allows you to bookmark webpages (and, yes, blog posts are webpages!), while adding tags that you can then use for searching and filtering. You can also include chunks of text with each bookmark, either text that is automatically copied from the blog (what you have highlighted when you bookmark goes into the record) or content you add later. You can also snag thumbnail images to go with the bookmarks.


To see how that works, you can browse the Diigo account I currently use for content development. These are my 100-word stories, for example. For the 100-word story project, it's really ideal; I include the actual story in the bookmark!


Each of those items in Diigo links a blog post. I use labels at the blog itself for basic navigation, but I have a much more elaborate set of tags at Diigo that allow me to manage the book production process that I am using to select blog posts, edit them, and then arrange them into OER books. (That's a new project this summer; I am hoping to complete four microbooks: each one will have 200 of these 100-word stories).

Diigo Features 

Diigo has a ton of features; I'll just list here some features that are of great value to me personally:

Boolean Searches. I'm able to use Boolean operators like NOT in order to search and organize my content. That's the single biggest advantage over the blogging label interface. Diigo is so powerful that way, and I can even bookmark those searches since the search parameters are in the URL. For example, a bookmark for the India stories that are going in the India book (versus stories I am skipping and saving for future use):
https://www.diigo.com/user/laurakgibbs?query=%23100india+NOT+%23india%3Askip

RSS. Diigo has RSS for tags AND for Boolean tag searches, and it even includes the thumbnail image in the RSS. More about Diigo RSS:
RSS: Diigo

Reports. I use the Report feature to snag content to use in my book drafting process for the 100-word stories. It works great! Here's what a typical report looks like; I copy-and-paste into my text editor: I just search, choose bulk-edit, then select-all, and then generate report:


Browser Tool. When I am bookmarking blog posts in Diigo, I use the browser tool to make that really fast. (I label the blog posts as Diigo:no or something like that; then, after I bookmark in Diigo, I change the blog label to Diigo:yes; that way I know what I've got where, and I can do a count of the posts to make sure I haven't lost anything in the process.) I'm usually using the Chrome tool, and there's a cross-browser bookmarklet here, plus mobile apps: Diigo Tools.


There's so much more I could say here, but I'll leave it at that for now. If people have questions about using Diigo to manage blog-based content projects, let me know and I'll be glad to elaborate in more detail. I've been using Diigo for a few years now, and I like it more and more with each project I complete.

And now........... on to blog networking with RSS and Inoreader: What is RSS and what is Inoreader?




Blog Backup/Export




I've covered the basic content side of blogging so far — creating a blog and posting, comments, labels, design, sidebar, pages — and now I'm going to finish up with some housekeeping and organizational tips.

In this post, I'll talk about how to export your blog for backup purposes and also for migrating from one blog platform to another. I'll be explaining how to do this in Blogger, and you have even more backup options (including auto-backups) in WordPress.

Blogger Backup

To export a copy of your blog, just go to the Settings, and then scroll down to Manage Blog:


The option you will choose is Back Up Content.


When you click Download, Blogger will generate an XML file which will download to your hard drive. This will not affect the content of your blog; it's just a backup file that you can also use if you want to export the content to another Blogger blog or to a different blog platform entirely, like if you want to migrate your Blogger blog to a WordPress platform.

I've never actually had to restore a blog from a backup, but it's a good practice to have, and I encourage my students to back up both their blogs and their websites, just in case. (I've got an extra credit assignment they can do each week, backing up their work and also reviewing the week's announcements; here's how that works: Back-Up, Check-Up, and Review.)


Okay, that is a very important but not very exciting aspect of blog maintenance. Now on to something way more exciting: Embedding a Blog in Canvas (or any other LMS which allows site embedding).


Posts and Pages




In this post, I'll be talking about Posts and Pages. Posts is the usual term for the content you publish at a blog, and posts are generally displayed by date, newest to oldest. Pages, on the other hand, are a way to create content at a blog that is not date-based, and which usually has a separate navigation system. You can create Pages at Blogger and at WordPress; it's a pretty standard feature in blog platforms.

I'll confess that I don't use Pages a lot because I prefer to do my blog navigation by way of labels, and also by hacking the date/time stamp. But I have used Pages at some of my blogs, so I'll give an example of that below, and then explain how Pages work at Blogger. The Pages ecosystem at WordPress is way (WAY) more powerful than at Blogger!

Pages at my Myth-Folklore UnTextbook

The UnTextbook is one of my biggest blogs, with thousands of pages to support the 100 reading units that I've prepared for students to choose from. Pages were useful to support semester navigation, as opposed to content navigation. So, across the top I have Week-by-Week Pages for navigation, while in the sidebar there is content navigation (short titles for all the units). You can see how that works here: Myth-Folklore UnTextbook.


Here's what that Pages area looks like in the Settings: Layout.


Below are some specific tips on creating Pages and designing the Pages navigation.

Pages Content

The Pages area is accessed through the left-hand navigation, and in the new Blogger interface, you add a new Page with the plus-button in the lower right-hand area (I'm still getting used to this new interface, but it will be useful for my students since it has a lot of design features in common with Google Sites, which they also use, like this plus-button).


The editor for a new Page works just like the editor for a new Post, except that there is no date/time stamp and no labels. The only settings for a Page are comments, and yes, you can have comments on Pages, like for a Post.


I'm using "About Me" as a sample Page here because creating an "About Me" area at your blog is typically the kind of thing you might do with a Page instead of a Post.

Pages Navigation

In Blogger, the Pages are something you add to the blog Layout. For some of the Themes, the Pages widget is already part of the default Layout, and for other Themes, you need to add Pages like you would add the other gadget options:


After you have added Pages to the Layout (and you can put the Pages cross-column along the top OR it can go in a sidebar), you can then click on Edit, and you will see a variety of options, turning pages on or off in the navigation display, and dragging-and-dropping for the order in which they appear:


Note that this is also how you can add links to external webpages as part of your blog navigation, organizing those links together with the Pages links.


So, in addition to the labels-and-dates way of organizing Posts, youcan also use these manual methods for designing the navigation of your blog site with Pages.


Okay, those are the basics of blog Pages... and next up is some housekeeping: how to back up and/or export your blog.

May 24, 2020

Yijing in the Sidebar!

Inspired by this tweet from Tineke, I decided to add her randomizer to my sidebar too! It was also a good way to test something I wanted to know about image URLs in the sidebar.

So, here's what I did:

1. I copied the image from Tineke's blog post: Hexagrams from the Yijing (Book of Changes) randomized. Sixty-four hexagrams, from a book owned by Leibniz. Source: Wikipedia. Here is the image:


2. Then, I published the blog post so I could get the URL for the image here in my post.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3ScPJMN4XuY8Su11rA2h7_Mn7cSl3uKv4qoJ6-GibsK1PX0idrs9vncMHtLZGC68it6guu19jpJN3mUoBnxEyw_N88h-D0j7L1uygOy5_bZzY0oSe4vcYcoLjT7Sunz15mGjVUyX4UE3/s400/Diagram_of_I_Ching_hexagrams_owned_by_Gottfried_Wilhelm_Leibniz_1701-1024x984.jpg

3. Then I went to the Layout in my Dashboard, and clicked to add HTML/Javascript.

4. In that box, I pasted in Tineke's javascript code, centered. Then I added a bit of text to alert people to click for the English. Then I added the image using the URL above for the img src, and setting the width to 200 pixels. It worked! So, that proved my guess that it is possible to publish an image in a blog post and then reference that image in the sidebar with the URL. I wasn't sure if it would work, but it did!


Here's what it looks like in the sidebar:


For example, that time I got Tai:


Now I can go add this to my HTML Box post where I had promised writing up something like this; thanks to Tineke, this was a perfect little experiment to try!



HTML Sidebar Boxes




The sidebar box I use most often is the HTML box, which allows both HTML and Javascript, as you can see:


The ability to use Javascript like this is one of the main reasons why I've always used Blogger instead of WordPress (the free WordPress.com blogs do not allow Javascript; I suspect that is also true of Edublogs, but I am not sure).

You can install as many of these HTML boxes as you want, pasting into the box whatever HTML, including Javascript, you want to use:


Here are just a few examples of the ways I use the HTML option at my various blogs:


Randomizing Javascripts

In the sidebar of this blog, you'll see random mindset cats and random tarot cards, and those are just a few of the many randomizers I've created to use in my blogs.

I also share them with others! For example, if you want to use the mindset cats, you can get the javascript to copy-and-paste here: Random Mindset Cats. Here they are in action!




I use a free tool, RotateContent.com, to create the randomizers, and here's a presentation I made for Domains 2019 about that: Turn HTML Tables into Javascripts for Distributed Content Everywhere.

I also did a presentation on javascript randomizers for CanInnovate 2019: Javascript Magic in Canvas.

If you have questions about any of that, let me know. I'm always glad to preach the gospel of randomizing javascripts!


YouTube Playlists

Even though they are tiny, you can embed YouTube playlists at width 200, height 125, and they will play in a sidebar.


That's my Maati Baani playlist, resized, which you can paste in a sidebar. For more about YouTube Playlists, see this earlier post: YouTube Videos and Playlists.


Google Slidedecks

As my students create their projects, I create a slide in a slidedeck for each project, and then I can embed that slidedeck in the class announcements sidebar.


I embed the same slidedeck in the class projects webpage and in Canvas too. To embed a Google Slidedeck, just choose File: Publish to Web, and then select Embed, and customize the size (for a blog sidebar, 200 pixels is usually a good size):


I even added a randomizer to my Google Slides so that I can randomize the deck, putting different projects up at the top. I randomize the deck, and the new order appears everywhere the deck is embedded.


Twitter Widgets

I have a dedicated class Twitter account, @OnlineMythIndia, which is separate from my own Twitter account, @OnlineCrsLady. The class Twitter feed is one of the most important parts of the class announcements blog because I can be adding new content all day so that there's always something new!

To embed a Twitter widget, just go to Publish.Twitter.com and paste in the address of the Twitter account, then choose Embedded Timeline, and then customize for width, height, etc.


You can embed ANY Twitter stream; it does not have to be your own. So, for example, you could embed your school's Twitter stream or the Twitter stream of your student newspaper, some other news source: any Twitter account you want!


Text-and-Image HTML

In addition to the dynamic options above, I also sometimes create a static HTML box with just text and image. For example, the Suggestion Box box, with a link to the Google Form I use for (anonymous) suggestions.


The trick with doing text-and-image is that you do have to be able to host the image somewhere, displaying it by URL since the HTML box editor does not have all the editing options that the regular blog post editor does. For an example of combining a static image with a randomizing javascript, see this post: Yijing in the Sidebar! (You can use that same process to combine a static image with text, like in the example of the Suggestion Box.)


Okay, I think that's all I have to say about blogger sidebars, which means it is on to Posts and Pages.

RSS / Email / More Sidebar Boxes




If you added a Label navigation box, you saw that there were lots of different sidebar gadget options to choose from. You can explore all those on your own; in this post, I'm going to zoom in on the types of sidebar content I find myself using in my blogs.

RSS / Recent Posts

One of the options you can choose is Feed which allows you to add RSS feeds to your blog sidebar. You can find lots of information about RSS feeds in the Inoreader section of this blog. Right now, suffice to say that RSS is a way you can get fresh content from blogs, news sites, podcasts, etc.

So, for example, if you want to add a "Recent Posts" box to your sidebar, you can do that by adding the RSS feed of your own blog. Here's how that works:

1. Add box. Go to the Dashboard Layout, and select a new gadget sidebar box. This time, choose Feed:


2. Add feed address. Then, paste in the address of your blog in the dialogue box:


3. Configure. You will then see a preview where you can select various options, including the title you want to display in the sidebar box. You can change it to "Recent Posts" if you are displaying the recent posts at your own blog.


You can add as many Feed boxes to your sidebar as you want. So, for example, you could snag an NPR feed that is relevant to your class, a feed from some other news source, etc. There is a lot of RSS out there, and that's a great way to bring fresh new content to your blog sidebar.


Email Subscription

Google acquired Feedburner.com several years ago, which is the service it uses for email subscriptions to blogs; it's an excellent service (I was using Feedburner before Google acquired it). To get lots more information about email options, you can log on at Feedburner, but the basic service works just fine. All you have to do is install the email box in your sidebar, and users can subscribe.


To see how that works, go ahead and subscribe yourself. You'll see that there is a confirmation email you have to click (that's to prevent spam), and then you will receive an email daily if there is new blog post content. Each of those emails also contains an unsubscribe link.

I always encourage my students to subscribe to the class announcements by email, and many of them stay subscribed even after the class is over because most of the class announcements content is for fun and exploration, which includes exploration even after the class is over.


Blog Search

Another useful box to include is a search box, especially if you are using one of the dynamic themes that does not have a search box across the top of the blog:


One of my biggest complaints about Canvas LMS is that it does not have any search options for the course content in the LMS. Especially if you are using blogs to present course content to students, including a search box is a good idea.


Featured Post

The "Featured Post" option is something that is included by default in some of the newer Blogger themes, and it can even be used in the post column, not just as sidebar content.


When you install this option, you can configure it in various ways which makes it quite useful:


I just wish you could install more than one featured-post box (the way you can install multiple label boxes), but unfortunately you can only install one Feature Post box in your layout.


So, those are some of the preset Blogger sidebar boxes that I really like, and next up is the make-it-anything-you-want sidebar option: HTML Boxes.


Labels for Navigation




One of the things I like best about blogs-as-websites is that you do not have to design the navigation system. Instead, you let the content itself generate the navigation. Your readers use automatic features like "next post" or "previous post" to move from one post to another, and you can also add features to the sidebar to provide further navigation options, like a search box, an archive box, recent posts, etc. The most power of these sidebar navigation options is LABELS. If you make sure that every blog post has at least one label, and if you put the label navigation box in the sidebar, presto! You have provided a navigation system for your whole blog.

In this post, I will explain how to install and configure the Blogger Labels feature in the sidebar. In WordPress, there are categories and tags; WordPress categories are more or less like Blogger labels, and Blogger does not have a tag system. If you are using WordPress with your students, you'll want to make sure to provide some recommendations on using categories and tags; I make sure to explain about Blogger labels right from the very start in my classes.

Labels in the Sidebar

As part of the Orientation Week in class, I ask them to add the Labels to their sidebar. Specifically, after they add their Introduction post, which has the label "Introduction," they add the Labels sidebar widget: Introduction and Labels. That means everybody can access their Introduction post from every post in the blog. So, no matter where they end up at someone's blog, they can find out more about that person.

Here's how that works, step by step:

1. Go to Layout in the Dashboard menu.
2. Click on Add a Gadget.
3. Find the Labels option and click the plus button.


4. The default configuration is fine, although you can choose from various options. Click Save when done.


5. You can drag-and-drop the new Labels box in the layout to position it wherever you want it to go, including in the cross-column space across the top of the blog.

Multiple Label Boxes

One of the best things about Blogger is that you can add multiple label boxes (in WordPress, it's not easy to add multiple category boxes). So, for example, if you have lots of labels, you can divide the navigation up into multiple boxes. Some of my students do that, for example, by having one box to navigate the blog content by week (Week 1, Week 2, and so on), and a separate box to navigate the blog by content (Stories, Readings, etc.). To divide up the label navigation by different boxes, use the "Selected Labels" option in the configuration.


The trick here is to remember that if you add new labels later on, you'll need to manually add them to the label box later. If the box is displaying "all labels," any new labels are displayed automatically, but if you use the "selected labels" option, then no new labels are added to the box automatically; you have to remember to do that yourself.

Editing Labels

If you need to change labels on a post, delete labels, add labels, you can do that by editing the post.

In addition, you can also do some editing of post labels via the Blogger Dashboard. The label-editing interface is one of the biggest changes between the old Blogger display and the new Blogger display, and I'm honestly not very happy with the new display. I'm guessing I will get used to it, but I'm still opting to use the Classics Blogger display for now because I rely heavily on labels at all my blogs, and being able to bulk-edit labels on multiple posts is something I do a lot, and that seems to be much easier to do in the Classic Blogger display.

I'll have more to say about that later when I write about coordinating a blog with Diigo for workflow and project management.

More Tips about Labels

By default, Labels display alphabetically, so it's a good idea to be systematic about that. You can always go back and edit labels if you want to make changes so that the alphabetical display is working the way you want.

Labels are case-sensitive, so make sure to keep that in mind.

You can use punctuation and spaces, so if you want to use colons or other punctuation marks for a kind of organizational hierarchy, that works!

At the same time, you don't want labels to be too long, especially if you are using a narrow sidebar in which to display them. So, even though you can use multiple words in a label, don't let it get too long.

Don't be shy to use labels just once. In the case of my students' blogs, they have only one post with the Introduction label and only one post with the Comment Wall label, for example. The whole idea is that people should be able to get to their Introduction post or their Comment Wall post from anywhere in the blog, and the label is what makes that possible.


Okay, I think that's all I have about labels. Next up... RSS, Email, and Other Sidebar Boxes.




Blog Sidebars




I'll confess: I love blog sidebars! That is probably my favorite design feature of blogs. Every blog of mine has a sidebar, and sometimes, I use two, like at my 100-Word Stories blog and at my class blog (I take my class as a student each semester, so I blog together with the students, doing same assignments they do). Some of the content in my sidebars is static, but most of it is dynamic in some way so that there's something new or different, something "going on" that can catch people's attention and surprise them in the sidebars every time they reload the page.

In this page, I'll provide a quick overview of how sidebars work in Blogger, and then in the following posts I'll zoom in on specific types of sidebar content and how to add them to your blog.

Sidebars and Blogger Themes

As I mentioned in the discussion of Blogger themes and layout, there are basically two generations of Blogger themes. In one set of themes, the sidebar(s) are always visible, and those are the themes I prefer: Simple, Picture Window, Awesome, Watermark, Ethereal, Travel. You can customize those themes to display one, two, or even three sidebars; use the "adjust widths" panel to set the widths of the columns:


Most of my students stick with just one sidebar, although they will sometimes play with moving it to the right or the left of the post column.

In the Blogger themes that use dynamic resizing (Contempo, Soho, Emporio, Notable, Essential), the sidebar column does not appear unless the display is very side; most of the time, you access the sidebar using the hamburger menu at the top of the page. When you click on the menu, the sidebar panel slides out:


Even though the sidebar is not always visible with those blog themes, you can still choose to add content to that sidebar, just like with the sidebars that are always visible; in that screenshot, you can see the student added a picture of her dogs to the sidebar.

Mobile View

I should also mention that all Blogger blogs have an automated mobile-view, and sidebars are suppressed in that mobile view. To see how your blog will look on a phone, just add ?m=1 to any blog or blog post URL. For example:
http://bestlatin.blogspot.com/?m=1

Here's a screenshot:


So, it's important to remember that your students might be viewing your blog on a phone, not seeing the sidebar. If there is essential content that they need, you need to link to that from inside a post rather than expecting them to find it in the sidebar. There's also an option to force the blog open in regular web view even on the phone; you'll find that down at the bottom of the display:


It's definitely a plus for me that Blogger has a good default mobile-view. Since students sometimes send me URLs that include the m=1 part of the address, I know they've been viewing the content on their phone.

Sidebars and Blogger Layout

You control the sidebar content and positioning through the Layout option in the Dashboard menu:


You can also put sidebar content horizontally above or below the post column; you can just drag-and-drop gadgets into the Cross-Column space above the posts or into the Footer below the posts. Some students choose to put their blog label navigation box in the cross-column space along the top of the blog, so that it functions like a traditional website menu.

If you decide to use Blogger Pages, the Pages menu defaults to that cross-column space, but you can also drag-and-drop the Pages menu down into the sidebar column. I'll have more to say about Blogger Pages later.

Next up, the most important use of the sidebar: blog labels for navigation!



May 21, 2020

Blog Themes and Layout




When we reach blog themes and layout, that is where Blogger and WordPress really diverge. With WordPress, there are no limits to what you can do, both in terms of the thousands of templates themes through the WordPress community and the way you can program those themes to function in any way you want, not just in terms of the design layout but also with dynamic behaviors.

With Blogger, everything is much more limited, and for beginning users, that can actually be a good thing. You can teach students about the separation of content and design, so they can see how it's possible to change the look-and-feel of their blog by changing the theme, while all the content stays the same... and they are not going to get themselves lost as they experiment with the design options. There are a limited number of Blogger themes, along with a limited range of layout options. That means the Blogger blogs are more-or-less the same to navigate while also conveying a feeling of originality. So, at least for me, I'm very happy with the way my classes work out: most students choose Blogger blogs which they tinker with in their own ways, while some students also want to work with WordPress which means that the students using Blogger also get to learn about WordPress blogs too, seeing what their fellow students are doing with their WordPress blogs.

And now here's a quick overview of themes and layout in Blogger:

Themes

In Blogger, you access the theme option from the Blogger dashboard:


There have been three generations of Blogger themes: a first generation of themes (now deprecated, although you might still see them in existing blogs still online from back in the day), a second generation of themes which emphasize the sidebars, and then the newest generation of themes which are mobile-friendly and use dynamic resizing, hiding the sidebar by default. Since I am a big fan of using the blog sidebar (more on that later), I always choose from that second generation of themes, but most of my students prefer the newer generation of themes.
Sidebar Themes (older): Simple, Picture Window, Awesome, Watermark, Ethereal, Travel
Mobile Themes (newer): Contempo, Soho, Emporio, Notable, Essential

I should also say something about the Dynamic Views theme, which is a really fascinating experiment that belongs to the older generation of themes but which does not emphasize the sidebar. Instead, Dynamic Views offers many different views which the user can choose from. It's a really cool idea, and it's a theme that is popular with my students. But here is an important word of warning: there is a bug with the Comments in the Dynamic Views theme. If someone leaves a comment, and then later changes their mind and deletes the comment, it will cause the comment display for that post to jam up. The other comments do not disappear from the administrative Dashboard view of Comments, but they will not display at the blog, and it will also be impossible for people to leave new comments on that post (it does not affect other posts at the blog). Pretty much every semester I have to write a few students to alert them that this has happened to one of their Dynamic View posts so that they can repost the contents of the jammed-up post in order to make it possible for people to leave comments and/or for them to edit the post to give a link to another post where people can leave their comments. Some students decide to switch to another theme as a result, and that's fine too; it really depends on how attached they are to using the Dynamic View theme for their blog.

Customizing the Theme

After you click on a theme to select it, you can also customize it:


Customization means things like choosing the background image, color scheme, along with setting default widths and other layout features. The "advanced" panel is basically a way to adjust CSS settings for fonts, colors, etc.


If you are using one of the themes with sidebars, the Layout panel here is where you choose whether to have one or two sidebars, the width of the bars, and how they are positioned; I'll say more about that later.

Layout

In addition to customizing the theme, you can also customize the layout of the actual post pages using the Layout menu; you'll find that just above Themes in the Dashboard left-hand menu. The Layout is how you customize things like the top navigation bar, the header area, and the post area. If you are using a blog with a sidebar, this is where you add actual content to the sidebar. (I'll say more about the sidebar content later.)

You can drag-and-drop the boxes of content to rearrange the layout, and then you can click on the pencil to edit any box.


With regard to managing your identity, I already mentioned how you can edit the Post area in order to un-display your author byline on posts.


You will see similar types of configuration options available depending on which content area you are editing.

~ ~ ~

In my classes, some students really get excited about configuring their blogs, while others just choose a theme and don't make any changes to it during the semester, and that's fine. My goal is to give students the opportunity to learn about blogs if they want, but exploring blog design features is not something that's required. Over time, though, as they visit other students' blogs and see the different design features at those blogs, that often inspires them to try tinkering with their own blogs, and I've got a series of Tech Tips that they can do for extra credit if they want (along with Tech Tips on many other topics as well).

Next up, as promised...... Blog Sidebars (one of my personal favorite things about blogging!)


May 19, 2020

Blog Labels and Dates for Navigation




As you've realized by now, a blog is a website, a specialized kind of website where the content is organized in date-based order by default. Having the content in date-based order is great for all kinds of purposes, but sometimes you might want to organize and view the content in different ways. In this post, I'll talk about using labels for blog navigation and also how to hack the date/time stamp for more navigational control.

Blog Labels

I mentioned earlier about how useful labels can be (or, in WordPress, categories and tags) for blog navigation, which is why I recommend that you put at least one label on a blog post. You can always add labels later if you want, either by editing the post, and you can also do some label filtering and editing for multiple posts in the blog dashboard.

By default, Blogger displays labels down at the bottom of each post as links; when you click on the label, you will see a new view of the blog content: it is still in date-based order, newest to oldest, but the only posts are the ones with that label. So, for example, you can browse my Twitter Highlights at this blog:


By using labels, you make it easier for readers at your blog to explore and find related content. In a traditional website you have to build that navigational experience manually, but in a blog, that navigation structure emerges automatically based on the labels you are using.

You can also use sidebar widgets to help readers navigate your blog using the labels. You can even have a label that is used just for one post only; that is what my students do with their Introduction posts, so that there is an instant link to the Introduction post from any page of their blog, using the label navigation widget. For example, here's a screenshot from a student blog (this student chose to have Spanish be the default template language for her blog, which I thought was cool; that's why it says "etiquetas" instead of "labels"):


One of the advantages of a Blogger blog over the standard WordPress blog, in fact, is that you can have multiple label navigation widgets in the sidebar if you want to give your readers a wide variety of ways to navigate the blog. I'll have more to say about configuring label navigation widgets later.

In my classes, students use two kinds of labels for their work: a category type of label (Reading, Story, etc.) and a week label (Week 1, Week 2, and so on). So, for most assignments, each post has two labels: one for the type of assignment, and one for the week. That allows students to browse and review their own work in two different ways. With just one click, they can see all their reading notes, all their stories, etc. displayed on a single webpage, OR they can click and see all their work for a given week displayed on a single webpage. That is a powerful tool for self-assessment and reflection! Students don't have to do anything special to make that happen except to remember to add labels to each post, which is why I prompt them to do that each time with the assignment declaration checklist (more about declarations and checklists later).

Hacking Date-Time for Navigation

So, you can use labels to organized the posts at your blog, and that is often all the kind of organization you need to provide. If you are using your blog for content development, though, you might need to organize the content so that the display is not date-based.

For example, I built the UnTextbook for my Myth-Folklore class in the form of a blog. There are 100 different reading units, and each reading unit has around 20-30 posts. And yes, there really are around 3000 posts at the blog. (Trust me: you don't want to put 3000 pages of content inside an LMS; use a blog instead!)

The way I organized the reading units is by hacking the date/time stamp. So, for example, here is the Cherokee Reading Unit. All the posts in that unit have a label, and then the posts are organized by date/time with the overview post at the top, followed by the first story, second story, third story and so on. The dates/times on those posts are not the date/time at which I added the content at the blog. Instead, I created those dates/times in a spreadsheet and pasted them into the blog post in order to organize the content in the right order.


I've suppressed the date/time display from the posts (more about how to do that later). The date/time are not important for the readers at this blog; instead, the date/time information is just something I use as the blog author to control the way the content is displayed for the blog's readers.

Simple Hack: Top Post on Homepage

One simple date/time hack you can use is just to change the year on a post to THE FUTURE so that it will show up as the first post at your blog, staying above the new content you are adding.

To do that in Blogger, just publish the post with the default date. Then, go back in and edit the post to change the year to be one year in the future, and publish the post again. Blogger will not remove the post from the display; it will stay there, and because the future is "newer" than any current date, it will stay up at the top of your homepage display.

Note: you can also schedule future posts to be published at a future date/time in your blog! I do that every day with my daily announcements, writing them up in advance and scheduling them to publish on the correct day.

This hack depends on publishing the blog post first, and THEN changing the date to the future, as you can see with the post currently on the homepage of this blog, dated 2021:


At this blog, I don't usually do that, since this blog usually functions like a regular blog, with newest content at the top of the homepage, so I have not suppressed the date display. When this summer blog-fest is over, I'll change the date on that post back to 2020, and it will revert into the usual date-based display order.

So, that's the last post I'll be writing about posts and content... starting with the next post, I'll shift over to design options, starting with Blog Themes and Layout.


May 18, 2020

Editing Existing Posts




One of the best things about using blogs as writing spaces is that you can encourage a process of continual revision. Editing existing blog posts is easy on any platform; below are some tips about editing existing posts at Blogger.

Open a post for editing. To open any post for editing, just click on it in the Posts view of the dashboard. It's that simple!

In the old dashboard, there is an actual edit link if you hover over the post, but you don't have to use that link; just click on the post title and it opens that post for editing:


In the new version of the dashboard, posts look like this; just click on the title to open for editing:


There are no longer edit/delete/view hover links; instead, you just click on the item to open it for editing.

Clear Formatting: Tx. One of the most common problems with formatting is when you copy-and-paste from another text editor like Word or GoogleDocs. When you copy-and-paste, that often brings in formatting that does not work in the context of the blog. If you have a dark template with light font, for example, the dark font from another application might become invisible. The solution is the "clear formatting" option in the editor, or Tx.

In the old editor, the Tx button is at the far right of the editing menu:


In the new editor, the "clear formatting" option is under the three-dot menu to the right that expands the editing menu:



Just highlight the whole post, then hit the Tx button, and that will strip away the formatting. You might need to go in and remove extra line breaks that get added, along with any bold, italics, etc. that you wanted.

The "pencil icon. One of the reasons I continue to use an "old" Blogger template (one that predates the latest templates which use mobile-first design principles) is that those templates feature a pencil icon in each blog post (visible only to the blog author) which allows you to instantly open the post for editing.


This feature is turned on by default in posts for that generation of templates; it is not available in the newer templates. I'll have more to say about the different generations of Blogger templates in a later post.

Spellcheck. Finally, this is not exactly related to editing an existing post, but you might be wondering about a spellcheck in Blogger. There is not a spellcheck feature; instead, you need to turn on the spellcheck feature in your browser, which will then provide the red squiggle for typos when you edit in Blogger.  So if I type spellcheckk here in Chrome, I get the red squiggle, and if I then right-mouse click on that word, I get the following menu options:


The specific spellcheck features vary by browser; I have some notes for students about that here: Week 1 Orientation: Tech Tools (see "Browser Tune-Up"). If you can get students used to using the spellcheck features in their browsers, that will help them in all the typing they do online: email, blogging, anything they type in a browser-based text box.

Next up: editing post dates and labels for navigation purposes!