How to add a popover link on tumblr - javascript

I'm a new user to Tumblr and I see other people with links to their blogs commented on their posts. I know how to use HTML to add and edit the link, but how do I include the popover feature that appears when you hover over a blog link?
Is there a built in way to do it via the post editor, do I need to edit my template, or is there something else I'm missing?
I have tried googling it and inspecting the page, but have had no luck. Could someone please point me in the right direction or show me the code for how to do this?
Thank you for your time.

It turns out all I need to do is just add a link that's an actual blog.

Related

How do I add javascript to an individual tumblr blog post?

The similar questions that have accepted answers no longer work. Please actually test before giving an answer. I've tried clicking on the "HTML" setting to edit the HTML. I put <script> alert('test') </script>. When I save it, Tumblr just puts the script inside a <p></p>.
I'm wanting to showcase Highcharts and d3 graphs in my posts. I need javascript for this. Thanks in advance.

Disabling OnClick action for lightbox blog featured image

I'd like to disable the lightbox pop up for the featured images on both my blog and tutorials landing pages.
Best case scenario, the photo would link to the article but if not, I'm happy with it just not being clickable at all. I'm not good at javascript and have researched enough to know it's on the onclick action I need to disable but can't successfully figure out how to apply it to my required pages.
Could anyone please help me with the correct code(s)? Any help is greatly appreciated!
The pages I'm trying to disable this function on are
https://katiakolour.com/tutorials/
https://katiakolour.com/blog/
But your links are pointing to images.
Obviously, changing href attribute of your links from images to articles would make more sense than "Disabling OnClick action".

Add View Source Code Button

Is there any way to add view source code button to quilljs editor?
I looked into the documentation and no explanation for this or should be developed by the developer.
Any help will be appreciated.
Thanks
I haven't extensively looked at the api but I think you are best off rolling your own button. It seems quill.js allows you to add your own custom toolbars to the documentation. I would look at this page to do that. http://quilljs.com/docs/modules/toolbar/
You can add an on click on the button that simply gets the editor's html and puts it in an element using this. var html = editor.getHTML(); http://quilljs.com/docs/api/#quillprototypegethtml
Sorry to be brief, but if you need more info on how you can comment below.

Drop down menu for blogger

I am creating my first personal blog and I have a problem (you have to know that I am not good at using pc^^).
My website is:
http://test12341234.blogspot.it/
(I don't want to promote it. But if you can, please cancel the link after I have received an answers).
I could create a drop down menu with javascript on blogger (I have copied a code that I found while surfing on internet).
Now I have to solve the last problem: I would like to know how I can regroup all the posts inside the drop down menu since I can't link the posts, which I published andh which you can see in the Homepage, to the drop down menu (where I would them to be regrouped, but where I can't find anything).
I hope you have undertood (I'm not english and I speak as a little child^^).
Thank you very much!

Creating a Login System like Battle.net

I'm trying to create a login system like http://us.battle.net/en/. The page is fully functional, then when you click on the "Log In" link, the page becomes dark and you can no longer interact with any of the images or links from the original page. A square box comes up, which you can interact with to login to the site, put you can still see everything from the original page.
I've been searching and searching and I can't find what I'm looking for. I just need some ideas to get me pointed in the right direction and I can go from there.
Thanks everyone!
Maybe something like jQuery UI Dialog could help you. Checkout the modal example.
Have a look into Colorbox - it's a jQuery plugin, very easy to use, and does exactly what you want.
The effect of graying out the page and showing a popup dialogue box is called a "modal" dialogue box.
I believe the functionality you are referring to is called a lightbox.
There are dozens of jQuery lightbox plugins around, a quick Google search suffices; FancyBox, for example, is a pretty nice one.

Categories