Embedding stream with disqus

User 251754 Photo


Registered User
178 posts

I don't think I have this quite right.
If you click on a the header of a post to make a comment it takes you to the top of the page and then you have to scroll down a bit to see the comment box.

http://www.steveonline.info/

Is that how it should be ?
User 103173 Photo


VP of Software Development
0 posts

Well think of it this way. If it took you to the bottom, you would have people commenting on a post they have not read or seen yet. Reading from top to bottom seems more how things should go.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 251754 Photo


Registered User
178 posts

So that is working right then ?
I just thought if you clicked the post header you would be staring at the comment box of the post you have just read.
User 298877 Photo


Ambassador
292 posts

Hi Steve,

The trick here is to use an iframe. You can see it on my sites blog here:
http://blog.fixtronix.com. When you click a post header, the page does not reload, just the stream gets updated to show the post you clicked.

Simply paste this
<iframe width=958 height=615 frameborder="0" src="http://YOURSITE.coffeecup.com/stream"></iframe>
in place of the script you have used and replace YOURSITE with your own CC account/site name. Adjust the width and height to suit your own layout too :)

Dave
User 251754 Photo


Registered User
178 posts

Thanks for that David... I didn't know what an iframe was, but now I do. It took me a while tweaking it and is probably wrong somewhere but it works as I wanted. The iframe blog is lower down the page as I still have the original there.
I did shorten the posts as I didn't want the scroll bar.

http://www.steveonline.info/
User 298877 Photo


Ambassador
292 posts

Hi Steve,

That's working well now, excellent. If you don't want scroll bars, just don't include a height setting.

You can tweak the CSS too if you like. I did some alterations to suit my own web site and I changed the home image from a little red house to a blog jigsaw.

You can access the CSS file here: https://www.coffeecup.com/sdrive/dashboard/23250/stream/.
Go to customise ( ahem, customize as they call it) and then "Hardcore Mode" :)

Enjoy :)
User 251754 Photo


Registered User
178 posts

Thanks for the info....
The iframe is now in place and as far as I can see working ok.
User 298877 Photo


Ambassador
292 posts

Hi Steve,

Yes, it's looking well for me too so well done :)

Dave

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.