I tried adding the target="new" and target="_blank" in the code, but it's not working.
<b:loop values='data:links' var='link'>
<li expr:class='"social-item " + data:link.name'>
<a expr:href='**data:link:target**'>
<i class='item-icon fa'/>
<div class='remove-count'>
<data:link.name/>
</div>
<span class='item-text'>Followers</span>
</a>
</li>
</b:loop>
I'm not sure what's going on with your code but to make a link open in a new tab and nofollow you would do something like this.
<a href="" target="_blank" rel="nofollow" >Link Text</a>
Related
I have embedded a tiktok onto my site using the copy embed code on the tiktok, and I am happy with the layout of it on desktop screen. However, in mobile screen, I have used flex-direction: colun but this has caused some white space on both sides of the tiktok, i would like to get rid of this please, does anyone know how to?
<div class="luxx-tiktok">
<p>LUXX RENO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#luxxxreno/video/6999301519010958597" data-video-id="6999301519010958597" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#luxxxreno" href="https://www.tiktok.com/#luxxxreno">#luxxxreno</a> <p>1 v Verdansk | CC: #louicm_ <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ original sound - Luxx Reno" href="https://www.tiktok.com/music/original-sound-6999301469555919622">♬ original sound - Luxx Reno</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>AVERAGEANT</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#averageant_/video/7000467213442436358" data-video-id="7000467213442436358" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#averageant_" href="https://www.tiktok.com/#averageant_">#averageant_</a> <p>These doors are abit weird 😂<a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="edits" target="_blank" href="https://www.tiktok.com/tag/edits">##edits</a> <a title="viral" target="_blank" href="https://www.tiktok.com/tag/viral">##viral</a> <a title="gaming" target="_blank" href="https://www.tiktok.com/tag/gaming">##gaming</a> <a title="warzoneclips" target="_blank" href="https://www.tiktok.com/tag/warzoneclips">##warzoneclips</a></p> <a target="_blank" title="♬ original sound - Ant" href="https://www.tiktok.com/music/original-sound-7000467080210320133">♬ original sound - Ant</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>SPODERBRAD</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#spoderbrad/video/7000351531686022405" data-video-id="7000351531686022405" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#spoderbrad" href="https://www.tiktok.com/#spoderbrad">#spoderbrad</a> <p>Who wants to run some games? <a title="callofduty" target="_blank" href="https://www.tiktok.com/tag/callofduty">##callofduty</a> <a title="bradspoder" target="_blank" href="https://www.tiktok.com/tag/bradspoder">##bradspoder</a> <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a></p> <a target="_blank" title="♬ original sound - Streamer | SpoderBrad" href="https://www.tiktok.com/music/original-sound-7000351296293292805">♬ original sound - Streamer | SpoderBrad</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
<p>KEEZO</p>
<blockquote class="tiktok-embed" cite="https://www.tiktok.com/#kkeezo/video/6997128140489362694" data-video-id="6997128140489362694" style="max-width: 605px;min-width: 325px;" > <section> <a target="_blank" title="#kkeezo" href="https://www.tiktok.com/#kkeezo">#kkeezo</a> <p>how a 4KD player uses hacks! <a title="luxxmob" target="_blank" href="https://www.tiktok.com/tag/luxxmob">##luxxmob</a> <a title="cod" target="_blank" href="https://www.tiktok.com/tag/cod">##cod</a> <a title="codclips" target="_blank" href="https://www.tiktok.com/tag/codclips">##codclips</a> <a title="warzone" target="_blank" href="https://www.tiktok.com/tag/warzone">##warzone</a> <a title="warzonebestclips" target="_blank" href="https://www.tiktok.com/tag/warzonebestclips">##warzonebestclips</a></p> <a target="_blank" title="♬ My Potna Dem - $ILKMONEY" href="https://www.tiktok.com/music/My-Potna-Dem-6776999844323002370">♬ My Potna Dem - $ILKMONEY</a> </section> </blockquote> <script async src="https://www.tiktok.com/embed.js"></script>
i'm building an hybrid angular app and i have a problem with my dropdown menu. It doesn't open, instead, it redirect me. I think the dependency are loaded in the correct order. I'm using bootstrap 3.1.1 and jquery 2.1.3. This is the html code i refer to:
<li class="dropdown">
<a data-toggle="dropdown" href="#" style="padding-right: 7px;padding-left: 7px;" class="dropdown-toggle" ng-click="$event.stopPropagation(); opzioniIndexIsOpen = !opzioniIndexIsOpen" title="Apri">
<span class="sr-only">Opzioni</span>
<span class="nav-label-container hidden-sm hidden-md">
<span class="nav-label"><i ng-class="opzioniIndexIsOpen ? 'caret fa fa-chevron-down' : 'caret fa fa-chevron-up'"></i></span>
<span class="nav-sublabel" style="opacity: 0.0; margin-top: 20px; ">{{debugInfo}}</span>
</span>
<span class="visible-md visible-sm">
<i class="opzioniIndexIsOpen ? 'caret fa fa-chevron-down' : 'caret fa fa-chevron-up'"></i>
</span>
</a>
<ul class="dropdown-menu">
<li class="dropdown-header" style="border-bottom:1px solid">Versione</li>
<li><a tabindex="" title="" href="javascript:void(0);" style="cursor:default">{{currentVersion+'DB'+currentVersionDb+'FL'+currentVersionFlussi+'_'+currentVersionBackend}}</a></li>
<li ng-hide="links.length === 0" class="dropdown-header" style="border-bottom:1px solid">Link Utili</li>
<li ng-repeat="collegamento in links track by collegamento.id">
<a tabindex="" target="_blank" title="Apri Collegamento" ng-href="{{collegamento.link}}" style="cursor:default"><i class="fa fa-external-link "></i> {{collegamento.descrizione}}</a>
</li>
<li class="dropdown-header" style="border-bottom:1px solid">Operazioni</li>
<li><a tabindex="" title="" href="#/gestioneOffline"><i class="fa fa-signal"></i> Gestione Offline</a></li>
<li ng-if="!mostraOff"><a tabindex="" title="" href="#/cfg/homeConfig" ng-if="abilitazioni.CONFIGURAZIONE_IMPOSTAZIONI"><i class="fa fa-cogs"></i> Configurazioni</a></li>
Apri un ticket a HD Sole -->
<li><a tabindex="" title="" href="#" ng-click="apriPopupSegnalazione()"><i class="fa fa-headphones"></i> Apri un ticket a HD Sole</a></li>
<li><a tabindex="" title="" href="#" ng-click="toContesto()"><i class="fa fa-user"></i> Contesto di lavoro</a></li>
<li><a tabindex="" title="" href="#" ng-click="logout()"><i class="fa fa-sign-out"></i> Esci</a></li>
</ul>
</li>
This is the styles and scripts i load:
"styles": [
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/isteven-angular-multiselect/isteven-multi-select.css",
"node_modules/fullcalendar/dist/fullcalendar.min.css",
"node_modules/font-awesome/css/font-awesome.min.css",
"node_modules/angular-snap/angular-snap.min.css",
"node_modules/nvd3/nv.d3.min.css",
"node_modules/angular-ui-bootstrap-datetimepicker/datetimepicker.css",
"node_modules/angular-toggle-switch/angular-toggle-switch-bootstrap.css",
"node_modules/angular-block-ui/dist/angular-block-ui.css",
"node_modules/angular-ui-select/select.css",
"node_modules/selectize/dist/css/selectize.default.css",
"src/styles.css"
],
"scripts": [
"node_modules/jszip/dist/jszip.js",
"node_modules/jquery/dist/jquery.min.js",
"node_modules/moment/moment.js",
"node_modules/moment-timezone/moment-timezone.js",
"node_modules/moment-timezone/moment-timezone-utils.js",
"node_modules/sifter/sifter.min.js",
"node_modules/fullcalendar/dist/fullcalendar.min.js",
"node_modules/fullcalendar/dist/gcal.js",
"node_modules/fullcalendar/dist/lang-all.js",
"node_modules/datatables.net/js/jquery.dataTables.min.js",
"node_modules/spin.js/spin.js",
"node_modules/datatables.net-plugins/sorting/datetime-moment.js",
"node_modules/angular/angular.js",
"node_modules/angular-resource/angular-resource.min.js",
"node_modules/angular-translate/dist/angular-translate.min.js",
"node_modules/angular-i18n/angular-locale_it-it.js",
"node_modules/angular-route/angular-route.min.js",
"node_modules/angular-ui-utils/modules/utils.js",
"node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js",
"node_modules/angular-sanitize/angular-sanitize.min.js",
"node_modules/angular-ui-select/select.js",
"node_modules/bootstrap/dist/js/bootstrap.js",
"node_modules/angular-datatables/dist/angular-datatables.min.js",
"node_modules/datatables.net-responsive/js/dataTables.responsive.js",
"node_modules/angular-snap/angular-snap.min.js",
"node_modules/snap.js/dist/snap.min.js",
"node_modules/angular-toggle-switch/angular-toggle-switch.min.js",
"node_modules/angular-spinner/dist/angular-spinner.min.js",
"node_modules/d3/d3.min.js",
"node_modules/nvd3/nv.d3.min.js",
"node_modules/angularjs-nvd3-directives/dist/angularjs-nvd3-directives.min.js",
"node_modules/ckeditor/ckeditor.js",
"node_modules/ng-file-upload/dist/angular-file-upload.min.js",
"node_modules/angular-ckeditor/angular-ckeditor.min.js",
"node_modules/angular-css-injector/angular-css-injector.min.js",
"node_modules/ui.bootstrap.datetimepicker/dist/datetime-picker.min.js",
"node_modules/angular-block-ui/dist/angular-block-ui.min.js",
"node_modules/node-forge/dist/forge.min.js",
"node_modules/ngjs-color-picker/js/ngjs-color-picker.js",
"node_modules/angular-ui-calendar/src/calendar.js",
"node_modules/draggabilly/dist/draggabilly.pkgd.min.js"
]
Edit: The console of the browser doesn't show any error.
I'm using Angular 10
Please remove <a> tag inside <li>
tag has a href which will redirect you to the path "#".
Putting ng-click event on <a> tag is not a good idea.
Please see the example here where another person is having same issue:
href overrides ng-click in Angular.js
Hint: You can use a <button> to bind the click event function.
If you are only limited to use <a> tag, please try this method which I got reference from above post.
OR
i found a solution. I used
<a data-toggle="dropdown" href="#" style="padding-right: 7px;padding-left: 7px;" class="dropdown-toggle" ng-click="$event.preventDefault(); opzioniIndexIsOpen = !opzioniIndexIsOpen;" title="Apri"></a>
Instead of:
<a data-toggle="dropdown" href="#" style="padding-right: 7px;padding-left: 7px;" class="dropdown-toggle" ng-click="$event.stopPropagation(); opzioniIndexIsOpen = !opzioniIndexIsOpen" title="Apri"></a>.
Still, i cannot understand the cause of the problem. In the AngularJS project, this piece of code worked normally.
I'm using Wordpress.com
I have multiple jump links destinations on 1 page but it all goes to the bottom of the correct page.
My target code looks like this:
<h3 style="text-align:justify;"><a name="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a name="sg"></a>Social Guarantor</h3>
<h3><a name="pwd"></a>Persons with disabilities</h3>
My link there looks like this:
<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">
It all goes to the correct page but at the very bottom of the page. help please?
To link to a specific location on a web page, use an anchor tag and the id attribute instead of name
Like : <h1 id="destination">Heading Text</h1>
<h3 style="text-align:justify;"><a id="grt"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="pwd"></a>Guarantor</h3>
<h3 style="text-align:justify;"><a id="sg"></a>Guarantor</h3>
<a href="http://melissalsh.com/#grt" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#pwd" target="_blank" rel="noopener">
<a href="http://melissalsh.com/#sg" target="_blank" rel="noopener">
I've coded http://www.meghanbustardphotography.com/home/ and have linked each image to a different page (html code below). However, only the first link in each row is functioning. How can I fix this?
<div class="row" class="aligncenter">
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/09/colin-karlee-abbotsford-backyard-wedding/">
<div id="colinkarlee"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/09/andrew-rebecca-whytecliff-park-engagement/">
<div id="andrewrebecca"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/05/justin-hilary-south-bonson-wedding-2/">
<div id="justinhilary"></div>
</a>
</div>
<div class="row" class="aligncenter">
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/07/greg-amanda-beach-grove-wedding/">
<div id="gregamanda"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/10/cory-nicole-fort-langley-little-white-house-wedding/">
<div id="corynicole"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2013/09/mike-renae-whonnock-lake-portraits/">
<div id="mikerenae"></div>
</a>
</div>
<div class="row" class="aligncenter">
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/08/david-gastown-portraits/">
<div id="david"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/09/brent-stephanie/">
<div id="brentstephanie"></div>
</a>
<a target="_blank" href="http://www.meghanbustardphotography.com/blog/2014/08/sean-brittany-langley-golf-centre-wedding/">
<div id="seanbrittany"></div>
</a>
</div>
By taking a look at your real page, only 1st column has < div > inside < a >< /a >
<a href="http://www.meghanbustardphotography.com/blog/2014/09/colin-karlee-abbotsford-backyard-wedding/" target="_blank">
<div id="colinkarlee"></div>
</a>
For 2nd and 3 column, I see the < div >(s) are outside of < a >< /a >. That's the reason why they are not clickable
<div id="andrewrebecca"></div>
<div id="justinhilary"></div>
Put <div id == ... >
INTO <a target .. /a>
I did it and the links worked after that.
I can provide pictures if you don't know what I mean
You have a bunch of <p> links in your view page source code that do not have closing </p> tags associated with them. Try taking those out and see if that helps.
Also, check out the order of the <a> and <div> tags in your actual code. They're not matching what you pasted in your question.
I think it might wordpress not processing/showing your HTML directly. Try these:
https://wordpress.org/plugins/insert-php/
https://wordpress.org/plugins/allow-php-in-posts-and-pages/
I go to http://blueimp.github.io/Bootstrap-Image-Gallery/ and click on the blue button that says Launch Image Gallery. I notice the images have titles.
I can get the images to work... but I can't display the titles or image captions.
See: http://communitychessclub.com/chessresearcher/ and click on gallery tab in bootstrap navbar menu at the top. Images, yes... titles or captions... no.
I used chrome inspect element but it makes no sense to me.
Sample of my markup:
<div id="links">
<a href="images/Evening%20Park,%20Kharkiv_2011.JPG" title="Evening Park, Kharkiv 2011" data-gallery> </a>
<!--<a href="images/Main%20Photo.jpg" title="test" data-gallery> </a>-->
<a href="images/Kharkiv_2011.jpg" title="Kharkiv, 2011" data-gallery> </a>
<a href="images/Kharkiv_2013-1.JPG" title="Kharkiv, 2013" data-gallery> </a>
<a href="images/Kharkiv_2013.JPG" title="Kharkiv, 2013" data-gallery> </a>
<a href="images/Lavaur,%20France_2011-1.JPG" title="Lavaur, France 2011" data-gallery> </a>
<a href="images/Lavaur,%20France_2011.JPG" title="Lavaur, France 2011" data-gallery> </a>
<a href="images/New%20Year,%20Kharkiv_2012-13.JPG" title="New Year, Kharkiv 2012-13" data-gallery> </a>
<a href="images/Switzerland,%20Zurich_2011.JPG" title="Zurich, Switzerland, 2011" data-gallery> </a>
<a href="images/Winter,%20Kharkiv_2011.JPG" title="Winter, Kharkiv 2011" data-gallery> </a>
</div>
Anyone have any ideas?
Kudos, on your website.
When i checked it with Firebug I saw that the title is not being rendered at last please check it with your jquery plugins.