Geekzone: technology news, blogs, forums
Guest
Welcome Guest.
You haven't logged in yet. If you don't have an account you can register now.


Forums › Geekzone › Embedding widgets on blog pages?
foobar

186 posts

Master Geek


#17661 6-Dec-2007 09:23
Send private message

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...




The blog: foobar on computers, software and the rest of the world: http://www.geekzone.co.nz/foobar

Create new topic
freitasm
BDFL - Memuneh
80646 posts

Uber Geek
+1 received by user: 41030

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

#98480 6-Dec-2007 09:26
Send private message

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.




Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies 

 

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

 



foobar

186 posts

Master Geek


  #98492 6-Dec-2007 10:13
Send private message

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?




The blog: foobar on computers, software and the rest of the world: http://www.geekzone.co.nz/foobar

chakkaradeep
799 posts

Ultimate Geek

Trusted

  #98503 6-Dec-2007 10:56
Send private message

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
80646 posts

Uber Geek
+1 received by user: 41030

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #98511 6-Dec-2007 11:18
Send private message

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.




Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies 

 

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

 

chakkaradeep
799 posts

Ultimate Geek

Trusted

#98517 6-Dec-2007 11:41
Send private message

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




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
80646 posts

Uber Geek
+1 received by user: 41030

Administrator
ID Verified
Trusted
Geekzone
Lifetime subscriber

  #98518 6-Dec-2007 11:44
Send private message

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.




Referral links: Quic Broadband (free setup code: R587125ERQ6VE) | Samsung | AliExpress | Wise | Sharesies 

 

Support Geekzone by subscribing (browse ads-free), or making a one-off or recurring donation through PressPatron.

 

 
 
 
 

Shop now for Lego sets and other gifts (affiliate link).
foobar

186 posts

Master Geek


  #98525 6-Dec-2007 12:08
Send private message

Thank you to both of you for your replies!

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




The blog: foobar on computers, software and the rest of the world: http://www.geekzone.co.nz/foobar

Create new topic








Geekzone Live »

Try automatic live updates from Geekzone directly in your browser, without refreshing the page, with Geekzone Live now.


Updates »

Are you subscribed to our RSS feed? You can download the latest headlines and summaries from our stories directly to your computer or smartphone by using a feed reader.








RSS feeds
Main feed
Forums feed
Copyright
©2002-2026 Geekzone®
Site features
Geekzone BI dashboard
Geekzone Badges
Geekzone Status Page

 

Site Information
Subscribe to Geekzone
Privacy Statement
Forum Usage Guidelines (FUG)
Advertising
Trademark and copyright