Welcome, to my new playground. 😆
As I’ve noticed Tumblr being very liberal in regards to the use of javascript, and custom css. I’ve decided, no I’ve more or less chosen, to spend more time on my tumblr.
Things I’ve changed:
Custom CSS:
In the “ custom css ” section, of tumblr’s customize section.
pre.prettyprint { font-family: 'Noticia Text', serif; font-size:0.8em; overflow-x: auto; margin: 5px 5px 5px; color: #ff6600; background-color: #d3d3d3; } h1{font-family:'Ubuntu', sans-serif;font-size:1.8em;margin-bottom:0em;font-weight:bold;margin-top:0;text-shadow:4px 4px 4px #666666;} h4{font-family:'Ubuntu', sans-serif;font-size:1.4em;margin-bottom:0em;font-weight:bold;margin-top:0;text-shadow:2px 2px 2px #4c4c4c;} h5{font-family:'Ubuntu', sans-serif;font-size:1.2em;margin-bottom:0em;font-weight:bold;margin-top:0;text-shadow:4px 4px 4px #333333;} p{font-family:'Ubuntu', sans-serif;font-size:1.0em;text-align:left;margin-top:0.5em;margin-bottom:0.5em;text-shadow:1px 1px 1px #191919;text-indent:1em;padding:0.15cm;}
- For more on the “ Pretty print feature.
- For more, about “ how to display among things, onto your blog.
Google-Fonts
I’ve added “ google-fonts ” to the equation:
<link href="https://fonts.googleapis.com/css?family=Ubuntu&subset=latin,greek-ext" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Noticia+Text" rel="stylesheet" type="text/css" />
The acquiring of new skills.
And I’m learning new skills, as I go …
<a name="_top"></a> [TB]: https://www.tumblr.com/ "Tumblr main." [ddgw]: https://duckduckgo.com/?q=wysiwyg+!google "What you see is what you get" [ddgp]: https://duckduckgo.com/?q=plain+text+editing+for+die+hard+coders.+!google "Real coders prefer RAW! :-D" [ddgh]: https://duckduckgo.com/?q=How+to+use+markdown+on+tumblr+!google "Duck duck goose!" [MD]:http://daringfireball.net/projects/markdown/syntax+!google "Markdown's syntax." I'm so used, to either use [tumblr][TB]'s [wysiwyg][ddgw] editor, or its [plain-text][ddgp] one, while blogging/reblogging on here. That I had totally forgotten [about markdown][MD]. lol Granted, it takes a little time to get used to. But I like it so far. ;-) Ok, enough with the chitchat, it's time for ... *** **EXAMPLES** #### Example Header <h4> (let's stay modest, unless we wish to shout, the <h1> tag tends to give me that feel :-) ). # SEE WHAT I MEAN! HA! :-D ← <h1> ##### Example Section <h5>. This is a paragraph. This is another paragraph. **This word** will be in **bold**, and *this one* will be in *italics*. This is a para- graph with line- breaks. This is an unordered list, with hanging indents. * Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus. Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus. * Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse id sem consectetuer libero luctus adipiscing. This is an ordered list: 1. Apples. 2. Oranges. 3. Pears. > There is room for *a fancy quote*. >> « On this line. » How [to use markdown][ddgh] on [tumblr][TB]?
Speaking of javascript:
// Place the following, where you'd like your translate container to appear. // <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT, multilanguagePage: true}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
Custom search engine:
<script> (function() { var cx = 'getYourOwnDarnCode'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//www.google.com/cse/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> // Place the follwowing, where you'd like your cse to appear. // <gcse:search></gcse:search>
TinyURL:
TinyURL form:
<form action="https://tinyurl.com/create.php" method="post" target="_blank"> <table align="center" cellpadding="5" bgcolor="#E7E7F7"> <tr> <td> <strong>Enter a long URL to make <a target="_blank" href="https://tinyurl.com">tiny</a>:</strong><br /> <input type="text" name="url" size="30"><input type="submit" name="submit" value="Make TinyURL!"> </td> </tr> </table> </form>
Considering my tendency to tinker, while editing my tumblr’s html. Where apllicable, and available (and yes I checked them all! 😆 ), I turned on, the ssl counterpart, of every link I found in its source. It would be nice, if all parties concerned, would turn this on, by default. 😉
As for me,
I’ve more or less … “ Removed myself from the equation. ”
That’s all folks! 😆
Kindest regards,
Alex
ღ Ƹ̵̡ Ӝ̵̨̄ Ʒ ☆ ˜ ” * ° • . ¸ł¸ . • ° * ” ☆ ★ ☆ ę ˜
♫ d(。◕‿◕。)b ♪♪
Use the contact-form below, for feedback purposes.
You must be logged in to post a comment.