I'm very green to webdesign. I understand coding from over a decade ago, but not done it since and it's slowly coming back to me, but it's all different now as well. Sorry it's long but I need a very specific task.
I have a weekly webcomic that when I update with a new comic, I want my visitors to go straight to the latest comic without having to do anything on their part. I have it so that when you type the home url
http://www.constructeddestructioncomics.com[
^]you are redirected first to "LatestComic.html" which then redirects you to the latest comic's individual page "050.html" or "051.html" etc. I have share and comment buttons on almost all pages so I can keep track of what's most popular and what's not working, but being that they are 3rd party scripts they're tracked through the URL.
The Problem:
Once redirected to the latest numerical url for the newest page, if someone bookmarks it, then the bookmark will save that comic's unique page and every click of the bookmark will take them straight there and not to the latest comic. I need the bookmark to link back to the latest page. What's the easiest way to do that?
Attempts:
I first tried simply duplicating the code for the latest comic on the "LatestComic.html" to avoid the redirect all together, but where I ran into trouble was the share buttons and comments wouldn't reset and the share count and comments would remain from the previous post. Also, as the last latest comic moves down the line it's comments and share count would reset due to it's new unique URL.
Then I tried making an iframe in the "LatestComic.html" and this merely caused a volley of technical issues.
I then duplicated the code in the "LatestComic.html" and created iframes for JUST the share buttons and it almost worked, except it's buggy and if you hover over the share buttons the popups hide behind the borders of the frame.
http://www.constructeddestructioncomics.com/LatestComicX.html[
^]
Here's an example of the Share Buttons directly under the comic.
<iframe src="http://www.constructeddestructioncomics.com/ComicPanes/050.html#Share" id="Share" scrolling="no" frameborder="0" Object.style.overflow="visible" style="border:none; width:850px; height:30px;" allowTransparency="true" ></iframe>>
My last attempt used jQueries to pull the div's from the comic page's url to the Latest Comic cloned code, but I must have butchered the code because it didn't work. I'm also not sure if had I gotten it to work, if the buttons and comments would even READ the different URL, or if it would just copy the code and read the "LatestComic.html" Url just as if I had typed the code into that page. NOTE: I'd post the code here, but honestly it'd probably just embarrass me and if you know how to do it you're better off starting me over from scratch with the code.
What am I missing and is there just simply an easier way to do this?