Cara Setup VideoBox Template Blogger


VideoBox adalah tema blogger galeri video yang sangat profesional dengan fitur hebat seperti desain kayu dan warna abu-abu untuk desain dasar tema ini. VideoBox dilengkapi dengan berbagai widget yang akan membantu mempublikasikan blog Anda secara lebih profesional. 


VideoBox  tersedia dalam versi free template, tetapi tentunya ada keterbatasan dimana Anda tidak dapat memodifikasi secara keseluruhan template.  


Anda bisa melihat Demo dan Mengunduh VideoBox Blogger Templates.   

1. Top Navigation

Akses Layout/tata letak blog > klik Edit link di widget Topnav.


Secara otomatis mengambil halaman dan link halaman tapi jika tidak dipilih, lihat gambar di atas untuk menambahkannya, Anda juga dapat menambahkan tautan eksternal (Tautan dari tempat lain).

2. Header Ads

Akses blog Theme> klik Edit Html> dan kemudian cari coding berikut.

<div id='banner'>             
<a class='banner' href='#'><img src='https://lh4.googleusercontent.com/-ppIPwfFOV_Q/UK97CnNO3-I/AAAAAAAAElA/8Ks62eqZM4A/s468/empty_ad.gif'/></a>

</div> 

Ubah rincian di atas dengan alamat Anda sendiri.

Catatan: - # adalah untuk link.

Teks yang disorot merah adalah gambar iklan Anda.

Catatan: - jika ingin menambahkan adsense maka ganti kode dibawah ini dengan kode adsense anda. Sebelum menambahkan kode adsense Anda harus mengkonversi kode dengan alat khusus, ubah kode adsense Anda dengan membuka alat ini- Parse HTML for Blogger.

<a class='banner' href='#'><img src='https://lh4.googleusercontent.com/-ppIPwfFOV_Q/UK97CnNO3-I/AAAAAAAAElA/8Ks62eqZM4A/s468/empty_ad.gif'/></a>

3. Main Menu/Dropdown/Multi Dropdown

Di Blogger Dashbord Klik Template
Klik Edit HTML

(Menu) Gulir ke bawah dan Temukan Kode ini:

<ul class='sf-menu' id='topnav1'>
 <li><a href='#'><span class='right'>Home</span></a></li>
 <li><a href='#'><span class='right'>Videos</span></a></li>
 <li><a href='#'><span class='right'>Portfolio</span></a>
<ul class='sub-menu'>
 <li><a href='#'><span class='right'>Portfolio 1 col</span></a></li>
 <li><a href='#'><span class='right'>Portfolio 2 cols</span></a></li>
 <li><a href='#'><span class='right'>Portfolio 3 cols</span></a>
 <ul class='sub-menu'>
 <li><a href='#'><span class='right'>1st category</span></a></li>
 <li><a href='#'><span class='right'>2nd category</span></a></li>
 <li><a href='#'><span class='right'>3rd category</span></a></li>
 </ul>
</li>
 <li><a href='#'><span class='right'>Portfolio 4 cols</span></a></li>
</ul>
</li>
 <li><a href='#'><span class='right'>Blog</span></a></li>
 <li><a href='#'><span class='right'>Contacts</span></a></li>

</ul>

Ubah # dengan url yang anda inginkan.

4. Main featured widget

Akses Layout/tata letak blog > klik Edit link. tambahkan nama yang anda inginkan di bagian judul dan label yang diinginkan di area html / javascript.

<div id='faded'>
<ul class='slides'>
 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/Ok2VamxrYAY' width='560'/></p>
 </li>

 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/JitvT29fybE' width='560'/></p>
 </li>

 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/I7twdJFviRs' width='560'/></p>
 </li>

 <li class='item'>
 <p><iframe frameborder='0' height='315' src='http://www.youtube.com/embed/3ftOEHhFFNU' width='560'/></p>
 </li>
 </ul>
 <ul class='thumbs pagination'>
 <li>
 <span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='0'>Lorem ipsum dolor sit amet</a>
 <a class='link' href='#'/>
 </li>
 <li>
 <span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='1'>Fusce et lectus nec neque feugiat</a>
 <a class='link' href='#'/>
 </li>
 <li>
 <span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='2'>Vivamus et velit at sem ultrices</a>
 <a class='link' href='#'/>
 </li>
 <li>
 <span class='youtube-temp'/>
 <span class='hover-bg'/>
 <a class='title' href='#' rel='3'>Phasellus suscipit felis ut nibh</a>
 <a class='link' href='#'/>
 </li>
</ul> 

</div>

Ganti kode iframe dengan kode video yang Anda inginkan.

5. Pagination Result

Akses Theme blog > klik Edit Html> dan kemudian cari coding berikut.

var posts=9,

Ubah nilainya dengan jumlah posting yang Anda ingin munculkan.

6. Facebook Page Plugin

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-page" data-href="https://www.facebook.com/fanpageanda" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

Selamat berkarya, dan sekali lagi Anda bisa melihat Demo dan Mengunduh Top News Blogger Templates.
Cara Setup VideoBox Template Blogger Cara Setup VideoBox Template Blogger Reviewed by yoanita suseno on 12:14:00 AM Rating: 5

No comments:

Den Blangkon. Powered by Blogger.