Embedding widgets on blog pages?

Forums › Geekzone › Embedding widgets on blog pages?

foobar

186 posts

Master Geek

#17661 6-Dec-2007 09:23

Hello!

I would like to embedd a widget (some JS code, with an external image and small form feed) on my blog, preferrably along the side, in or under the profile section. It's one of those things that says: "Just copy-and-paste this code onto your web-site..."

Anyway, not being much of a CSS expert, I am wondering how I should go about doing that? I tried to directly add the HTML code to the profile section, but that didn't work out.

What's the right way of doing this? Any help is greatly appreciated...

Norton 360

Affiliate link

Affiliate link: Norton 360 antivirus provides enhanced security for your connected devices, a secure VPN for online privacy, Password Manager, Firewall, SafeCam, PC Cloud Backup, Dark Web Monitoring, Parental Control, and more. An all-in-one cybersecurity solution backed by 100% Virus Protection Promise and 60 Day Money Back Guarantee.

freitasm

BDFL - Memuneh
73930 posts

Uber Geek

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#98480 6-Dec-2007 09:26

You can create a "Free List" type and add an item. Make sure you remove any line breaks from the code because these are converted into [BR] tags.

Are you happy with Geekzone? Consider subscribing or making a donation.

freitasm on Keybase | My technology disclosure

foobar

186 posts

Master Geek

#98492 6-Dec-2007 10:13

freitasm: You can create a "Free List" type and add an item. Make sure you remove any line breaks from the code because these are converted into [BR] tags.

Thank you for the quick response.

However, I'm not certain what you mean with a 'free list' item? Where would I add one of those?

chakkaradeep

799 posts

Ultimate Geek

Trusted

#98503 6-Dec-2007 10:56

foobar:
freitasm: You can create a "Free List" type and add an item. Make sure you remove any line breaks from the code because these are converted into [BR] tags.

Thank you for the quick response.

However, I'm not certain what you mean with a 'free list' item? Where would I add one of those?

1) Disable Javascript in your browser
2) Go to HTML Source View when you post
3) Paste your widget content
4) Post your entry
5) Enable Javascript in your browser

You should now be able to see the widget.

Regards,
Chaks

Desktop : Intel Quad Core Q9400 2.66GHz - 8GB RAM - 500 GB + 500 GB HDD - NVidia GeForce 9800GT - LG246WH Flatron Display - Windows Server 2008 R2 Enterprise with Hyper-V
Virtual Machine : Powered by Hyper-V and VMWare Workstation
Laptop: HP dv7-3004TX Entertainment Notebook PC | HP Touchsmart tx2 1119au - Windows 7 Ultimate x64
Mac: iMac 21.5" Snow Leopard
Mobile : iPhone 3GS

freitasm

BDFL - Memuneh
73930 posts

Uber Geek

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#98511 6-Dec-2007 11:18

Sorry Chaks, he wants to add to the sidebar, not the blog post itself.

Foobar, go to your Profile page, Manage Lists, Add a new list, select "Free". Then add an item. There's no rich-text editor on this box, but line feed will be converted to BR tags, so if you don't want this just make sure to remove any line feed from the widget code.

Are you happy with Geekzone? Consider subscribing or making a donation.

freitasm on Keybase | My technology disclosure

chakkaradeep

799 posts

Ultimate Geek

Trusted

#98517 6-Dec-2007 11:41

freitasm: Sorry Chaks, he wants to add to the sidebar, not the blog post itself.

I did the same thing to add the MSN Live Messenger Widget to my blog's sidebar

freitasm

BDFL - Memuneh
73930 posts

Uber Geek

Administrator

ID Verified

Trusted

Geekzone

Lifetime subscriber

#98518 6-Dec-2007 11:44

chakkaradeep:
freitasm: Sorry Chaks, he wants to add to the sidebar, not the blog post itself.

I did the same thing to add the MSN Live Messenger Widget to my blog's sidebar

There is no rich-text editor for the List items - only for the profile item.

Are you happy with Geekzone? Consider subscribing or making a donation.

freitasm on Keybase | My technology disclosure

foobar

186 posts

Master Geek

#98525 6-Dec-2007 12:08

Thank you to both of you for your replies!

I tried the way suggested by Mauricio and it works now! Thanks again...