How to add Scroll Bar in Labels/Tags Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="195" /></a></div> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <br /></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> </div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="font-size: medium;">If you will insert the labels widget,  then it will expands too much when your labels is start increasing when it exceed 500 then it will look so dirty so in that situation I have a solution for your just add scroll bar to your labels widget! Also See<a href="http://www.myinstantsearch.in/2014/04/how-to-add-scroll-bar-in-archive-widget.html" style="color: #999999; text-decoration: none;" target="_blank">"How to add Scroll Bar in Archive Widget in Blogger"</a></span></div> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;" /> <span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b><br /></b></span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"></span><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b><br /></b></span><span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"></span><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b>Step 1: Click on Template tab</b></span><br /> <span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b>Step 2: Click on Edit HTML</b></span><br /> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="276" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold;">Step 3: Press Ctrl+F and find </span><span style="font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <b><span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;">Step 4: paste </span></b><span style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">#<span style="color: red;">Label1</span>{ <span style="color: orange;">height:500px</span>; overflow:auto; }<span style="font-size: medium;"> <b>just above the </b></span></span></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">                      ]]></b:skin> </span></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="background-color: orange; font-family: Arial, Helvetica, sans-serif;">change the </span><span style="background-color: red; font-family: Arial, Helvetica, sans-serif;">Label1</span><span style="background-color: orange; font-family: Arial, Helvetica, sans-serif;"> to name of your labels widget name</span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: orange;">click on Jump to widget to find the name of your widget name</span></span></div> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYgRkYZ0bul3CFl4ZH0zGaAUDGeaUhrwTDboIXSAuBsiYm8f0ifA_miv_YmYxl3RAVeLR0XwvPZ6ggAv8r0s9GRcalfuZ6D7l-VBBUjs6IlJox0l-Oh0HK9muJvpEOoovzM_KdMqWzFk/s1600/jump+to+widget+HTML.PNG" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="256" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYgRkYZ0bul3CFl4ZH0zGaAUDGeaUhrwTDboIXSAuBsiYm8f0ifA_miv_YmYxl3RAVeLR0XwvPZ6ggAv8r0s9GRcalfuZ6D7l-VBBUjs6IlJox0l-Oh0HK9muJvpEOoovzM_KdMqWzFk/s1600/jump+to+widget+HTML.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSYgRkYZ0bul3CFl4ZH0zGaAUDGeaUhrwTDboIXSAuBsiYm8f0ifA_miv_YmYxl3RAVeLR0XwvPZ6ggAv8r0s9GRcalfuZ6D7l-VBBUjs6IlJox0l-Oh0HK9muJvpEOoovzM_KdMqWzFk/s1600/jump+to+widget+HTML.PNG" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); display: inline; height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="320" /></a></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <br /></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;"><span style="background-color: orange;">to change the height of labels scroll  bar area edit </span><span style="background-color: red;">height:500px </span><span style="background-color: orange;">to your desired size</span></span></div> </div>

Blogger Tutorials Widgets How to add Scroll Bar in Labels/Tags Widget in Blogger

If you will insert the labels widget,  then it will expands too much when your labels is start increasing when it exceed 500 then it...

Read more »

How to add Scroll Bar in Archive Widget in Blogger

