Mission Impossible : Can You Build a Better Blogspot Search Utility

Unfortunately, this gets defeated by :

Access to fetch at 'https://www.blogger.com/profile/16603721268975096125' from origin 'https://frontendkaizen.blogspot.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

The idea:

blogspot (aka Google's blogger platform) gives you a search field per blog that you can use to search that blog.

What if you want to give the reader a way to search all your blogs at once?

We want a blog post (that we will ensure is at the top) that contains a simple UI that accepts search terms and has two buttons - "This blog" and "All blogs". Getting the link to the "profile" page, that has links to the other blogs is easy, done with chatGPT. See the file get_profile_link.txt.

So, the deliverable is HTML + javascript code that can accomplish this. The javascript needs to use the link to the profile page to load that page and get the links to the other blogs and then return a page of links containing titles of the posts. This is another place where the default search in blogger is broken - it directly gives you the entire posts without an easy way to look at all results and go to the one that is most interesting to you.

You can let me know what is and is not possible. In this case, constructing the URL for the search results from blogspot is easy. But, capturing the resulting page and extracting titles and building a new page to return may not be.

It would be on-demand web scraping using JS. the user has entered "my query".

Then, for a given blog link, the page containing the results is just (for example): https://blogname.blogspot.com/search?q=my+query.

This has a page of blog-posts, which needs to be scraped using JS to serve up a new page of titles. (Of course, you need to aggregate the titles resulting from the search of all blogs on the profile page).

the rest of it

Comments

Post a Comment

Popular posts from this blog

How Should You Put Your Text in a Box?

Image
Per the great bloggers, it helps your cause to put your message in a box But, how? I mean, easily? :) Do it once (use these steps, which I got from chatGPT) and, once you have a blog that you can look at in edit mode, you can always cut and paste. Go into Edit HTML mode. If necessary, use a tool like freeformatter.com to make the HTML that your blogging platform creates for you readable (with indentation, etc). Now, locate the text you want to enclose in a box and surround it with : <div style="border: 2px solid COLOR_OF_CHOICE; padding: 10px;"><p><span style="font-family: FONT_OF_CHOICE;"> and </span></p> </div> NOTE : With very little text, you may benefit from adding : display: inline-block; max-width: max-content; //within the style setting For chatGPT: (click to select) When I say 'FORMAT,COLOR,WIDTH,PAD:', followed by some text, please generate HTML tags that ...
Read more

Tricks : Getting Image URL When Page Doesn't Want You To!

This one for example. Why? A good reason I guess... Thankfully , what one can invent, another can discover as Dr. Doyle puts it.. Open Chrome Developer Tools (Right-click > Inspect) Expose the Application menu (might need the right pointing chevron >> ) This gives you a new left panel that has menus like Manifest, Storage, Cache, etc. Scroll down and use the expansion arrow under Frames Then expand Images If, after this you don't k how to grab the URL, hey, McD is hiring 😊
Read more

A Web Interface to Try Dual Key Caesar Cipher Encryption and Decryption

https://frontendkaizen.blogspot.com/2022/03/dual-key-caesar-cipher.html Give it a try. If it looks less pretty than it could, it's because I don't know how to hack Blogger well enough 😊 If you Google "decode caesar cipher", you get to : https://www.dcode.fr/caesar-cipher https://www.boxentriq.com/code-breaking/caesar-cipher https://www.thewordfinder.com/caesar-cipher-solver/ All of which are okay for a single key - for encoding. One of them probably does true solving in the sense of finding the best candidate after brute force searching. But none does true code-breaking by looking at character frequency (unless they do😊). But what about two keys?!! There wasn't anything online (for decrypting that is. The dcode site does do encryption, but is really hard to use) Until now :) Give it a try :  https://frontendkaizen.blogspot.com/2022/03/dual-key-caesar-cipher.html Kudos to Tamer Abd Alrazaq for porting the java to javascript and getting it to work in the blink of ...
Read more