Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Friday, January 19, 2018

Blogger Posts - Adding a Code Box

This is a quick post I wanted to make, detailing how to add a code box to Blogger....something I've wanted to do for a while now.  Since Blogger allows users to easily toggle between the "Compose" and "HTML" post views, adding a code box can be easily achieved with the following bit of code:

<textarea name="textarea" cols="40" rows="4" wrap="VIRTUAL">
YOUR CODE GOES HERE
< /textarea>

The resulting code box looks like this:


The code box can be height and width adjusted by modifying the cols="100" and rows="50" values to your liking.

The final result is a tidy little place to paste code, which I greatly prefer to pasting the code directly to the post or boxing the code in with bounding lines.  This should come in very handy for future posts, and should increase the readability of any code I may copy to blogger as well.

Friday, September 1, 2017

Embedding Google Sheets to Blogger



This is a fairly simple process that I came across when toying around with some data from my Fantasy Football league.

I already had an existing Google Sheet document set up in Google Drive.  I was able to format everything to my liking within Google Sheets, and then paste a simple HTML code within blogger.....resulting in the embedded table you see above.  The table contains multiple tabs that can be toggled through to look at various statistics related to my fantasy football league.

The code I used to embed the document is below:
                                                                                                                                                            

<iframe height="400" src="INSERT URL HERE;headers=false" width="4000"></iframe><
                                                                                                                                                            

Google Sheets makes this fairly simple, even with very limited HTML knowledge.  The option to "Publish to the Web" and then "Embed" is available within Google Sheets, and provides the base code for embedding the document.  All I had to do was then define the "height" and "width" of the embedded table, which I included at the end of the script.





Work in Progress - Disputed Areas Map

I started this project as a fun change of pace from my normal GIS day-to-day, and as a way of brushing up on my cartography skills. For me,...