Showing posts from 2025

Color Selector with Dropdown Pallette

This color changer has dropdowns on the buttons for selecting from a set pallette. The pallette colors can be chosen before installing. I like to use the HTML Color Codes site for help with making color choices.
Read more

Widget for Trying Out Different Colors on Your Site

This widget is a tool for site design where you can try out different color combinations for various sections of the home page. Not only for color choices, but it also can be used for analyzing margins and padding for improving the general layout of the page. It can also be for fun, just to see what different colors look l…
Read more
2 comments

Fix for Page Numbers on Labels

The page numbers widget was not showing up on the labels page so I was looking at the code. The issue was with the URL for the json script that reads the Atom feed for the labels. The page numbers script was parsing for a query string where one doesn't exist in the basic label links. It was giving a URL with the place …
Read more
3 comments

Colors

Can change a specific area or the entire page background, depending.
Read more

Character Escape Sequences

JavaScript character escapes:
\^, \$, \\, \., \*, \+, \?, \(, \), \[, \], \{, \}, \|, \/
HTML character entities:
   non-breaking space   &nbsp;   &#160; < less than   &lt;   &#60; > greater than   &gt;   &#62; & ampersand   &amp;   &#38; " double quotation mark   &quot;   &…
Read more

Buttons for Copying Codes

A couple of days ago I posted a way to add a copy button to a single code post. Now I have redesigned for pages with multiple codes posted so that any number of individual buttons can be added, one per code section. I have added it to my theme HTML, but the script would also work in an individual post HTML.
Read more
3 comments

Button for Copying Code

A code that can be inserted into a post so as to allow visitors to copy the code that is posted is here:
Read more

Breadcrumbs

Here is a breadcrumbs dealy bob that sits under the bar for results of archive, search, or label or over the post or page.It is written as an includable, called as follows:in <b:widget id='Blog1' inside and at beginning of <b:includable id='main'>, right before <b:include name='noContentPla…
Read more
3 comments

Colorful Share Links

These are for the links in the Share Button's list.
Read more

The Pagination

Following some help from the Not generating previous next links in Blogger thread at the Blogger Help Blogger Community forum, I have modified what I have in my theme to be as follows:
Read more

Built-In Syntax Highlighting

I found this at Moonshots Beyond the Cloud, at his article, How to Add Code Syntax Highlighting to Blogger . I found that HTML tags need to be added in compose view before switching to HTML view to add the <pre> and <code> tags around any code to be formatted.
Read more
3 comments

Comments Link on Main Page

This is for links to comments on the home page. The link shows only if there are one or more comments.
Read more

Sidebar Blog List Smaller

Making the Blog List Widget to appear like the Archive and Labels in the side menu:
Read more

Formatting Date

I wanted to have different formatting for the date and time, so I added something for it.In edit HTML, up near the <body> tag, just after the class conditions, I put:
Read more
2 comments

Modified Date

<p id="demo"></p>
<script> let text = document.lastModified; document.getElementById("demo").innerHTML = text; </script>
Read more

Blogger - Open In New Tab

This allows for escaping out of an iframe. It must go into the HTML. It works after the <body> tag.
Read more

Individual Pages in Blogger

I am trying to make one page different and was availing myself of the help provided at the Blogger Help forum, at the multiple static pages conditional tags thread.The code I pasted in the theme HTML was:
Read more

box-sizing breaks svg

I was looking up some things and wound up at W3Schools where it was suggested to put this at the top of the CSS (minus the comment):
Read more

Changes Made to Blogger CSS

What I have for the Links weblog at the top of the style rules in Blogger theme HTML:
Read more

Code for Blogger Theme to Change Inside Pages

I was able to get an inside page to appear with no header or share button by putting this line in the theme HTML, just after the <body> tag, with the other lines similar:
Read more

Formatting Posts

HTML <p>This is a simple HTML code </p>
Read more

Clearing White Space Around Header

#header{margin-top:-30px; margin-bottom:-10px;}body.item-view #header{margin-top:0; margin-bottom:0;} 
Goes in Add CSS in theme customize dropdown. First line covers the front page. Second line is to preserve the inside pages.
Read more

CSS For Blogger Weblog

To make the text underneath the copyright the same size and to size up the sidebar links for the gadget.
Read more

Length of Posts

I wonder if there's a way to truncate the posts so they appear only a set amount on the front page.                                                                                                                                                                                                                            …
Read more

The white box around Google Custom Search

The search form provided by Google has a block around it with a solid white background. It's okay on a white page but not so great otherwise. Here is a fix:
Read more

Form Input Background

This is a way to eliminate the background change on a form input when using a suggestion button on the keyboard. This is on an Android tablet.
Read more

Which link was clicked?

To detect which link was clicked inside an iframe:
Read more

Styling inside an iframe?

This would be kind of cool if it works. I don't really have a need for something like this right now but it would probably be fun to play with.
Read more

Always a problem

My Blogger profile link is not working from inside an inline frame.
Read more

Determining Whether Mobile or Desktop

I found this via the AI on Google search:
Read more

code posting

Thanks to hilite.me for the source code beautifier tool.
This code is from the Page Plugin by Facebook.At the top of the page, just after the body tag:
Read more

Code in Posts

Code block from How to add code snippets in blogger posts
Read more

Test

test 

Read more
6 comments

Hello

First post on new weblog.
Read more
1 comment
Subscribe to: Posts (Atom)