Opera Tips & Tricks: Web Panels

By Aleksander AasAleksander. Wednesday, September 8, 2010 12:13:26 PM

,

Opera Tips and Tricks

In this round of Opera Tips and Tricks we'll show you how to add custom social media panels!

The first thing we need to know is what a custom web panel is. Press F4 to bring up your regular panels such as Opera Unite, Opera widgets, bookmarks, history and more. In our guide we will add either Twitter or Facebook as a panel.

Facebook in a panel

  1. Go to the mobile site you want to use. touch.facebook.com or mobile.twitter.com
  2. Drag the tab (browser window) to the panel.
  3. Done!

You can also bookmark the page, click "Details" in the bookmark window and make sure "Show in Panel" is ticked. It does the same, but requires you to bookmark the site first.

There are thousands of mobile sites that work fabulous as a Web Panel. Experiment and share your results with the rest of us. What about m.youtube.com?

Try a new Opera widget!Opera Mini 5.1 for Windows Mobile

Comments

mistressEVILmissevilat Wednesday, September 8, 2010 12:58:47 PM

Panels are fun!

Tamil Wednesday, September 8, 2010 1:00:26 PM

up

Morphdreamer Wednesday, September 8, 2010 1:00:41 PM

Sidebar with foobar2000: http://people.opera.com/rijk/fb2ksidebar/

lucideer Wednesday, September 8, 2010 1:01:02 PM

Is the bug whereby the sidebar is always open on startup when using web panels fixed? If not, this is a useful, but somewhat ill-timed "Tips & Tricks" article...

Also, as an alternative to the six step guide above, you can also drag a link straight to the panel.

Charles SchlossChas4 Wednesday, September 8, 2010 1:30:24 PM

up

JaredpieRr0Ur Wednesday, September 8, 2010 1:32:53 PM

Some panels I use:
Twitter (mobile.twitter.com)
x.facebook.com - which is touch.facebook.com
Dropbox mobile (m.dropbox.com)
And Incognito Mail (dropbox.com/m/login)

Just a ques Mr.Aleks is that a screenshot from your new Mac? happy

Lukášlukaydo Wednesday, September 8, 2010 1:56:14 PM

it will be good when the function "reload every" works on these panels...

Hokkuthokkut Wednesday, September 8, 2010 2:20:24 PM

Yeah, good thing! wink
But I have bug with Google Reader in panel. When I hide reader's side bar appear a white blank line in the bottom. How can I fix this?

http://files.myopera.com/hokkut/files/1.jpg
http://files.myopera.com/hokkut/files/2.JPG

Rafael Luikrafaelluik Wednesday, September 8, 2010 2:51:37 PM

up

Aleksander AasAleksander Wednesday, September 8, 2010 2:56:17 PM

Originally posted by pieRr0Ur:

Just a ques Mr.Aleks is that a screenshot on your new Mac?


Yeah!

Originally posted by lukaydo:

it will be good when the function "reload every" works on these panels...


Filed as a bug right now!

Originally posted by hokkut:

How can I fix this?


No idea, but I'll poke someone!

Furkantheadolescent Wednesday, September 8, 2010 3:00:49 PM

Originally posted by Aleksander:

Aleksander Aas 8. September 2010, 16:56

Originally posted by pieRr0Ur:

Just a ques Mr.Aleks is that a screenshot on your new Mac?

Yeah!

And this is the cause of that good looking fonts. touch.facebook fonts look awful in PC.

Artur „Jurgi” JurgawkaJurgi Wednesday, September 8, 2010 3:02:20 PM

Web panel is the best place for dictionaries – especially when reading web page and writing in online editor - all in one window and dictionary with no switching. smile

Cutting Spoonhellspork Wednesday, September 8, 2010 3:28:13 PM

Heh. my.opera is one of the sites I keep in a panel. Agreed that functional "reload every" would be nice, but the simple reload is great. I actually bookmark hard-drive folders into the panel also, where the simple reload is especially handy.

Midhun PankajPankmon Wednesday, September 8, 2010 3:42:42 PM

been usin de same 4 a while nw... smile

Pål Unanue-Zahlpaalu Wednesday, September 8, 2010 3:43:31 PM

I think we need to do a "Ten cool sites to put in your web panel" feature, Mr. Aas.

Spadar ShutSpShut Wednesday, September 8, 2010 3:54:24 PM

Should user javascript and CSS not be loaded in panels or is it a bug?

HplusKhplusk Wednesday, September 8, 2010 4:04:41 PM

