HtmlSidebar Download 5.1

This component/theme works with latest OSSN version.
Indonesian Arsalan Shah 9 years ago

HtmlSidebar


Allow admin to post some html code or javascript onto the right sidebar.

I'm wondering how hard it would be to write a component that would
allow us to insert HTML on the sidebars (left or right). It
could be useful for posting site news messages or widgets. Would it be
too difficult to do something like that?

Using this component you'll get idea about:

  1. How to add new action
  2. How to create component settings page
  3. How to add content on right sidebar of newsfeed page.

Changes:

V 5.1
Fixed the mobile issue , thanks to Michael for fixing it.

V 5.0
Allow JS/CSS tags

V 4.3
A configurable option has been added to display the sidebar content on top of the newsfeed on mobile devices

V 4.2
Comes with a WYSIWYG editor now to allow more comfortable editing.
Of course you may still add your own plain html and/or javascript by choosing "Tools -> Source Code" from the editor menu top right like:
Choose Configure -> HTML on sidebar from your admin panel
Chosse Tools -> Source Code
Add your code ...
And save

Comments
Bhutani Anware nori Replied 6 years ago

Hi how do i put an adsense code

I hope you put a picture

German Michael Zülsdorff Replied 6 years ago

@Bryce
basically yes, but it doesn't make too much sense because with moving it below the newsfeed column and Autopagination turned on it'll be pushed downward again and again. In other words: You would need to scroll to the end every time to view the content of the sidebar. :)

Any good ideas appreciated.

us Cody Jordan Replied 6 years ago

Would be nice to add on both sides of theme left right etc...

us Bryce alvord Replied 6 years ago

can this sidebar content be added to a bootstrap sidebar for the mobile views as well so that it can be viewed in the mobile layouts

German Michael Zülsdorff Replied 6 years ago

@Dickson
Into the editor I mentioned in my posting below.

ke Dickson Musyoka Replied 6 years ago

i want to post my google adsense code to monetize my site but dont know where to paste it, guide me

German Michael Zülsdorff Replied 7 years ago

Version 4.2 is available for download.

It comes with a WYSIWYG editor now to allow more comfortable editing.
Of course you may still add your own plain html and javascript by choosing "Tools -> Source Code" from the editor menu top right.

German Michael Zülsdorff Replied 7 years ago

@Stiven
You don't have to change any file.

Jump to your Ossn administrator page -> Configure -> HTML on sidebar

and enter your code and click the [Save] button.

al Stiven gjinaj Replied 7 years ago

Where do I write the HTML code.I don't know in which file

German Michael Zülsdorff Replied 7 years ago

Version 4.1 is available for download.
It comes with a fix to correctly execute Javascript code embedded in single ticks like

var yes = 'it works';

Component

Developer: Arsalan
License ossnv3
Type: Site admin
Requires Ossn Version : 5.2
Latest Version: 5.1
Last Updated 1 year ago
Repository Url View Repository

Versions