I use plugin addthis in share option I use the default (share web pages), but in like(facebook), twitter, and google+ I want with my definition. Here my Code :
<div class="addthis_toolbox addthis_default_style" style="float:left">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" href="http://www.website.com/"></a>
<a class="addthis_button_tweet" href="http://www.website.com/"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium" href="http://www.website.com/"></a>
<a class="addthis_counter addthis_pill_style"></a>
But this code not work in my web..
Replace "href" with "addthis:url". To specify title as well, use "addthis:title". Full documentation can be found here:
http://support.addthis.com/customer/portal/articles/381263-addthis-client-api#.UFczI6SXRuo
Here is what your code should look like:
<div class="addthis_toolbox addthis_default_style" style="float:left">
<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.website.com/"></a>
<a class="addthis_button_tweet" addthis:url="http://www.website.com/"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium" addthis:url="http://www.website.com/"></a>
<a class="addthis_counter addthis_pill_style" addthis:url="http://www.website.com"></a>
</div>
Related
I wrote following code in main-page.html
<a href="" class="arrow">
<img th:src="#{/image/right-arrow.png}" alt="back">
</a>
but it said that no mapping
No mapping for GET /image/right-arrow.png
why it is happening? It is also not working for css
my resource files screen
I have added addthis to a Joomla site. By default it loaded like this:
<div class="addthis_sharing_toolbox"></div>
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxx"></script>
And it looks like this:
I have enabled JCH (to improve speed), but addthis is not working. I have to keep JCH. I manage to make it work, using following code:
<div class="addthis_sharing_toolbox addthis_default_style addthis_64x64_style" data-title="title">
<a class="addthis_button_facebook at-icon-wrapper at-share-btn at-svc-facebook" style="cursor:pointer"></a>
<a class="addthis_button_twitter" style="cursor:pointer"></a>
<a class="addthis_button_google_plusone" style="cursor:pointer"></a>
</div>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-xxx"></script>
As you see I have added the tags with the icons, in that way they load, but the styling is totally different, how can I keep same design?
The answer is here: https://www.addthis.com/academy/customizing-the-addthis-toolbox/.
In my div I had the class "addthis_sharing_toolbox" but I had to use "addthis_sharing_toolbox"
<div class="addthis_toolbox addthis_default_style addthis_64x64_style">
<a class="addthis_button_facebook"></a>
<a class="addthis_button_twitter"></a>
<a class="addthis_button_google_plusone"></a>
</div>
I want to change the link of the href when I click the first paragraph. I tried setting a target but that doesn't seem to work.
<a href="https://youtu.be/DM1sdIntawg" target="youtube">
<p>Click to change the link to the video</p></a>
<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
<p>This is the changed link to the video</p></a>
I don't believe this is possible without client-side javascript (although I'm not sure about the capabilities of HTML5)
Try this inline code...
<a href="https://youtu.be/DM1sdIntawg" onclick="document.getElementById('youtube').href = this.href;return false;">
<p>Click to change the link to the video</p></a>
<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
<p>This is the changed link to the video</p></a>
Or the same thing using a function...
function changeLink(ctrl) {
document.getElementById("youtube").href = ctrl.href;
}
<a href="https://youtu.be/DM1sdIntawg" onclick="changeLink(this);return false;">
<p>Click to change the link to the video</p></a>
<a id="youtube" name="youtube" href="https://youtu.be/XphhA4djzko">
<p>This is the changed link to the video</p></a>
I'm trying to make my tumblr posts link directly to the source when clicked rather than going to the post page and having the source link there to click.
Here's the code I have for the photo posts.
{block:Photo}
<div class="permalink">{MonthNumber}.{DayOfMonthWithZero}.{ShortYear}</div>
<div class="photo">
<div class="photobox"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></div>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</div>
{/block:Photo}
I've tried changing the photobox 'permalink' to source etc with no avail.
Anyone got any ideas?
In the hope that someone who needs this will find it, here's a way I found to show {LinkURL} when it's available, and some other url when it's not.
Tumblr offers {block:LinkURL} to display some code when {LinkURL} is available, but there's no {block:NoLinkURL} to use when {LinkURL} is NOT available.
Ideally, this should be possible:
<a
{block:LinkURL}href="{LinkURL}"{/block:LinkURL}
{block:NoLinkURL}href="{Permalink}"{/block:NoLinkURL}> <!-- does NOT work -->
<img src="{PhotoURL-400}"/>
</a>
But {block:NoLinkURL} doesn't exist, so I'm using {block:LinkURL} to hijack the normal link instead:
<a {block:LinkURL} href="{LinkURL}" data-ignored-{/block:LinkURL}href="{Permalink}">
<img src="{PhotoURL-400}"/>
</a>
If {LinkURL} is available both links will be in the HTML, but only one is read.
Example output
This is the output when {LinkURL} is not available:
<a href="/permalink">
<img src="/image.jpg"/>
</a>
And this when is the output when {LinkURL} is available:
<a href="/linkurl" data-ignored-href="/permalink">
<img src="/image.jpg"/>
</a>
after comments edit
It should be <a href="{LinkURL}">
You have to make sure when you're adding the image that you've specified the target as outside of tumblr too.
Guys I am about to get a massive headache here. First of all, I am working on a website and everything seems to be runng. So, I had difficulties with making them links etc. so I tried to add the addthis.com plugin which would do all of that automatically. But, when I add that everything seemed to crash so I have made a quick jsFiddle to show you what I want. Here: http://jsfiddle.net/cSP9Q/1/ the problem is that I want to change those icons to mine which you can see on the first link and I just can't seem to change the spacings in between the icons. Furthermore, is there anyway of deleting the bubble with the counter because that just looks ridiculous.
HTML
<div id="social"><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"><img src="your_image_url" /></a>
<a class="addthis_button_preferred_2"><img src="your_image_url" /></a>
<a class="addthis_button_preferred_4"><img src="your_image_url" /></a>
<a class="addthis_button_google_plusone"><img src="your_image_url" /></a>
<a class="addthis_button_compact"><img src="your_image_url" /></a>
</div>
<!--javascript goes here-->
</div>
Example and Reference.
NOTE: your link http://www.aasingercom.ipage.com/php/ doesn't work, anyway.