Responsive template KonseP

DB Template Responsive Template

Konsep template adalah template dengan satu halaman, Ini di buat untuk selera orang yang ingin menunjukkan portofolio mereka. Anda juga dapat menggunakan template ini untuk desain lain yang lebih menarik. Template ini dilengkapi dengan fitur sticky header, posting, slider, peta lokasi, dan lain-lain template ini responsive pada semua perangkat.



jika Anda mencari template untuk situs portofolio anda bisa mempertimbangkannya.


Beberapa fitur dari template ini :

  1. Sticky Menu
  2. Tab comment blogger dan G+
  3. Related Post
  4. Button share post
  5. Button social bookmark
  6. Recent Post
  7. Slide
  8. Menu Navigasi
  9. Responsive
  10. Search hide
  11. Pagenum
  12. Maps Google
  13. Dll



Seting Template:

1. Sticky Menu

buka Gadget Menu dan buat + Tambahkan tautan eksternal.




tulis judul laman sesuai keinginan, dan simpan link di bawah ini sesuai nama menu pada alamat web (URL)

Home -> http://nama-blog-anda.blogspot.com/#top
About -> http://nama-blog-anda.blogspot.com/#about
Top -> http://nama-blog-anda.blogspot.com/#feature
Artikel -> http://nama-blog-anda.blogspot.com/#content
Author -> http://nama-blog-anda.blogspot.com/#our-team
Kontak -> http://nama-blog-anda.blogspot.com/#contact


2. About


buka Gadget About dan tulis sesuai keinginan anda

3. Slide

buka Gadget Populer dan edit sesuai keinginan anda


Anda bisa mengatur jumlah slide dengan merubah jumlah entri yang di tampilkan.

4. Recent post

buka Gadget recent post dan letakkan kode di bawah ini di dalamnya.

<div class='recent-posts-1'>
<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>
<script src='/feeds/posts/default?published&amp;alt=json-in-script&amp;callback=labelthumbs' type='text/javascript'/>
</div>
<script type='text/javascript'>
 //<![CDATA[
$(document).ready(function() {
$('.recent-posts-1').appendTo(".recent-posts");
$('.box .recent-posts-1').css("display", "block");
});
//]]>
</script>
</div>

untuk mengatur jumlah post yang di tampilkan, ubah pada kode berikut.

var numposts = 5; ubah nila 5 sesuai keinginan.

5. Google Maps

untuk map, anda terlebih dahulu harus membuat peta di google maps, jika telah membuat buka Gadget Temukan Saya dan letakkan hasil map buatan anda

6. Pagenum

Buka edit template dan temukan kode di bawah ini:

var postperpage=6;
var numshowpage=6;

var postperpage=6; adalah jumlah posting yang di tampilkan dalam setiap halaman.
var numshowpage=6; adalah jumlah nomor yang di tampilkan dalam setiap halaman.

silahkan ubah sesuai kebutuhan.

7. Top Menu

Buka edit template dan temukan kode berikut:

<ul>
<li><a href='/'>Home</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>404</a></li>
<li><a href='/'>Disclaimer</a></li>
</ul>

silahkan disesuaikan dengan kebutuhan.

8. Social bookmark

Buka edit template dan temukan kode dibawah ini:

<ul id='social'>
<li><a class='gplus' href='http://' title='gplus'>gplus</a></li>
<li><a class='twitter' href='http://' title='twitter'>twitter</a></li>
<li><a class='facebook' href='http://' title='facebook'>facebook</a></li>
</ul>

ubah url dengan akun social anda.

3 komentar


Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT
:) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p
Jika anda memiliki bahasan atau topik lain yang sama sekali tidak ada hubungan dengan tutorial diatas anda bisa menyampaikannya di halaman OOt. klik [link ini] untuk membuka halaman OOT.

Back to Top
Loading...