Read also:How to customize your scroll bar and text color

NOTE: Make sure you backup your templates in case of mistakes to roll back changes.

• You can make many changes to your blog via your HTML and at the same time mess everything on your blog. press CNTR+F to search using your pc and enter ]]></b:skin> and if possibly its not displaying the result just searcj Skin probably after pressing enter twice or trice it should bring ]]></b:skin>

 

• Then copy the codes below and paste it above ]]></b:skin>

.comments h4
{
color:#ffffff;
display: inline-block !important;
background:#292832;
padding:10px;
}
.comments .comment .comment-actions a {
background:#292832;
border-radius: 5px;
color: #ffffff;
font:12px georgia;
margin-right: 8px;
padding:5px;
text-decoration: none !important;
}
.comments .comment .comment-actions a:hover {
background:#808080;
border-radius: 5px;
color: #292832;
font:12px georgia;
margin-right: 8px;
padding:5px;
text-decoration: none !important;
}
.comments .comment-block {
background:#f8f8f8;
border: 1px solid #f0f0f0;
padding: 10px;
}
.continue
{
border-top:none !important;
}
.continue a {
background:#292832;
border: 1px solid #292832;
border-radius:5px;
color: #ffffff;
display: inline-block !important;
margin-top: 8px;
padding:5px;
text-decoration: none !important;
font:12px georgia ,arial;
}
.comment-header a {
color: #222222 !important;
}
#comments .avatar-image-container img {
border:2px solid #292832;
border-radius: 50px 50px 50px 50px;
height: 58px;
max-width: 58px;
}
.comments .avatar-image-container {
border: 2px solid #FFFFFF;
border-radius: 34px 34px 34px 34px;
box-shadow: 1px 1px 3px #dcdcdc;
float: left;
margin-left: -20px;
max-height: 61px !important;
overflow: hidden;
width: 61px !important;
}

So if you followed the given scripts above carefully you should encounter no problem and if its not showing still with the stuff above then trying pasting the codes between ]]>-</b:skin>. like this

So if the script worked for you kindly drop your comment.

I hope you're aware that the default scroll bar color for almost all browser is grey in which you can change the height, width and the scroll bar track bar track color scroll color when active thumb over and color. In customizing all this we would be making use of CSS (cascading style sheet) so let's get started.

• Firstly, login to your blogger dashboard
• Go to theme. And back up your template to enable you undo mistakes in case you make any.
• Click on Edit html.
• Click any where in the code arena and press CNTRL+F to enable search.
• Now type in ]]></b:skin> and press enter.
• Then paste the script below just above this code ]]></b:skin>.

}

::-webkit-scrollbar-thumb {

Blogging has been fun most of the times. But have you ever opened a page on a blog or a website and you see "Custom page not found" what do you after seeing that.. Am sure you will leave the page immediately. The good stuff is that you can fix thus stuff easily on blogger on your dashboard. Instead of seeing the custom page not found you can decide on what to be seen when readers see the page not found normally links would be the stuffs that would be added and it's purely HTML which shouldn't give you any issue editing it. Firstly the choice of word to be used must be enticing, it must have contents that would move the reader to click and the links must be valid..Make sure you remove

Well, submitting a sitemap to search engines would will tell them about your blog and the contents present on your blog. Want to learn more about sitemaps? Just click Here

So on this tutorial getting your sitemap and submitting them to search engines would be treated on this blog with completely safe steps so as to ensure your blog not ending up being messed up.

However, Blogger's default sitemap contains only 25 latest articles on your blog. You can take a look on your blog sitemap.

• Firstly, log on to Google search console
• Click the blog name you want to add the sitemap.
• Locate crawl and clock on Sitemaps
• Locate the "ADD/TEST SITEMAP located at the upper right of that page and paste the code below.

• Click on submit sitemap and reload the page.
• With this step you have successfully submitted your sitemap to Google search console and also remember the above sitemap will work for 500 post and perhaps if you have more than 500 post. Use the code below instead.

Steps to submit blogger sitemap to yahoo and Bing

• Don't forget to replace your blog URL with the example stated Above.

• Click on the "ADD" button
• Here, you're in the verifying ownership page. There and e different methods to verify but I will strongly recommen the Meta tag method. I believe its simpler.
• So, using the meta tag. You'll be given a code to add the template of your blog.

• LOG on to your Blogger dashboard. 
• Click on theme and select edit template.

• Now search for the <head> tag or just hold CNTRL+F to search for the tag.
• Then paste the code below the <head> tag.
• Click on SAVE TEMPLATE.
• So on the bing webmaster tab and click on verify.
• If you have more than 500 post then submit the sitemap with the code below.

• Log in to your blogger dashboard and click on "LAYOUT"
• decide which part of your blog you want the code to stay.
• Click add gadget and select "HTML/JAVASCRIPT"
• Copy and Paste the code in the "HTML/JAVSSCRIPT" and save
• Make sure you also save your arrangement

Still having issues getting it on your blog? Follow the approach Here

How easy was that.. Very easy I think