How To Put A widget Inside A Scroll Box In Blogger

Views:
Friends, This post only for blogger users. This is a useful widget for bloggers when we use big widget.  I solved my problem with this widget. Because my blog contain many backlink buttons and links. This code help to hide backlinks buttons and links from others. Many blogger use this link to hide their blog archive list . Because blogger default widget length is increase with increase post. You can add more than one widget inside this scrolling option. It help to hide unwanted widget and clean your website space. You can add this widget without  any effort. Just see below instructions and enjoy..

LIVE DEMO

ScRoll Box Option
Friends this is Internet Explora under Master Hacks. You can ask anything related with blog ,internet and computer.
This is me Arun JohnsonArun Johnson



First Log in your Blogger account.

  • Go to Template option.

  • Click on Edit HTML .

  • Then Find (CTRL+F) ]]></b:skin> tag.

  • Copy below code and past it above ]]></b:skin> tag.

/* Scroll box by Internet Explora(Master Hacks) START */ #YOUR-WIDGET-ID.widget-content { height: 200px; overflow: auto; } /* Scroll box END */


Change RED color with your widget ID and height value.


  • Then save your Template.

How To Find A Widget ID ?.


  • Go to your Layout option.

  • Click on Edit Widget Option.
Blogger edit widget option (Internet Explora)


  • Now popup a window with your widget code.

  • You can find Widget ID from popup window. (It may like HTML9 or other specified names like Recentpost , Labels etc)
You can find Widget ID from popup window. (Internet Explora)


  • That’s all.


Leave a comment below .. if this scroll box option is not working..
How To Put A widget Inside A Scroll Box In Blogger How To Put A widget Inside A Scroll Box In Blogger Reviewed by Gaint Hackers on 05:51 Rating: 5

No comments:

Powered by Blogger.