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 »

How to earn 100$(Rs.6000) or more per month easily by just Creating a Blog

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnxWKe3KA_90lUc_2Il2fxrDO6yCuycFBP9zxRcgYPV_g7zvH2NqPr5fdV6mbANPhNnvuDmUBUfyEMHHSYVN2i2WNTTg9xU7EGNmiAUEVbP6_NhHuVRq4uJHOEyCMBl5c2SMiJwG8uqY/s1600/PicsArt_1399266373400.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnxWKe3KA_90lUc_2Il2fxrDO6yCuycFBP9zxRcgYPV_g7zvH2NqPr5fdV6mbANPhNnvuDmUBUfyEMHHSYVN2i2WNTTg9xU7EGNmiAUEVbP6_NhHuVRq4uJHOEyCMBl5c2SMiJwG8uqY/s1600/PicsArt_1399266373400.jpg" /></a></div> <h4 style="text-align: left;"> <span style="font-weight: normal;"><br /></span></h4> <h4 style="text-align: left;"> <span style="font-weight: normal;">Who doesn't want to earn money in their spare time! Here, I have something for you. Now you can earn 100$ or more per month by just spending 2 hours a day! The only thing you have to do is just to explore your extraordinary creativity, which is hidden somewhere inside you and write that on your blog and spread your ideas around the world.</span><br />So, let's get started! </h4> <br /> <h3 style="text-align: left;"> CHOOSING THE CATEGORY</h3> Now, You have to choose a category for your blog.Choose a specific category for your blog like cooking, gardening, technology, software, games etc. But remember you have to choose only 1 category because Google likes blog made on 1 specific category! (but if you really need more than 1 category for your blog, then you may can. -_- )<br /> <br /> <br /> <h3 style="text-align: left;"> CHOOSING THE ATTRACTIVE NAME</h3> <div> Now, you have to choose an eye catchy, attractive and suitable name for your blog. Don't choose messy and any weird type of name! Choose the correct and meaningful name.</div> <div> <br /></div> <div> <br /></div> <h3 style="text-align: left;"> CREATING THE LOGO</h3> <div> Now, you have to make a logo for your blog. It is very important thing for your blog!  Your logo will be the identity of your blog. You can make logo by using logo making softwares like : AAA Logo, Sothink Logo Maker or Adobe Photoshop (There are so many logo making softwares but those software which I have mention above are easy to use !) <a href="http://mybloggingexpert.blogspot.com/2014/07/how-to-make-perfect-logo-for-your.html" target="_blank">Click Here for full 'Logo Making Tutorial</a>'</div> <div> <br /></div> <h3 style="text-align: left;"> CREATING THE BLOG</h3> <div> Now, the important part creating the blog!</div> <div> There are so many websites which are providing free blogging service like (the websites mention below are the best free blogging service providers)</div> <div> <ul style="text-align: left;"> <li>Blogger.com</li> <li>Wordpress.org</li> <li>Wordpress.com</li> <li>Blog.com</li> </ul> </div> Blogger.com and Wordpress.org are the most popular blogging service provider!<br /> <br /> I will you to use Blogger.com because it is very easy to setup and it is very easy to use! Wordpress.org is also good but without buying a domain you can't use wordpress!<br /> <h4 style="text-align: left;"> Creating Blog on Blogger.com</h4> <div> Create a Gmail account first If you already have then no problem. Now, Log on to www.Blogger.com enter you Gmail username, password and log in after you login you will see 'NEW BLOG' button which is at the left side.<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT7hk-ldbr2tXGt2yg9fp3dFMLEGR30scxJeNk-BG5cq9KzNdGo_dAOdLkwXfWDHKw8abxFkx77Ta4Oa982f8y8pzNtz3p_qAvPfsFKelhpgBexVSxsnSNIwXZfps2egsFKSZuNMpwCOc/s1600/new+blog+blogger.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT7hk-ldbr2tXGt2yg9fp3dFMLEGR30scxJeNk-BG5cq9KzNdGo_dAOdLkwXfWDHKw8abxFkx77Ta4Oa982f8y8pzNtz3p_qAvPfsFKelhpgBexVSxsnSNIwXZfps2egsFKSZuNMpwCOc/s1600/new+blog+blogger.jpg" width="320" /></a></div> <div class="separator" style="clear: both; text-align: justify;"> Now write fill title and address of your blog (the name which you have choosen for your blog)</div> <div style="text-align: justify;"> COOL! Now you have your own have created a blog.</div> <div style="text-align: justify;"> For full Blogger tutorial click here</div> <div style="text-align: justify;"> <br /></div> <div style="text-align: justify;"> Moving forward to the post section...</div> <div style="text-align: justify;"> <br /></div> <h4 style="text-align: justify;"> Creating Post</h4> <div> The main part of your blog from which you are going to make money. Your post should be according to category you have choosen! Creating first post for you blog, there are some basic rules for posting if will follow them correctly then you will surely earn 100$ or more. Rules are:</div> <div> <ul style="text-align: left;"> <li>Never copy any post from any other website</li> <li>Do not piracy</li> <li>Be constant (post everyday even 1 post but post everyday</li> <li>Create unique and favourable content for your blog</li> <li>Do not post illegal or hacking tricks</li> </ul> </div> </div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> When you stared posting regularly then it will become your habit and you can post easily!<br /> <br /> <div> <h3> DOMAIN REGISTRATION</h3> </div> <div> Now, you have to take your blog to the higher level so you need a top level domain like (yourname.com or yourname.in). Your domain name should be as same as the name of your blog if that name is not available then try inserting any prefix of suffix in you domain. if you want to register domain for your blog in very low price then  <a href="http://www.inventosoft.in/" target="_blank">click here</a> (This website provides domains at very less price)</div> <h4 style="text-align: left;"> Increasing visitor</h4> <div> If you have started posting, and your blog is having good amount of post which is enough for any beginner blog and then you will notice that people started liking your blog and then you will feel the difference people will comment on your blog and they will appreciate your efforts too! If your blog started getting 800 average unique visitor per day in 2 months then it is very good for your blog if it is not happening then promote your blog!</div> <div> <br /></div> <h4 style="text-align: left;"> Promoting the blog</h4> <div> Promotion is very necessary thing for blogs! There are so many ways to promote website and blogs. Some of the best ways are: </div> <div> <ul style="text-align: left;"> <li>Google Adwords (Google Adwords is fantastic way to promote websites and blogs it charges money per click for more info <a href="http://www.google.com/adwords" target="_blank">click here</a>)</li> <li>Facebook Advertising Solutions (It is very good way to promote your website and blogs but it charges money per click or like)</li> <li>Promoting Blogs and Websites on Social Media (this is one of the best and free of cost way to promote your blogs and websites)</li> </ul> <h3 style="text-align: left;"> </h3> <h3 style="text-align: left;"> BLOGGING RULES</h3> </div> <div> There are some basic rules if blogging if you will obey them wisely then no body can stop you to earn 100$! </div> <div> Rules are:</div> <div> <ul style="text-align: left;"> <li><b>Always be constant: </b>Make a daily routine and give your blog 2 hours a day. Never miss a single day sit according to your time and leave according to your time.</li> <li><b>Be Patient: </b>Always be patient! Remember Blogging always take time but it doesn't mean it will not make money!</li> <li><b>Content is KING: </b>Your content(post) should be unique and problem solving type! People are always searching for solution of their problems So, give them solutions. Make sure your are not copying from anywhere and always maintain the standard of you content never post any spam or cheap type of things.</li> <li><b>Believe on yourself: </b>Always believe on your self because self confidence is very important if you are confident then then people will like you!☺</li> <li><b>Keep Going: </b>Never Stop! Keep Going Always remember if you are wasting a single second then it is not going to come back</li> <li><b>Never use shortcuts: </b> Never use any shortcuts because sometimes it can be very dangerous so don't use any illigal third party software and never use any hack or cheat on your blog for easy money!</li> </ul> <h3 style="text-align: left;"> </h3> <h3 style="text-align: left;"> THE FINAL PROCESS 'Google Adsense'</h3> </div> <div> Now, Finally come to money I mean earnings! Google Adsense is Superb way to make money you have to apply on Google Adsense to make money Remember it is not easy to get your account approved Here I have some points for you, your blog should qualify these points.</div> <div> <ul style="text-align: left;"> <li>Your blog should be atleast 6 months old</li> <li>You should must be 18 years or more</li> <li>Your Blog does not contain any Adult or Gambling Content</li> <li>Your blog is not containing any hacking or cheating tricks</li> </ul> <div> If your blog quality these points then your are ready to earn then  <a href="http://www.google.com/adsense" target="_blank">click here</a> you have to create an account on Google adsense and submit the form it will tale 1-2 days after 1-2 days it will mail you whether your account is approved or not. If you are following my instructions 100% then your Adsense account will surely get approval! After getting approval you have to place ads on your blog and when people will click on your ads you will get money per click!</div> </div> <div> <br /></div> <div> <br /></div> </div>

