Responsive template KonseP

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

  • Kerangka template ala Dafin Blogger
    Selamat pagi sobat blogger iseng - iseng membuat kerangka template buat sobat yang suka utak - atik template saya share biar jadi bahan percobaan, tinggal tambahkan beberapa bagian dan hasilnya bisa sobat lihat sendiri tentunya sesuai selera. untuk percobaan demo kerangkanya silahkan lihat demonya saja ya di buka sana sini dan di lihat kalau s…
  • Blogger template responsive DB Droid
    Share kali ini adalah template DB Droid tempilannya cocok untuk blog personal, berikut fiturnya Fitur yang ada di Templat DB Droid: 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 button…
  • 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…
  • 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…
  • Blogger template De-blue responsive
    Kembali saya share template blogger yang pernah saya pakai untuk anda yang sedang mencari template silahkan di gunakan dan di simpan sesuka anda tentunya tanpa syarat apa pun. template ini sudah di lengkapai beberapa tool yang sedang di minati para blogger yaitu Fitur template Valid HTML5 Responsive Top menu Hightlight current menu Thread …
  • Blogger template Mazda DB Responsive
    Template sederhana responsive untuk blogger ini bisa sobat donwload dan simpan secara gratis, buat anda yang mungkin tertarik bisa langsung melakukan pada bagian tertentu saja. Fitur template Valid HTML5 Responsive Related Post Thread Comment Emoticon comment SEO 100% SEO Optimizing 2 Column Responsive thumbnail post Breadcrumbs Related Po…

3 komentar

Kode klik emo: :) :( =( :wa: :s ^_^ :D =D ^:D @@, ;) :-bd :-d :ya: :'( T_T :\ :p B) :Q :Ozz 7:( \o/ **p

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