Kamis, 27 Juni 2013

Tempelate Sight Blogger

,

Kali ini saya akan share tempelate cantik nah agan - agan bisa downloadnya  di link bawah ini:

 Demo  - Download

Pengaturan fitur  Content Slider:
Login ke blogger dashboard --> layout --> Edit HTML. Nah sekarang kamu cari kode di bawah ini:
  • <div class='fullwidth flexslider' id='homeslider'>
     <ul class='slides'>
     <li data-height='500' style='position:relative; background: url(../image.jpg) 50% 0'>
     <div class='caption_wrapper'>
     <div class='caption'>
     <h3><a href='#'>In luctus luctus est vestibulum luctus</a></h3>
     Lorem ipsum dolor sit amet... <a href='#'>Read more </a>
     </div>
     </div>
     </li>
     ..........
Replace:
  • "#" dengan URL yang ingin anda masukan.
  • "image.jpg" dengan gambar yang ingin anda slider.

Pengaturan Dropdown Menu:
Login ke blogger dashboard --> layout --> Edit HTML. sekarang cari kodedi bawah ini:
  • <div class='menu-navigation-container' id='top_menu'>
     <ul class='sf-menu' id='mainmenu'>
      <li class='current-menu-item'><a href='#'>Homepage</a></li>
      <li><a href='#'>Single</a>
      <ul class='sub-menu'>
       <li><a href='#'>Submenu Example</a></li>
       <li><a href='#'>Submenu Example</a></li>
     ..........
ganti "#" dengan URLyang ingin anda masukan.

Pengaturan Social Widget:
Cari kode :
  • <div class='social_inner'>
     <a class='facebook' href='#' title='Facebook'/>
     <a class='twitter' href='#' title='Twitter'/>
     <a class='rss' href='#' title='RSS Feed'/>
     ..........
Ganti  "#" dengan URL akun Sosial media anda.

Bagaimana caramengganti Author Section
Cari kod di bawah inie:
  • <div class='author_avatar'>
     <div class='small_thumb'>
     <img height='auto' src='../Avatar.jpg' width='100'/></div></div>
     <div class='author_wrapper'>
     <h4>About author: <a href='#'>Admin</a></h4>
     <p>Cress arugula peanut tigernut... </p></div>
    <div class='clear'/>
    </div>

1 komentar: