Hello Friend in this Tutorial i teach you how to change the background images and Dropdown Color and size of your blogspot. You can download of any template then changes the background images according to your choice.
Step To Follow::
==>Change the background images
step 1: First login into your blogger account Go to Template >> Edit Html >> Proceed.
Step 2:Find the body{background:url
by using Ctrl+F.
Step 3: you to delete the path https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsq0XEXcd3p0hYepiwxaY6OhzLQZEYoUeuG5e0PnYujtmaMw1Co2AtOZZZsG83inDqSs-laCahWt5mMrBGJ4ADHfM-ARyHyS_7ntCFwMbzuTHs2kUCrpwTrVaeGwKAHMbDAceWetY2OM/s1600/bg2.jpeg
After delete you give the path of background images to your choices.
Step 4: Now Save Template.
==>Change the Dropdown color:
Step 1: Same the above step 1.
Step 2: Find the background-image: -webkit-linear-gradient in hb-menu {
and change the color according to your choice.
Step 3: Now you see the background-image: -webkit-linear-gradient(#c2c2c2, #111); You to Change the #c2c2c2 to any coding color or color Name(::red, green ,yellow ,pink ,blue and many more) of your choice.
If you Want to change the border color and border size of your dropdown then follow the steps.
Step1: Find the hb-menu, #hb-menu ul {
Step 2: Now You see the border: 1px solid #ff4f4f; You to Change the border size 1px to 2,3,4,5,6,7,8,9,10px . And you to change the color according to your choice.
Step To Follow::
==>Change the background images
step 1: First login into your blogger account Go to Template >> Edit Html >> Proceed.
Step 2:Find the body{background:url
by using Ctrl+F.
Step 3: you to delete the path https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEsq0XEXcd3p0hYepiwxaY6OhzLQZEYoUeuG5e0PnYujtmaMw1Co2AtOZZZsG83inDqSs-laCahWt5mMrBGJ4ADHfM-ARyHyS_7ntCFwMbzuTHs2kUCrpwTrVaeGwKAHMbDAceWetY2OM/s1600/bg2.jpeg
After delete you give the path of background images to your choices.
Step 4: Now Save Template.
==>Change the Dropdown color:
Step 1: Same the above step 1.
Step 2: Find the background-image: -webkit-linear-gradient in hb-menu {
and change the color according to your choice.
Step 3: Now you see the background-image: -webkit-linear-gradient(#c2c2c2, #111); You to Change the #c2c2c2 to any coding color or color Name(::red, green ,yellow ,pink ,blue and many more) of your choice.
If you Want to change the border color and border size of your dropdown then follow the steps.
Step1: Find the hb-menu, #hb-menu ul {
Step 2: Now You see the border: 1px solid #ff4f4f; You to Change the border size 1px to 2,3,4,5,6,7,8,9,10px . And you to change the color according to your choice.
0 comments:
Post a Comment