Essential Grid has an option to create a link to Share on Facebook, however when i try to put it, on the front end the link appears with javascript: void(0).
What can be the problem?
Also, is it possible to do with custom URL something like:
https://www.facebook.com/sharer/sharer.php?u={{postURL}}
I can do that in Revolution Slider but i dont know how to get the post URL in Essential Grid.
I have found a workaround!
add this link:
<i class="eg-icon-facebook-1"></i>
Here:
Source:https://www.themepunch.com/faq/social-sharing-alternative-2/
Related
I'm trying to build my own social sharing links on blogger
but the problem is that data:post.url doesn't retrieve the URL of the current post, it seems like it doesn't work at all.
And here's what I'm trying to do in more details:
1) I'd like to create my own sharing links so that my website runs faster than using third party plugins/websites — which usually inject tracking .JS and are not SEO optimized.
2) I'm totally aware that for data:post.url to work, I should first add the expression expr followed by href... for ex: expr:href
3) So the final code for a facebook sharing button is like this:
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Facebook Share'><i class="fa fa-facebook" aria-hidden="true"></i></a>
When I hover my cursor over Facebook sharing button (or click on it), I get http://www.facebook.com/sharer.php?u= without the current URL which means that data:post.url is not working
Is there a solution or an explanation to this?
Thank you.
Problem solved!
After that I posted this question here, I opened an old blog I made a long time ago for testing purposes and started observing the code until I found a similar one, which means that the above is correct.
I did a test, I pasted this one right before the closing </body> as I used to do and it didn't work. I then tried to paste it in front of the original code and guess what? It worked with no problem!
Well, it's totally normal, thanks to an article I read after that, I found out that there are two types of data: Those that can be accessed anywhere in the theme (Global) and those that can be accessed only under their appropriate widget (Local).
So data:post.url is a local type of data which can be accessed only under Post widget!
If you'd like to see a similar code functioning, search for Blog posts widget and paste it there under it.
To find Blog Posts widget, open the HTML of your theme, then on your keyboard click on CTRL+F and type Blog posts, you will be directed to title='Blog posts', paste your code anywhere between <b:widget title='Blog posts'... and </b:widget>. Save the changes and then visit your website to see how that perfectly works!
For my share buttons, I used another type of data that can be accessed anywhere in the theme: instead of data:post.url, I typed data:blog.url so that I can put the code right before </body>.
If you'd like to see how it works on my blog: Click Here
It should be work. But if not, have you try to remove that double quotes on that facebook link? 'http://www.facebook.com/sharer.php?u=+data:post.url' how it goes?
I would like to display this twitter feed located here:
http://www.mccabesirishpub.ca/kitchener/
would love if it can be done somehow as an iframe or something equivalent, please give me details with your answer as I am student and doing this to learn stuff, this part of a project we are doing.
Regards!
Well, you could do an iframe and reference the objects id in order to display on another site, but unfortunately twitter's widget doesn't have an id that you could use for that.
But the preferred process for making this exact widget is pretty simple. If you login to twitter and go to:
https://twitter.com/settings/widgets/
you can create this exact widget for any public twitter feed.
Twitter then gives you an html embed code that you simply paste in your html where you want it and boom, twitter feed.
Here's an example of a twitter feed I just made for the place you're asking about:
http://jsbin.com/kisetejoca/1/
Let me know if you have any questions. Good luck with your class! ;)
edit:
Did my answer help, or is there something else you need? If so, could you mark it as the correct answer?
How to make a wizard style like: http://www.codecademy.com/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8b (when open page then it shows a tooltip with "NEXT" button on it which explains how to use the application)
I have searched for JQuery Wizard or Steps on Google but nothing similar found. I have tried to use http://thecodemine.org/# a formwizard and adapt to my website but with no result because it is for forms.
If this isn't the place to ask questions as this, please tell me to delete.
Also you can use http://linkedin.github.io/hopscotch/ for normal
or http://bootstraptour.com/ if you using bootstrap
Try "Website Tour Plugin":
http://tympanus.net/codrops/2010/12/21/website-tour/
It is similar to your recommended link.
I just set up Facebook social plugin comments on my site, but I'm having a little trouble with them. When I get a notification saying that someone commented on something I commented on, if I click on that link I see no comments, but if I reload the page without the ?fb_comment_id=... then I can see the comments.
For instance:
http://www.5crideshare.jessepollak.me/rides/17?fb_comment_id=fbc_10150513336718064_21937866_10150513339773064&ref=notif¬if_t=open_graph_comment#f82002554
shows no comments, but
http://www.5crideshare.jessepollak.me/rides/17
shows comments.
Any ideas on what might be causing this?
Thank you very much,
Jesse
Because Facebook supposes that they are two different pages. While you are adding the plugin to your page, pay attention to data-href value.
Make your data-href value constant for the same page, although it may be requested with different URLs with extra querystrings.
When I look at your page source, clicked from notification:
<div class='fb-comments' data-href='http://www.5crideshare.jessepollak.me/rides/17?fb_comment_id=fbc_10150513336718064_21937866_10150513339773064&ref=notif¬if_t=open_graph_comment' data-num='{:posts=>2}' data-width='500'></div>
</div>
On this page, data-href value should be without unnecessary querystrings. It should be like this same with clear one: http://www.5crideshare.jessepollak.me/rides/17
Please have a look at http://500px.com/photo/3977429?from=popular. Down in the right corner, theres a sharing box. It looks pretty similar to sharethis. But, afaik, sharethis doesnt have embed or submit for example, and im looking for those options. Does anyone know which plugin is used here? Thanks
On the page you linked to, they didn't use anything like sharethis or addthis - they rolled their own. Looking at the code, its clear that they went to facebook, got the facebook like button, embedded it - then wen to google, got the google plus button, etc... and made a grid of them.
You can stylize the sharethis buttons with css to pretty much any extent,
or you can add a grid like that of your own.
The available alternatives to sharethis.com are :
addthis.com
addtoany.com
socialmarker.com
I'm sure there a a lot more out there, but those seem to be the most popular.
If you want something custom like they have and want access to the buttons
here are some sets of images you may be able to use:
http://speckyboy.com/2009/01/26/30-amazingly-creative-social-bookmarks-icon-sets/
Inspecting the source leads me to believe that it is custom work. The images, links and such are placed in the HTML serverside. Only the stumbleupon is pulled from stumbleupon itself. But also not trough some third party service like sharethis.