Awesome trick. I added m.lifehacker.com and m.mashable.com to get updates from my favorites websites...

silaslenz Wednesday, September 8, 2010 4:06:30 PM

Why not just drag the tab to the panel?

jAMIL aHMEDaunqur Wednesday, September 8, 2010 4:06:49 PM

try http://m.facebook.com as panel address. its better viewable.

TsagaTsagaRus Wednesday, September 8, 2010 4:08:37 PM

Весёлый Всеволод Николаевич
+1
Ещё бы прицепить панель от vk.com:)
Раша невер слипс headbang

Hokkuthokkut Wednesday, September 8, 2010 4:11:13 PM

Originally posted by Aleksander:

No idea, but I'll poke someone!


Thanks

Originally posted by Jurgi:

Web panel is the best place for dictionaries – especially when reading web page and writing in online editor - all in one window and dictionary with no switching.


+1 It very and very usefull.

I have one idea about this bookmarks in panel. What if use twitter, facebook, etc. bookmarks like expansions in Google Chrome and FF with notifications or just with a number of unread messages near the icon? Is it possible?

Patryk ZeraCharly Wednesday, September 8, 2010 4:41:58 PM

Wow. Never even thought about it in that way. Awesome tip.

antyr295 Wednesday, September 8, 2010 4:49:20 PM

Is it possible to customize the icons in the "panel list"?

chuso Wednesday, September 8, 2010 5:05:08 PM

I have done it with GMail: http://m.gmail.com

Sami Serolaserola Wednesday, September 8, 2010 5:16:52 PM

Cool party Much better option than widgets on small netbooks smile This one actually takes less space than some widgets and I can resize them.

Весёлый Всеволод Николаевичctdf Wednesday, September 8, 2010 5:17:15 PM

Originally posted by hokkut:

Yeah, good thing! ;)
But I have bug with Google Reader in panel. When I hide reader's side bar appear a white blank line in the bottom. How can I fix this?

http://files.myopera.com/hokkut/files/1.jpg
http://files.myopera.com/hokkut/files/2.JPG


enable and disable the opera(Turn off the opera. turn on opera.)

Nyk EdingerNyk Wednesday, September 8, 2010 5:29:25 PM

That is Great! I have added both Facebook and Twitter. I don't understand why someone would add Gmail however. I simply have all my Gmail accounts forwarded to my Operamail that is already in my panel by default and I never have to login to my mail or go to the site. It all comes to me as I am browsing. Yeah, its a different UI but Opera has done well at building a pretty good email client. Thoughts?

Sami Serolaserola Wednesday, September 8, 2010 5:32:39 PM

Thanks for the tip Nyk up I need to consider if I should start using the Opera email client after all smile So far I have just used Google's Web mail service.

EDIT: One good reason to display m.gmail.com inn side panel is that then you see titles of received email.
EDIT: And do not foget you can scale the view with -/+ buttons wink

Hokkuthokkut Wednesday, September 8, 2010 5:58:18 PM

For Ubuntu funs Google search in Opera's panel in Ubuntu style xD

http://files.myopera.com/hokkut/files/Opera%20Google%20Search.png

there is link http://www.google.com/cse/home?cx=018364187703161434668:9i6adepmrzg

Nimesh nimeshthakkar Wednesday, September 8, 2010 7:43:44 PM

Sites in my Web Panels:
-----------------------------------

MyOpera (Mobile Layout)
http://my.opera.com/community/change-mobile-full-view.dml?mobile=true

Yahoo Mobile
http://m.yahoo.com/

Yahoo Mail Mobile
http://m.yahoo.com/mail/

Facebook Touch
http://touch.facebook.com
or
http://x.facebook.com

Facebook Chat
http://www.facebook.com/presence/popout.php?lite=true

GMail (iPhone Mode)
https://mail.google.com/mail/x/gdlakb-/gp/

GMail Chat
http://talkgadget.google.com/talkgadget/popout

Delicious Mobile
http://m.delicious.com

*These links can be added in Opera Mini Speed Dial also as these are mobile friendly sites*

Andrew NguyenSouthernCross Wednesday, September 8, 2010 8:54:47 PM

What is this, I don't even...awesome.

Anton DiazAntonDiaz Wednesday, September 8, 2010 9:21:01 PM

Late smile

http://twitter.com/ZiminS/status/22395844789

Michelbudnyatski Thursday, September 9, 2010 12:35:39 AM

Vkontakte.ru (VK.com) chat panel:
http://vkontakte.ru/im.php?act=a_box&popup=1

