I generated HTML (on publish.twitter.com) to create a twitter share button on my website. The button does not show on the website. The code is below. I added the "glurb" paragraph to see whe it appears. It does. I also put the required script in my scripts section. The code is
<div>
<p>glurb</p>
Tweet
</div>
And the script is:
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Related
This is the code I have right now for the HTML twitter embed:
<a class="twitter-timeline" data-width="280" data-height="440"
data-theme="dark" data-link-color="#E81C4F"
data-chrome="noheader nofooter noborders transparent noscrollbar"
href="https://twitter.com/CodeLacuna?ref_src=twsrc%5Etfw">
Tweets by CodeLacuna
</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
I am using it for a site on wix. However, despite changing the code to have "noscrollbar", there is still a scroll bar! Which makes no sense. So I'm wondering if perhaps there is some sort of update with the coding that I need to take into account for? I can't do CSS as I am only limited to HTML.
Here is a screenshot of what the result of the code looks like The top and bottom borders are separate assets I added myself.
Not quite the same but might work for you...? Does adding this to the anchor tag still work these days (replace with your number)?
data-tweet-limit="2"
The company I work for just got the Google Partners Badge and they have asked me to add it to the main website as one of the logos, both in the navbar and in the footer.
However, they just sent me a link and not the logo in itself. So I was wondering what the best option to add this badge is.
Should I do an <iframe src="www.loremipsum.com/partner.html"> or should I ask for or look for an img of the badge and link it to the Google Partners website such a <img src="images/loremipsum.png">
Thank you very much.
Try using this code:
<script src="https://apis.google.com/js/platform.js" async defer></script>
<div class="g-partnersbadge" data-agency-id="XXXXXXXXXX"></div>
I am trying to put a picture underneath my Google adsense ads on my website but I cant get it to work. It could be that I suck with CSS but I was wondering if anyone knew how to put a picture under it. I am doing this so if someone has ad blocker there will be the picture there instead saying ads support us please disable your adblocker. Here is the code for my test ad.
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9190588463236669";
/* herp */
google_ad_slot = "8389049989";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
I take it you mean hidden underneath the Google AdSense block so that the user only sees it if no AdSense ads are allowed to run?
I can't think of any way you could do that using HTML and CSS. Instead you could try using a noscript element to tell your web page how to render if the AdSense JavaScript block cannot be executed because scripts are disabled.
For example:
<script type="text/javascript">
<!-- AdSense code goes here as normal -->
</script>
<noscript>
<img src="images/ads-support-this-site.jpg" width="750" height="75" alt="Ads support this site. Please do not use plugins to disable ads." />
</noscript>
This should allow you to show a chosen JPEG image (and/or other HTML markup) if the script block does not run.
See the HTML5 noscript element definition on the W3 site for more details.
I haven't read the Google AdSense terms and conditions for a long time, and Google have always been fussy about changes made to their code. So you might want to contact Google and check with them that a noscript block is permitted by their terms and conditions, to avoid upsetting them and being kicked from the programme.
Can anyone shed some light to this situation: I have a link that opens in a modal, i add a link and a button that are set to go to the same url. If i click the link, the modal goes to the link, and shows the article properly. If i click the button, it shows the article embedded on the page.
Here's the url, click on newtest2
http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=category&id=1&Itemid=2
Here's the code
<head>
<script type="text/javascript">
function change_url(){
window.location.href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2"
}
</script>
next
</head>
<body>
<button onclick="location.href='http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2'">Next</button>
</body>
</html>
There is a apparent difference, being that the link calls window.location, while the button just sets location, but this is semantically the same.
That popup you got is created by JavaScript. So the link is just used for its url, but when you click it, a script gets executed that loads the content asynchronously and shows it in a popup.
This script does not affect the button (though it could). Find the script that does this and apply it to the button too.
A workaround could be:
<a href="http://zaazoolive.thewebbusters.com/index.php?option=com_content&view=article&id=1:newtest&catid=1:test&Itemid=2">
<button></button>
</a>
Edit: Although it's working, is not a recommended code, as HTML spec clearly says that using tag for item is invalid, so treat this ONLY as a workaround.
P.S. Why are you using <a></a> in section head?
I wish to provide a quick demo about the contents of my website and how to use them in a proper way as soon as a user visits my page. I wish to give the demo using a popup type window at the top.
I mean small information boxes informing user about the various steps one by one. Can anyone help me how to do this?
Look at the jQuery UI dialog, it's fully customisable, or consider using some sort of tool tip idea, when you mouse over a part of the page feedback to the user what the section in question is for (via hovering mouse overs etc).
One simple way to do this is with javascript.
Try this
<script type="text/javascript">
alert("Hello world!");
</script>
visit this page for more information.
know this question is old but try intro.js
include js/css
<link rel="stylesheet" href="css/introjs.min.css">
<script type="text/javascript" src="jquery/intro.min.js"></script>
then on each item you want to show tutorial add the following
data-step="1" data-intro="Enter tip text"
<div class="span6" data-step="1" data-intro="Click here for help">
<div class="span6" data-step="2" data-intro="Click here for home page">