<div dir="ltr" style="text-align: left;" trbidi="on"> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="320" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhywRSx6xsqrBlaNBJuF3gdRyfPAMi6DINpOmj_gdIIle7aW0ujUgE7ZQCGCrNZ_dZVv4X8GQjQRxoBdsqJt0QNNZm-XIEUo37PXR0aArfFwABHBAZW0UWQWY8iTtvXxrABo6UzyOlwyBw/s1600/labels.PNG" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="195" /></a></div> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <br /></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> </div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="font-size: medium;">If you will insert the labels widget,  then it will expands too much when your labels is start increasing when it exceed 1000 then it will look so dirty so in that situation I have a solution for your just add scroll bar to your labels widget! Also See<a href="http://www.myinstantsearch.in/2014/04/how-to-add-scroll-bar-in-labelstags.html" style="color: #999999; text-decoration: none;" target="_blank">"</a></span><a href="http://www.myinstantsearch.in/2014/04/how-to-add-scroll-bar-in-labelstags.html" style="color: #999999; text-decoration: none;" target="_blank"><span style="color: #0e0e0e; font-family: 'Open Sans', serif, sans-serif;"><span style="font-size: 20px; font-weight: 600;">How to add Scroll Bar in Labels/Tags Widget in Blogger</span></span>"</a></div> <br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;" /><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b><br /></b></span><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b><br /></b></span><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b>Step 1: Click on Template tab</b></span><br style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;" /><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: medium; line-height: 19.19999885559082px;"><b>Step 2: Click on Edit HTML</b></span><br /> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="276" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="640" /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgO5V1dy2FIdFdkLkhXACb5dLdFw4SvK8jFYmqv1Zak0fiPuiW_kYiSFVADBhg7BPNtkVoFdCQlzs7Rd0m6MVuKm3zr31uffkjKVRNaSmI5aDqZTuPfNKA_dzlG22iFTclNbWz5XoI5TiE/s1600/step+1.jpg" imageanchor="1" style="clear: left; color: #999999; float: left; margin-bottom: 1em; margin-right: 1em; text-decoration: none;"><br /></a></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: medium; font-weight: bold;">Step 3: Press Ctrl+F and find </span><span style="font-family: Arial, Helvetica, sans-serif;">]]></b:skin></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <b><span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;">Step 4: paste </span></b><span style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;">#<span style="color: red;">BlogArchive1</span>{ <span style="color: orange;">height:500px</span>; overflow:auto; }<span style="font-size: medium;"> <b>just above the </b></span></span></span><span style="font-family: Arial, Helvetica, sans-serif; text-align: center;"> ]]></b:skin> </span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px;"> <span style="text-align: center;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="background-color: orange; font-family: Arial, Helvetica, sans-serif;">change the </span><span style="background-color: red; font-family: Arial, Helvetica, sans-serif;">BlogArchive1</span><span style="background-color: orange; font-family: Arial, Helvetica, sans-serif;"> to name of your labels widget name</span></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: orange;">click on Jump to widget to find the name of your widget name</span></span></div> <div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <br /></div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <div class="separator" style="clear: both;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_LBu1qftcPj7gsSRWTyZfJoIaILQ5W1-56TepZbeKwA6nDXoWPlebXNuhZjvW608ygOG0emyCgVbewTYZeoQxiDtg4Cb0kGz0OO6YJfsY5i6I957mpe3-wf0DmouKj4QN8xTUSNh9qs/s1600/jump+to+widget+HTML+Blog+Archive.PNG" imageanchor="1" style="color: #999999; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img border="0" height="253" original="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_LBu1qftcPj7gsSRWTyZfJoIaILQ5W1-56TepZbeKwA6nDXoWPlebXNuhZjvW608ygOG0emyCgVbewTYZeoQxiDtg4Cb0kGz0OO6YJfsY5i6I957mpe3-wf0DmouKj4QN8xTUSNh9qs/s1600/jump+to+widget+HTML+Blog+Archive.PNG" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk_LBu1qftcPj7gsSRWTyZfJoIaILQ5W1-56TepZbeKwA6nDXoWPlebXNuhZjvW608ygOG0emyCgVbewTYZeoQxiDtg4Cb0kGz0OO6YJfsY5i6I957mpe3-wf0DmouKj4QN8xTUSNh9qs/s1600/jump+to+widget+HTML+Blog+Archive.PNG" style="-webkit-transition: all 0.4s ease-in-out; border: 1px solid rgb(211, 211, 211); display: inline; height: auto; max-width: 95%; padding: 4px; transition: all 0.4s ease-in-out;" width="320" /></a></div> </div> <div style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12.222222328186035px; line-height: 19.19999885559082px; text-align: center;"> <span style="font-family: Arial, Helvetica, sans-serif; font-size: medium;"><span style="background-color: orange;">to change the height of labels scroll  bar area edit </span><span style="background-color: red;">height:500px </span><span style="background-color: orange;">to your desired size</span></span></div> </div>

Blogger How To How to add Scroll Bar in Archive Widget in Blogger

If you will insert the labels widget,  then it will expands too much when your labels is start increasing when it exceed 1000 then i...

Read more »