BlueHeaven

Live Demo

Download Now

Nama Template: BlueHeaven 

Penulis / URL: NewBloggerThemes | http://newbloggerthemes.com/ 

Designer / URL: ThemePix | http://themepix.com/ 

Tanggal publikasi: 13 Mei 2014 

Kategori: 1 Sidebar, 2 Columns, 4 Column Footer, Adapted from Wordpress, Blue, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Responsive, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, Web 2.0, White,

Detail Lebih Lanjut: http://newbloggerthemes.com/blueheaven-blogger-template/

Info lebih lanjut: 

BlueHeaven adalah tema Blogger responsif 2 kolom dengan menu navigasi atas, unggulan slider konten, sidebar kanan, tombol sosial, 4 kolom footer dan lebih banyak fitur. BlueHeaven template terbaik untuk situs Blogger pribadi. 

Cara Tambah Link ke Top Navigation Menu 

Pergi ke "Layout". Klik "Edit" link "Mengedit menu ini" widget. 

Sekarang menambahkan link Anda itu link list widget. 

Cara Konfigurasi Tombol Sosial 

Menemukan ini di "Edit HTML":

<div class='social-icons-box text-center clearfix'>
   <a href='#' target='_blank' title='Facebook'><img alt='facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLEHSpoBonC7oO-r9soBu4djSaWTle41Vyua8KYTbP1vqHk68P4my2xL0XQLFkhJJPHEzu2xiNzHo-fS9wKO0RqcuuklbyNWxuBs1HTrF9eFJwhPe8lTOIj0bg6RF3YgRSf71OVdGvnbRW/s1600/icon-fb.png'/></a>
   <a href='#' target='_blank' title='Twitter'><img alt='tweeter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrWoHm4MAVMrU8vjsLrchtu3TKTAqnu4UW0aMCdiIC3HePneGTRkmh7oLK2oT-m54E2EXwFb2eAA2LsNQHG9-g6R0mwNDwkfFtarOx8U8-kjJm_KvXIXDqSG4hc2sdW7xThY1IykdxyYOc/s1600/icon-tweeter.png'/></a>
   <a href='#' target='_blank' title='Google Plus'><img alt='google' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnfSZCA_57-OPyd6IaUySZhTXXVI-PPDrBJSmcVqWyZ7amSyv9ljQpHh4DZL5zo1j9xhNGwyl2GlkzFVrlvPYpSdc1pJjFqJH2GgJkp34ZrY76RoSWISG5pzUFtxziYzEizIkORQlvN5T-/s1600/icon-google.png'/></a>
   <a href='#' target='_blank' title='Linded In'><img alt='linked in' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYelzj7mkBCeVVlVyF-u-fPeEwA0vpaSS72I6McIVTWgjkTsdngu8d8QG_dhsmVc1noSvjr3Kz3RYH5mKDbqGdbjZ7iiipFieCmA1Lh9h1rsyJDkLXsFOCq_WMh5Y8f-aPCb3tr7xagcqE/s1600/icon-in.png'/></a>
   <a href='#' target='_blank' title='You Tube'><img alt='you tube' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCByMslgoBRYUd6KMNAXgTLrOKRlxnZBZpRslogUm0lvgspJpr4U1Z30kohWaILl5QwreybcVxqrn0XyDJU_JpUNA3G9NHLQuMMRI7qmYUXXLz5-P798qQ_r6hNMZTRoT-NbhCNo_6QU4q/s1600/icon-you-tube.png'/></a>
   <a href='#' target='_blank' title='RSS'><img alt='rss' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicJEN9b8uVl_Q1uEaUl8ZH4YkgYTtbk2Kf8sSRSoBF9Xv8RMy4RqlM6FFa55PpmYppOll1luw1jqC1NoLhYyIwsHRaAWycOP-xa4Tmar4p1te2M3rWWQCZ-It1pAJ8ycmeneL0Ff4er6Eq/s1600/icon-rss.png'/></a>
</div>

Tambahkan link sosial Anda sendiri menggantikan "#" tanda. 

Cara mengkonfigurasi Menarik Slider Content: 

Menemukan ini di "Edit HTML":

<div class='carousel-inner'>

<div class='item active'>
   <a href='ENTER-SLIDE-1-LINK-HERE'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Qq-CUsN8uyc7RH2bU1VOVLCuh-XBVY7aD9OkjFVhNGYzxFnLxS14LM5FxUpWvGhl04GH72yS5QlKD6gzm6B35uNR5n5RBRDsUrG9AtWKbWPCqeJbBfLi1WmdHam2T7kDIF_SyGru1XiC/s1600/slide1.jpg'/>
   </a>
   <div class='carousel-caption'>
      <p>Enter Slide 1 Title Here.</p>
   </div>
</div>

<div class='item'>
   <a href='ENTER-SLIDE-2-LINK-HERE'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRlSipgdPq1YZ_JN5NSVAL4A_AzHJVPdK_TFK9Z7CIKB234bWT8_J8gIV2YF2W2n4H5qJKv0TV49ybWNLx_y1ue82f15GtcwSjXEbrMW4nx6z1BejFGVQyLCGmmm7NZsLiaenfpEWCy2UV/s1600/slide2.jpg'/>
   </a>
   <div class='carousel-caption'>
      <p>Enter Slide 2 Title Here.</p>
   </div>
</div>

<div class='item'>
   <a href='ENTER-SLIDE-3-LINK-HERE'>
   <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxcrg6cCai-YHaA_PsCXjbqEUgwwTs96DHrBYu3n7D8_FUcxB-PYkxqq1MtfIQVr2o4U_StDfQ2gJ0UXZcyP-in65AH14MX0TXbsUzPW3XcIV_Hl4O4EW9MtiDykP_IsOsHMKpQawVaL2/s1600/slide3.jpg'/>
   </a>
   <div class='carousel-caption'>
      <p>Enter Slide 3 Title Here.</p>
   </div>
</div>

</div>

Ada 3 slide dalam slider. Anda dapat menambahkan atau menghapus lebih slide jika Anda ingin. 

Sekarang ganti, 

"ENTER-SLIDE-X-LINK-HERE" s dengan link geser yang sesungguhnya, 

"Masukkan Slide X Judul Here." dengan judul slide yang sesungguhnya, 

URL gambar Slide, 

untuk setiap slide. (X = 1 atau X = 2 atau X = 3) 

Responsif BlueHeaven Blogger Template:

Category : 1 Sidebar, 2 Columns, 4 Column Footer, Blue, Elegant, Featured Section, Fixed width, Fresh, Grey, Magazine, Responsive, Right Sidebar, Rounded corners, Slider, Top Navigation Bar, White