Blog, My blog is simply a modified version of the default theme from Google Blogger.

 The theme I used is Travel, and the background is the Earth in science

 

 1. only changed or added the yellow highlighted sections.

/* Widgets
----------------------------------------------- */

 .footer-inner {
  background: transparent $(footer.background.gradient) repeat scroll top center;
         left:260px;
  position:absolute;
}

 

/* Main
----------------------------------------------- */

.main-inner .column-left-inner {
 margin-left: 10px;
}

.main-inner .column-right-inner {
  padding: 15px 0;
}

/* Mobile
----------------------------------------------- */
.mobile-index-contents {
  color: $(body.text.color);
}

.mobile .tabs-inner .PageList .widget-content {
  background: $(tabs.selected.background.color) $(tabs.selected.background.gradient) repeat scroll top center;
  color: $(tabs.selected.text.color);
}

.mobile .tabs-inner .PageList .widget-content .pagelist-arrow {
  border-$startSide: 1px solid $(tabs.selected.text.color);
}

#navbar {height:0px; margin-top: 0px; }

#sidebar-left-1 { margin-left: -30px; margin-top: -30px;  width: 250px; position: fixed;}
#sidebar-left-2-1 { margin-left: -30px; margin-top: 20px; position: fixed;}
#sidebar-left-2-2 { margin-left: -30px; margin-top: 20px;  position: fixed;}
#sidebar-left-3 { margin-left: -30px; margin-top: 210px;  width: 250px;  position: fixed;}

#sidebar-right-1 { margin-left: -30px; position: fixed;}

 }]]></b:skin>
    <b:template-skin>
      <b:variable default='960px' name='content.width' type='length' value='1350px'/>
      <b:variable default='0' name='main.column.left.width' type='length' value='240px'/>
      <b:variable default='310px' name='main.column.right.width' type='length' value='250px'/>

      <![CDATA[
      body {
        min-width: $(content.width);
      }

      .content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: $(content.width);
        max-width: $(content.width);
        _width: $(content.width);
      }

      .main-inner .columns {
        padding-left: $(main.column.left.width);
        padding-right: $(main.column.right.width);
      }

<b:section-contents id='sidebar-left-1'>
  <b:widget id='BlogSearch1' locked='false' title='Lets live without back pain.' type='BlogSearch' version='1'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
      <h2 class='title'><data:title/></h2>
    </b:if>

    <div class='widget-content'>
      <span style='font-size:40px; position: absolute; top: -45px; color:yellow;'>Jessica GEng</span>
      <div expr:id='data:widget.instanceId + &quot;_form&quot;'>
        <form class='gsc-search-box' expr:action='data:blog.searchUrl'>
          <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
          <table cellpadding='0' cellspacing='0' class='gsc-search-box'>

<!--   <b:include data='feedLinks' name='feedLinksBody'/>    -->

 

 Copyright 2021

  <div class='widget-content' style='text-align: center;'>

Tag: #Code #Blogger #Blog #Travel theme

Copyright2021olympithecus