Blogger Blogging Make Money How to earn 100$(Rs.6000) or more per month easily by just Creating a Blog

Who doesn't want to earn money in their spare time! Here, I have something for you. Now you can earn 100$ or more per month by jus...

Read more »

How to submit website to Dmoz Directory in simple steps and improve search engine visibility

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDl7-nqOWb-ilb3__eZ7WXzjC1nqzamUwfdkNgC1VNiTZTBMyIsa6gJAvSej9WJhJA_KX5UjbPMDFC7HFhlpYUhdjdN3E_4_I7mFXVpzz_97Yuzr2cZYJch1mNeIAnN4ra9wgM2Hpne0/s1600/dmoz.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDl7-nqOWb-ilb3__eZ7WXzjC1nqzamUwfdkNgC1VNiTZTBMyIsa6gJAvSej9WJhJA_KX5UjbPMDFC7HFhlpYUhdjdN3E_4_I7mFXVpzz_97Yuzr2cZYJch1mNeIAnN4ra9wgM2Hpne0/s1600/dmoz.jpg" width="313" /></a></div> <br /> Everybody want to improve their viability on famous Search Engines such as: Google, Bing, Yahoo etc. but as you all know there are too many websites like your website so, it's hard to make your website come on first page by writing common keywords! So in that situation I have a solution for you.<br /> "Dmoz Directory" i.e Dmoz.org Follow the instructions and submit you website to dmoz in very simple steps.<br /> <br /> <span style="background-color: orange;"><span style="color: red;">Note:</span> To make your website completely visible your website must have a top level domain like : www.yourwebsite.com or .in etc. Your website should not like www.yourwebsite.blogspot.com, www.yourwebsite.abc.com</span><br /> <br /> Step 1. Recognize the specific and to the point type category of your website.<br /> <br /> Step 2. Open Dmoz.org<br /> <br /> Step 3. Choose your category<br /> As for Example(if your website is based on freeware software): Click on Computers-Softwares-Freeware-Internet<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3olGR_OHjmGay46lG4Pf3bw3Lb-RAK33YLGPlXUCd_868fxh3UXPIyp1lfLUZRcbUEDysJsl3p36MxA2twG13gIMasnBtbKbEVXJOr5F5GMa1S5sZv4hxzLcMPOj_38h30U3y6pXNnw/s1600/dmoz1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge3olGR_OHjmGay46lG4Pf3bw3Lb-RAK33YLGPlXUCd_868fxh3UXPIyp1lfLUZRcbUEDysJsl3p36MxA2twG13gIMasnBtbKbEVXJOr5F5GMa1S5sZv4hxzLcMPOj_38h30U3y6pXNnw/s1600/dmoz1.jpg" width="245" /></a></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> <div class="separator" style="clear: both; text-align: center;"> <br /></div> Step 4: Fill the form and submit it<br /> <br /> Hooray! Now your website has been submitted to dmoz directory.<br /> <br /> <br /></div>

Dmoz SEO How to submit website to Dmoz Directory in simple steps and improve search engine visibility

Everybody want to improve their viability on famous Search Engines such as: Google, Bing, Yahoo etc. but as you all know there are too m...

Read more »