|
HTML - Social Apis
Hey board members - I've just coded a blog for my daughter and need to know how to make it interactive.
She wants to be able to "share" on twitter and facebook etc; she wants readers to "subscribe" and to have a newsletter mailing list. I understand html and CSS but am out of my depth when it comes to this newer stuff - is the correct term, server side extensions? Direction as to where to post this type of question would be appreciated. Cheers, Mal Similar TutorialsSo anyway, my boss wants them, I have no idea what they are, nor does he, because they don't seem to do anything nor do I really want to know. The code for them is fairly simple, my problem is I make 5-20 new pages per day just working on a file system and one more thing that has to be done for every page is yet more room for error and more wasted time. Is there any code in php or html that will plunk the url of the current page into the social bookmark code so I don't have to goto each one 5-20 times a day and copy and paste it in there? I think things will get a lot easier once I get my copy of dreamweaver but I would like to do this now if it is possible. Thanks... Codeguru PS- Or javascript code, just anything that might accomplish it. First off I am a novice with limited knowledge of code and building sites. I have used different programs over the past couple years in school but web design was not my focus or major. It just so happens I am starting a new venture and it is going to require a website to be fully operational. So here is my issue (one of many), I have a header I built for this website I am building. I build this header in photoshop 1000px x 200px. It contains my logo and some design. It is static. But in the bottom right hand of this header I want to add the social networking buttons. I have a spry widget set up for it (Jsocial Widget to be specific) but I can't get it to lay on top of the header. What is the other way I can accomplish this task... Facebook, Twitter, Youtube and I want an RSS link but I am not that far along yet so it would be something I would add later in the same location. Thanks in advance! How do I get these to show up side by side rather than on top of eachother with space in between them. for an example of what it looks like now go to www.ecxgaming.com/genericnews.html and check out the facebook like button, twitter, and google plus button. Here is the code: HTML Code: <div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div>
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="ecxgaming">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<g:plusone size="small" annotation="inline"></g:plusone>
<!-- Place this render call where appropriate -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!--End google like button-->
Thanks in advance I need help from people about making my site. i need login forms, chatting, mail, stuff like that. please post comments if you wish to help. Hey guys, I have this pretty big idea on making a social networking site. I would greatly appreciate it if you could help me with any ideas, or anything that would make this look any better. Also maybe some ideas on how it would look for a home page, and profile page. The signup page is http://azureonline.netau.net/pages/signup.php . Thank you! I am new to web building and almost done with my first website. There are 2 problems I am having and if they were to be solved I could finish completely. Any help on these two issues would be greatly appreciated. The url the everything is hosted at is hillsidemedicalbilling.com/ if you visit it you will notice what I am referring to. I am trying to place share buttons for some of the social networking sites on the page using custom icons. After 4 days of reading everything I can find on them I have gotten pretty close. It seems the Twitter button is the only one that is actually working, and even then, the title does not post with the link. All of the other ones bring up a page for the right website but it says "this page no longer exists." The second problem I am having is, the google + button will not align correctly (I want it to be centered with what is directly above it), I had the same problem with the facebook "like" button, but was eventually able to fix it by adding padding-left: 48px; to the CSS. After trying this with the google+ buttons, it does not respond. You will see what I have tried as I have left it on the CSS (but deleted padding-left: 58px; that I attempted unsuccessfully). All of the social networking buttons are within <div h2 name="logo"...name="social" Here is the markup I have figured out thus far: HTML Code: <div id="logo"> <h2 class="social"> <a target="_blank" rel="external" href="http://reddit.com/submit=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/reddit_wood.JPG" title="Reddit"/></a> <a target="_blank" rel="external" href="http://twitter.com/home?status=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/twitter_wood.JPG" title="Twitter"/></a> <a target="_blank" rel="external" href="http://www.linkedin.com/shareArticle?mini=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/linkedin_wood.JPG" title="LinkedIn"/><br /></a> <a target="_blank" rel="external" href="http://digg.com/submit?phase=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/digg_wood.JPG" title="Digg"/></a> <img target="_blank" rel="external" src="images/rss_wood.JPG" title="RSS" alt=""/> <a target="_blank" rel="external" href="http://www.stumbleupon.com/submit?url=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/stumbleupon_wood.JPG" title="StumbleUpon"/></a><br /> <div class="fb-like" data-href="http://hillsidemedicalbilling.com/" data-send="true" data-layout="button_count" data-show-faces="true" data-font="arial"></div> <br /> <div class="g-plusone" data-size="small" data-href="http://hillsidemedicalbilling.com/"></div> </h2> <h2 class="member"><a target="_blank" rel="external" href="http://www.nebazone.com/exam.html/"><img src="images/NEBA.JPG" /></a></h2> <h1 class="logo">Welcome To<br /><a href="http://hillsidemedicalbilling.com/"> <img src="images/HMBLogoMed.jpg" /></a></h1> </div> |
|||||||