Cara Membuat Footer Cantik di Blogger V1 Hal. 2

Cara Membuat Footer Cantik di Blogger V1 Hal. 2
Theme Footer Blogger <code>


Struktur HTML Footer 2:

HTML
<!-- Footer Row 1 -->
<div class='g3-container g3-black g3-padding-32'>
 <div class='g3-row-padding g3-main' style='margin:0 5rem'>
   <!-- Footer Col 1 -->
   <b:section class='g3-col l4 m6 s12 g3-bar-block' id='footer1' name='footer' showaddelement='false'>
     <b:widget id='HTML1' locked='true' title='Addres' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'><![CDATA[<!doctype html>
		 <h4 class="g3-padding g3-bar-item"><a expr:href='data:blog.homepageUrl'><img src="images/favicon.png" style="width:45px;" class="g3-circle g3-hover-opacity"><b class="g3-text-khaki g3-xlarge"> Getcond</b></a></h4>
		 <p class="g3-padding">
		  Jl. Rhythm Stylee<br/ >
		  No. 01 Blok G3<br/ >
		  Purworejo<br/ >
		  Central Java, Indonesia<br/>
		  <b>021 0000<br />
		  MAP/ DIRECTION</b>
		  </p>
           </!doctype>]]></b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
    <div class='widget-content'>
      <data:content/>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
     </b:widget>
   </b:section>  
   <!-- Footer Col 2 -->
   <b:section class='g3-col l4 m6 s12 g3-bar-block' id='footer2' name='footer' showaddelement='false'>
       <b:widget id='LinkList1' locked='true' title='SITEMAP' type='LinkList' version='1'>
         <b:widget-settings>
           <b:widget-setting name='sorting'>NONE</b:widget-setting>
           <b:widget-setting name='text-0'>Home</b:widget-setting>
		   <b:widget-setting name='link-0'>https://getcond.com</b:widget-setting>		   
           <b:widget-setting name='text-1'>Web Design Porfolio</b:widget-setting>
           <b:widget-setting name='link-1'>#</b:widget-setting>
           <b:widget-setting name='text-2'>Fitur Theme</b:widget-setting>		   
           <b:widget-setting name='link-2'>#</b:widget-setting>
		   <b:widget-setting name='text-3'>All Services</b:widget-setting>		   
           <b:widget-setting name='link-3'>#</b:widget-setting>
		   <b:widget-setting name='text-4'>Getcond Blog</b:widget-setting>		   
           <b:widget-setting name='link-4'>#</b:widget-setting>
		   <b:widget-setting name='text-5'>About Us</b:widget-setting>		   
           <b:widget-setting name='link-5'>#</b:widget-setting>
		   <b:widget-setting name='text-6'>Contact Us</b:widget-setting>		   
           <b:widget-setting name='link-6'>#</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main'>
           <b:if cond='data:title != ""'><h4 class='g3-padding g3-bar-item g3-text-khaki'><b><data:title/></b></h4></b:if>
   <div class='g3-col l5 m6 s12 g3-bar-block'>
       <b:loop values='data:links' var='link'>
           <a class='g3-bar-item g3-button' expr:href='data:link.target'><data:link.name/></a>
       </b:loop>
     <b:include name='quickedit'/>
   </div>
  </b:includable>
       </b:widget>
     </b:section>
   <!-- Footer Col 3 -->	
   <b:section class='g3-col l4 m6 s12 g3-bar-block' id='footer3' name='footer' showaddelement='false'>
     <b:widget id='HTML2' locked='true' title='Addres' type='HTML' version='1'>
       <b:widget-settings>
         <b:widget-setting name='content'><![CDATA[<!doctype html>
		 <h4 class="g3-padding g3-bar-item g3-text-khaki"><b>WANT TO BLOGGER CODE TIPS</b></h4>
		 <div class="g3-container">
          <p>We Send Out Our Best Tips In a Juicy Weekly newsletter. Only Value.</p>
		  <div class="g3-bar g3-left-align" style="display:flex;justify-content:space-between">
          <input class="g3-input g3-bar-item g3-border" type="text" placeholder="Enter e-mail" style="width:65%;float:left">
          <button type="button" class="g3-button g3-bar-item g3-khaki" style="width:fit-content">Sign Up</button>
		  </div>
        </div>
           </!doctype>]]></b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
    <div class='widget-content'>
      <data:content/>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
     </b:widget>
   
     <b:widget id='LinkList2' locked='true' title='Follow Us' type='LinkList' version='1'>
       <b:widget-settings>
         <b:widget-setting name='sorting'>NONE</b:widget-setting>
         <b:widget-setting name='text-0'>Follow Us</b:widget-setting>
		 <b:widget-setting name='link-0'>#</b:widget-setting>
       </b:widget-settings>
       <b:includable id='main'>
         <b:if cond='data:title != ""'><h4 class='g3-text-khaki'><b><data:title/></b></h4></b:if>
 <div class='g3-container'>
     <b:loop values='data:links' var='link'>
         <a expr:href='data:link.target' style='display:none'><data:link.name/></a>
     </b:loop>
		 <a class="g3-button g3-large g3-khaki" href="javascript:void(0)" title="Facebook"><i class="fa fa-facebook"></i></a>
		  <a class="g3-button g3-large g3-khaki" href="javascript:void(0)" title="Twitter"><i class="fa fa-twitter"></i></a>
		  <a class="g3-button g3-large g3-khaki" href="javascript:void(0)" title="Google +"><i class="fa fa-google-plus"></i></a>
		  <a class="g3-button g3-large g3-khaki" href="javascript:void(0)" title="Instagram"><i class="fa fa-instagram"></i></a>
		  <a class="g3-button g3-large g3-khaki g3-hide-small" href="javascript:void(0)" title="Linkedin"><i class="fa fa-linkedin"></i></a>
   <b:include name='quickedit'/>
 </div>
</b:includable>
     </b:widget>
   </b:section>
  </div>
</div>

<!-- Footer  Row 2 --> 
<footer class='g3-container g3-black g3-padding'>  
	<div class="g3-left g3-row-padding">
		<p class="g3-left">© 2024 <a href="https://getcond.com" target="_blank">Rhythm Stylee Information</a> | <a href="#">Privacy Policy</a> | <a href="#">Terms and Conditions</a></p>
	</div>
	<div class="g3-right g3-row-padding" style="padding:10px 0">
	  <select class="g3-button g3-border g3-hover-white" name="bahasa">
	    <option value="" selected="selected" class="g3-select g3-card">Bahasa</option>
		  <option value="1">Indonesia</option>
		  <option value="2">English</option>
	  </select>
	</div>
</footer> 
</body>
</html>

« 1 2 3 »

Posting Komentar

Lebih baru Lebih lama

Advertisement

Formulir Kontak