Yandex.Slovari / Yandex.Lingvo panel:
http://m.slovari.yandex.ru/

NahSoR Thursday, September 9, 2010 1:17:10 AM

heyyy.... i use the same with google and dictionary.com and wikipedia....innovation baby!

Kyle Bakerkyleabaker Thursday, September 9, 2010 5:13:27 AM

Last.fm (more specific links on that page)
http://m.last.fm/

Reddit
http://m.reddit.com/

Digg
http://m.digg.com/

Aleksander AasAleksander Thursday, September 9, 2010 5:38:51 AM

Originally posted by theadolescent:

Originally posted by Aleksander:

Aleksander Aas 8. September 2010, 16:56

Originally posted by pieRr0Ur:

Just a ques Mr.Aleks is that a screenshot on your new Mac?

Yeah!

And this is the cause of that good looking fonts. touch.facebook fonts look awful in PC.

You could always have a go at some UserCSS to improve it! I also like the dictionary idea! I'll give it a go smile

Sami Serolaserola Thursday, September 9, 2010 6:54:50 AM

Originally posted by nimeshthakkar:

Delicious Mobile
http://m.delicious.com


On some of the mobile Web sites one just need to remember open the links into different tab wink

wazzup105 Thursday, September 9, 2010 8:03:23 AM

I always thought panels were dumb and I never used them. This however may change the way I use opera (again smile)

Aercyrugas Thursday, September 9, 2010 8:26:05 AM

+1!!!!

isn't there a opera wiki where all info such as this can be found? i've seen lots of good tips and it's lying all around in myopera

+1!!!!

JaredpieRr0Ur Thursday, September 9, 2010 11:08:27 AM

Originally posted by theadolescent:

Originally posted by Aleksander:

Aleksander Aas 8. September 2010, 16:56

Originally posted by pieRr0Ur:

Just a ques Mr.Aleks is that a screenshot on your new Mac?

Yeah!

And this is the cause of that good looking fonts. touch.facebook fonts look awful in PC.

The system fonts looks nice by default! On a PC platform I find it somewhat tough to change these. Using linux is somewhat smooth on my experience. The cleanliness of a mac makes me want to buy a mac for college sad

Danieledarklink88 Thursday, September 9, 2010 5:35:51 PM

Nice idea! actually i set mobile twitter in my panel bar, but i've got a problem: i set the zoom of the "twitter panel" to 80% in order see it better in the little space i use for panels. However, every time i restart opera, zoom returns to 100%. Is there a way to set the zoom in a permanent way?
Ps I'm on MacosX 10.6.4

markuman Thursday, September 9, 2010 6:24:52 PM

uuuuhhhh nice!!!
is there a way to auto reload those panel? for example twitter panel would be nice.

Muji hartonotoni2010 Thursday, September 9, 2010 6:29:40 PM

oke frends..

Arun Kumarmarunkmr Friday, September 10, 2010 2:05:41 AM

up

Sami Serolaserola Friday, September 10, 2010 6:26:50 AM

Originally posted by markuman:

is there a way to auto reload those panel?


"Right click" on twitter mobile panel and select 'Reload every'...
EDIT: Although I thought the twitter service would check the updates anyway every now and then left But this is what you can do on client side smile

EDIT: Seems to affect only on the page on the current tab open, not the panel confused

Muji hartonotoni2010 Friday, September 10, 2010 11:33:38 AM

hi, sami.. Thanks to you.. Good days lucky for sami..

RachelRachelJuleiane Saturday, September 11, 2010 7:06:51 AM

Thank you. up up i have used the touch site and full site two days ago.

Софья Ильиноваisquariel Saturday, September 11, 2010 9:38:55 AM

Originally posted by hokkut:

But I have bug with Google Reader in panel. When I hide reader’s side bar appear a white blank line in the bottom. How can I fix this?



You can use http://www.google.com/reader/i/

Panels I use:
http://op.yandex.ru/ — Yandex Panel for Opera,
http://www.google.com/reader/i/ — Google Reader for mobiles,
http://mobile.twitter.com/ — Twitter mobile,
http://m.weather.yandex.ru/ — Yandex.Weather for mobiles,
http://m.slovari.yandex.ru/ — Yandex.Dictionaries for mobiles,
http://m.habrahabr.ru/ — Habrahabr for mobiles.

Muji hartonotoni2010 Saturday, September 11, 2010 12:09:50 PM

Thanks to you..

1 2 Next »

Showing comments 1 - 50 of 78.

Write a comment

You must be logged in to write a comment. If you're not a registered member, please sign up.