basti1012.bplaced.net

Das scheint gar nicht so einfach zu sein. Aber mit etwas Googeln konnte ich eine Lösung finden. Jetzt kommt beim Hover ein kleines Bild was verlink ist . So wie du es bei Bitcoins gesehen hast

Code

                                    
                                    <style>
h2{   
text-align:center;  
 font-size:34px;  
display:inline-block;   
margin-left:25%;
 } 
h2:before{   
 width:30px;  
 height:30px;
  content:''; 
  display:inline-block; 
} 
h2:hover:before{   
content:'';  
 background:url(https://bitcoin.org/img/icons/mini_ico_anchor.svg?1528322191);
   background-size:30px 30px; 
  width:30px; 
  height:30px;
   display:inline-block; 
  cursor:pointer;
 }   

</style>


 <h2 data-link="http://goggle.de">berschrift mit Link ansatz</h2> <div id="logs"></div>   


<script>
           span = document.querySelector('h2');  span.addEventListener('click', function (e) {   
    if (e.offsetX <30) {   
    h=$(this).data('link'); 
open(h)  
     } else {  
      } });    

</script>