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.

1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-13<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:

1code-line:3-12code-line:3-23code-line:3-34code-line:3-45code-line:3-56code-line:3-6<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:

1code-line:4-12code-line:4-23code-line:4-34code-line:4-45code-line:4-5<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.

Artikel Terkait

  • Blogger Template DB-KW01
    Salam buat sobat yang berkunjung ke blog sederhana saya ini, kali ini saya akan membagikan template replika blog ini kepada sobat semua, bisa di bilang bukan replika karena seluruh markup template ini sama dengan template yang di gunakan oleh blog ini hanya saya berbeda tampilan dan fitur. Demo Download Dalam template ini sudah mem…
  • Download Template Dafin Blogger versi belajaran
    Salam sahabat bogger terimakasih sudah berkunjung sebelumnya, saya ingin membagikan template blog saya ini yang dulu pernah saya gunakan template bikinan pertama belajar, walaupun masih banyak yang perlu di benahi silahkan sobat lakukan sendiri dengan sesuka hati sesuai dengan kreasi. untuk tampilan dan fitur silahkan lihat langsung demonya.…
  • Template Defan Pro Blogger
    Sama seperti tampilan template sebelumnya, template ini juga memiliki tampilan yang sederhana dengan sedikit perubahan pada summary post dan beberapa toolnya. jika sobat tertarik dan ingin menggunakan silahkan di lihat demo dan downloadnya di bawah ini Download Fitur dan tool yang saya pasang di templat ini sebagai berikut: Dua Menu H…
  • Template responsive Mazda DB V.2
    Setelah sebelumnnya saya berbagi template Mazda DB pada kesempatan kali ini saya akan bagikan template personal Mazda DB v2, template yang sudah saya perbaiki ini lebih menarik dari versi sebelumnya dan ada beberapa sedikit ubahan. lihat demo template Mazda DB V.2 responsive Demo Download Beberapa fitur dari template ini : Seo…
  • Responsive template KonseP
    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…
  • Template blogger DB GJ
    Template DB GJ adalah template 3(tiga) kolom yang responsive, berbagai fitur sudah terpasang di template ini. fitur sbb: Fitur Template Responsive SEO Recent Comment notifikasi Font awesom Posting costume homepage Thread Comment Num Page Hide search box Fixed Menu/sticky menu Siycky widget Show hide emo, konverter, Post box author Share but…

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...