Blogging Expert

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

8:03 AM Aditya Prakash 1

<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 will look so dirty so in that situation I have a solution for your just add scroll bar to your labels widget! Also See"How to add Scroll Bar in Archive Widget in Blogger" Step 1: Click on Template tab Step 2: Click on Edit HTML Step 3: Press Ctrl+F and find ]]> Step 4: paste #Label1{ height:500px; overflow:auto; } just above the ]]> change …

How to add Scroll Bar in Archive Widget in Blogger

8:02 AM Aditya Prakash 0

<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 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"How to add Scroll Bar in Labels/Tags Widget in Blogger" Step 1: Click on Template tabStep 2: Click on Edit HTML Step 3: Press Ctrl+F and find ]]> Step 4: paste #BlogArchive1{ height:500px; overflow:auto; } just above the ]]> change the BlogArch…

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

How to add Scroll Bar in Archive Widget in Blogger

Popular Posts

Blog Archive

Labels