|
HTML - Add Social Bookmarking In Blogger
Similar TutorialsHey 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 So 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. 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 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 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. 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! K, i have a blogger page and I'm quite familiar with HTML and a bit of CSS. My site is a blog and a bit of tutorials. Now the problem is, the text editor for blogger is also an html editor (you'd have to use blogger to know what i mean). So when I try to put something like: Code: <body><p>Hello</p></body> It will say the "body" tags are not allowed and since it's an HTML editor too it will write "hello". I need to insert a widget right into the blog or something. know i can use screen captures but they take too long. Please Help. I want to add a banner in post's footer, i'm using this template: http://btemplates.com/2009/11/28/mystique/ I read that I had to put html banner code inside: <div class='post-footer-line post-footer-line-3'/> </div> but I don't have that on my html code. Does anyone know how to do it? I have a blog at blogger.. I installed a premade template..and tweaked a little to include my own header.. I also changed the color of the site description.. but i cant seem to change the color of the title.. http://tshirtjunkieindian.blogspot.com this is my blog.. I dont know anything about HTML..Please help me.. I'll post code if you instruct me which part to post.. Thanks in advance Hi, I have a basic understanding of HTML, and now I have a problem. My blog is on www.wrappedfolds.blogspot.com. I am trying to make my list on my blog navigational rather than just a list. I want all of the designs (the list is after where it says "a list of my designs") to be links to the article that they're posted on. I have read plenty about it, but I can't seem to get it to work. I have a blogger but is looks bad. You see: http://englishpublishers.blogspot.com Who can tell me how to use it? I want to write a blog. I'm trying to design a couple blog banners with page tabs such as the one on this site http://hellomaryrebecca.blogspot.com/ but I've googled for hours now and can't figure it out. I can only find info on building simple tabs like this that I have temporarily up now on http://phillipchesterphotography.blogspot.com Please help! I can donate to your blog/website if need be to figure this out. Thanks in advance!! 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> http://www.blogskins.com/download.php?sid=344260 It's fine when my browser isn't maximised but when i do maximised it, everything aligns to the left. Not sure if this is relevant but screen resolution is 1920x1080. I'm not that great with html so any help would be appreciated. I didn't make the template. I got it off http://www.blogskins.com/ http://pixelpatriot.blogspot.com/ Problem #1 The dimensions of the blog image thumbnails are compressed on the x axis with word wrap set to the right side of the image on the main/index page. When you click on the html link that takes you to the full blog page the image is displayed OK. Do you have a suggestion on how to correct the image size displayed in the thumbnail mode? Problem #2 Video screen on right side bar of main page is cropped so can't see full video. I think it is preventing the viewer from access link to Vimeo site. Problem #3 Reduce left margin to maybe 10 or 15 pixels Problem #4 Can the Gallery delay rate be slowed by approx. 1 sec I tried to embed the code here but it was too long. Can you see the code from the above URL? Hello all, Just wondering how I can implement Javascript in my Blog template? 1.) Is it possible with XHTML? 2.) There is a source file as well, will I need to host that, too? 3.) Or is there a way to avoid Javascript for what I am doing: I am making a javascript (Spry Menu Bar) with Adobe Dreamweaver CS3 since I have no experience with JS. Is there a way to make a Spry Menu Bar without JS? (possible HTML or XHTML (that Blogger can support)? EX: Code: Home | Link | Link2
-sub--sub -sub4
--sub -sub5
-sub2 -sub6
-sub3
Thanks in advance, take care all! My right column, the skinnier one, is where all of the widgets are going to be. There is a widget that allows me to post HTML/Javascript. What I need is to post several images/ads but in a specific layout, as you can see below... Does anyone know how to align these images like in the example? Or atleast something close. Thanks!... I run an entertainment blog http://tshirtjunkieindian.blogspot.com/..and recently i added an AddThis button for social bookmarking. I changed the image to my own.. and another member of this forum helped me remove the white border around the image.. Now a couple of problems are there.. 1. When i try clicking the button and submitting a story to digg its always submitting the same story..no matter what post i submit..It submits "T-shirt Junkie's Burn After Reading Review" .. 2. The button is supposed to be drop down.. that is not working as well... The code i used is Code: <style type='text/css'>.addthis img {border:0px}</style>
<!-- AddThis Button for Post BEGIN -->
<div class='addthis'><script type='text/javascript'>addthis_url=data:post.url; addthis_title=data:post.title;</script><script type='text/javascript'>var addthis_pub="manujosephv";</script>
<a href='http://www.addthis.com/bookmark.php' onclick='return addthis_sendto()' onmouseout='addthis_close()' onmouseover='return addthis_open(this, '', '[url]', '[TITLE]')'><img alt='' border='0' height='30' src='http://i35.tinypic.com/24gqh05.png' width='289'/></a><script src='http://s7.addthis.com/js/152/addthis_widget.js' type='text/javascript'/></div>
<!-- AddThis Button for Post END -->
I placed it just after Code: <div class='ebody'> <data:post.body/> ..Now i removed it cause of this problem.. Please help.. And I think my template is screwed up..cause most solutions in google included finding a couple of codes that is not in my template.. and i know no html.. I have no formal training in HTML CSS but learned it by reading and trying with some help from W3schools, so sometimes don't know the full implications of things I do. One is editing the Blogger template and my favorite is changing maxwidgets='1' showaddelement='No' to maxwidgets='' next to showaddelement='yes' which allows any number of widgets to be added. However, I am worried about possible implications like perhaps it cause more resources to be used, longer download time, etc. Would it be better to change it to maxwidgets='2' showaddelement='yes' or is there no difference. Does anyone use Use.com for their templates? I'm trying to post an image template in my blog but blogger just shows the html and not the actual images. |
|||||||