The Red O opera preservation

Developers › Choose Opera

Opera Tips & Tricks: Web Panels

September 8, 2010 · by Aleksander Aas

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?

Readers' comments 78

Left under the original article, as archived.

  • mistressEVILWednesday, September 8, 2010 12:58:47 PM

    Panels are fun!

  • TamilWednesday, September 8, 2010 1:00:26 PM

    :up:

  • MorphdreamerWednesday, September 8, 2010 1:00:41 PM

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

  • lucideerWednesday, 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 SchlossWednesday, September 8, 2010 1:30:24 PM

    :up:

  • JaredWednesday, 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ášWednesday, September 8, 2010 1:56:14 PM

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

  • HokkutWednesday, 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 LuikWednesday, September 8, 2010 2:51:37 PM

    :up:

  • Aleksander AasWednesday, 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!

  • FurkanWednesday, September 8, 2010 3:00:49 PM

    Originally posted by Aleksander:

    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” JurgawkaWednesday, 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 SpoonWednesday, 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 PankajWednesday, September 8, 2010 3:42:42 PM

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

  • Pål Unanue-ZahlWednesday, 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 ShutWednesday, September 8, 2010 3:54:24 PM

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

  • Весёлый Всеволод НиколаевичWednesday, September 8, 2010 4:04:24 PM


    https://www.email.ru/loginchk.wcgp?altlanguage=russian&Skin=Mobile

    https://www.email.ru/loginchk.wcgp?altlanguage=&Skin=Mobile

    http://op.yandex.ru/

    http://mail.yandex.ru/pda/

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

    http://o.aolcdn.com/aim/gromit/icq2go/gm/090911.1.3508.en-us/WidgetMain.html

    https://www.google.com/accounts/ServiceLogin?service=mail&passive=true&continue=https%3A%2F%2Fmail.google.com%2Fmail%2Fx%2F1qk4k51dpm6yu9oa4y3&ss=1&scc=1&ltmpl=ecobh&hl=en&nui=5&btmpl=mobile

  • HplusKWednesday, 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...

  • silaslenzWednesday, September 8, 2010 4:06:30 PM

    Why not just drag the tab to the panel?

  • jAMIL aHMEDWednesday, September 8, 2010 4:06:49 PM

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

  • TsagaWednesday, September 8, 2010 4:08:37 PM

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

  • HokkutWednesday, 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 ZeraWednesday, September 8, 2010 4:41:58 PM

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

  • antyr295Wednesday, September 8, 2010 4:49:20 PM

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

  • chusoWednesday, September 8, 2010 5:05:08 PM

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

  • Sami SerolaWednesday, 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.

  • Весёлый Всеволод Николаевич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 EdingerWednesday, 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 SerolaWednesday, 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:

  • HokkutWednesday, 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

  • NimeshWednesday, 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 NguyenWednesday, September 8, 2010 8:54:47 PM

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

  • Anton DiazWednesday, September 8, 2010 9:21:01 PM

    Late :smile:

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

  • MichelThursday, 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/

  • NahSoRThursday, September 9, 2010 1:17:10 AM

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

  • Kyle BakerThursday, 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 AasThursday, September 9, 2010 5:38:51 AM

    Originally posted by theadolescent:

    Originally posted by Aleksander:

    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 SerolaThursday, 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:

  • wazzup105Thursday, 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:)

  • AercyThursday, 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!!!!

  • JaredThursday, September 9, 2010 11:08:27 AM

    Originally posted by theadolescent:

    Originally posted by Aleksander:

    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:

  • DanieleThursday, 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

  • markumanThursday, 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 hartonoThursday, September 9, 2010 6:29:40 PM

    oke frends..

  • Arun KumarFriday, September 10, 2010 2:05:41 AM

    :up:

  • Sami SerolaFriday, 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 hartonoFriday, September 10, 2010 11:33:38 AM

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

  • RachelSaturday, September 11, 2010 7:06:51 AM

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

  • Софья Ильинова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 hartonoSaturday, September 11, 2010 12:09:50 PM

    Thanks to you..

Pages: 12 Next »

About this article

Published inChoose Opera
DateSeptember 8, 2010
AuthorAleksander Aas
TagsOpera Tips, Web Panels
OriginalInternet Archive

The Red O » Developers » Choose Opera » Opera Tips & Tricks: Web Panels

Browsers

Add-ons

Services

Developers

Help

Company

About · Contribute · Legal theredo.org
The Red O is an independent, non-commercial preservation project, not affiliated with Opera Norway AS. Opera is a trademark of its owner.