B1:A · Template Blogger Minimalis Responsif
B1:A adalah templat Blogger responsif minimalis dua kolom. Pemilihan font Saya fokuskan pada Source Sans Pro, Oswald dan font ikon dari Fontawesome.
Gambar demo yang lebih besar seharusnya bisa Anda dapatkan di dalam file unduhan.
Konfigurasi
1. Mengubah Teks “Read More”
Masuk ke halaman Tata Letak, kemudian lihat pada widget Posting Blog. Klik tombol pengeditan yang terletak di sebelah pojok kanan bawah. Teks “Read More” bisa diganti pada bagian ini:
2. Mengubah Teks “Search”
Saat Anda berada di halaman Editor HTML templat, pastikan kursor teks sedang aktif di dalam area kode. Tekan CTRL
+
Flalu ketik class='submit-button. Kode yang Saya beri tanda di bawah ini adalah yang harus diganti:
<button class='submit-button' type='submit'><i class='icon-search'/> Search</button>3. Memodifikasi Menu Navigasi
Tekan CTRL
+
Flalu ketik id='site-nav untuk menemukan deret kode seperti ini:
<nav class='nav' id='site-nav'>
<ul>
<li><a class='home-menu' expr:href='data:blog.homepageUrl' title='Home'><i class='icon-home icon-2x'/><span class='screen-reader'> Home</span></a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Archive</a></li>
...4. Mematikan Fitur Responsif
Untuk yang tidak suka dengan tema responsif, pada tag <html> terdapat atribut kelas seperti ini:
<html expr:class='data:blog.languageDirection + " no-js rwd"' expr:dir='data:blog.languageDirection'>Untuk mematikan fitur responsif, buang kode yang Saya beri tanda.
Labels: Tema
62 Comments:
Mantap Mas Masuk Dalam Calon Template Re-design Ane..
Oiya Mas kalau mau bikin tentang profil dan kontak kayak di blog ini gimana yah mas caranya?
Hehehehehe...mangsteb bener :)
ijin utak atik,..
Demo langsungnya gak ada to kak ?
sy ijin gunakan ya mas...Jazakallahu khoiron
wahh... thanks kang.. bisa ane pelajari nih dalemnya... buat redesign template ane.. :)
Asli mas mantabb, semoga banyak yang pake mas :)
aq downlud jg mas \o/
Saya tidak suka nyepam blog...
ini demox dik.., msh murni blom di utak atik :)
http://rohis-blogger.blogspot.com/
gak ada menu piano CSSnya ah B)
⇒ http://cssdeck.com/labs/pure-css3-vertical-piano
Males mempublikasikan. Jadi tidak disertakan di posting terbaru setelah template ini. Oya, jangan lupa kasi like :-bd
(y)
Template nya enak di lihat mas... :yaya:
ada bahan modifan nih..heheh ijin iah mas \o/
di fontawesome ga ada icon tank+obeng ya... B)
oya kang kalau font dan icon'a mw disimpen secara offline pada template kira" yang di jadikan base64 font yang formatnya apa ya?? disitu kan ada yang .woff .eot .svg .ttf atau semuanya harus disimpen juga..??
Format .eot dan .svg tidak bisa dikonversi ke base64. Lebih standar yang .woff dibandingkan dengan .ttf (.ttf lebih cocok untuk font komputer), jadi ambil yang .woff saja.
jadi yang berguna disini cuma .woff saja??
.eot .svg dan .ttf bila dihapus iconya tetep muncul atau tidak mas??
sebelumnya thanks masss :)
Mantap...
Trims...
Wah, udah minimalis, responsif lagi! I like this man.. :-bd
Mas, template ini bagus, cuman aku gak terlalu suka sama auto readmorenya. Gimana cara ngilanginnya ya? :(
ijin unduh mas untuk ane amankan dulu, sebelumnya terimakasih banyak sudah berbagi
saya ijin share ya mas...
wah bang sudah online lagi tiba2 langsung surprise dengan template baru nya mantapss
Ijin pakai templatenya mas, maaf kalo warna saya sesuiakan selera saya. Terima kasih mas, keren dan responsif asli!
minta ijin download ya mas :)
Kayaknya lagi ngak sempat buat demo...tapi saya Ngekek baca Komentar admin ngak suka nyepam blog. Biasanya juga share + Demo hahhaaahahaa..... PISS..
^_^ templatenya enak dilihat plus minimalis, tapi ada satu kendala ni mas
gimana ya cara ngilangin tang sm obeng yang muncul di widget sebagai admin?
ane dah nyoba pasang css ini .quickedit{
display:none;
}
buat ngilangin tang obengnya, tapi masih tetap muncul di blognya.
gimana ya mas, mohon bantuannya.
makasih
.sidebar .item-control {display:none}
sip, bisa... keren
makasih mas Taufik :)
Gan, mohon izin ntuk download ya.
makasih sebelumnya
MANTAP MAS IZIN DOWNLOAD :-bd
Mas taufik emang jago kombinasiin warna :-bd , btw saya mau nanya, template ini bisa tidak di jadikan 1 kolom saja ? kalau memang bisa kode apa saja yang di hapus :yaya:
ijin download dan pakai tampalate. terima kasih
luar biasa ini template langsung aku pake di sini http://maktamhusaini.blogspot.com/
ijin download ya mas
keyen om tapi nyari yang lebih muantab :-bd
Ijin download sekalian ijin juga mo modif .. :D :-bd
Saya menggunakan template ini mas, sesuai dengan text bawaan ketika mendonload template ini, Anda berkata "pengguna template boleh menghilangkan atribusi, asal jangan memberi atribusi palsu". Dan akhirnya, link kredit pada footer saya hapus tapi saya ganti pada halaman About Blog, disclaimer. Apakah itu melanggar point-point pada artikel tentang Atribusi, Hak Cipta ??
Satu pertanyaan lagi, cara menambahkan karakter huruf sebelum postingan dipotong dengan kala Read More bagaimana mas Taufik ?
Sama sekali tidak. Menambahkan teks sebelum tautan Read More bisa dilakukan dengan menyisipkan teks sebelum kode yang mirip seperti ini:
... Teks di sini
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'>
<data:post.jumpText/>
</a>
Terima Kasih penjelasannya Mas, satu pertanyaan lagi. Untuk mengubah ukuran font di template ini bagaimana ?
Saya sudah melihat code pada CSS body, content, dll tapi saya bingung.
Maaf merepotkan mas, semoga sukses selalu.
Tekan CTRL + F lalu ketik “Source Sans Pro”. Tekan Enter…
mas bedanya template blogger am file buatan sendiri apa toh?
mau bikin template untuk blogger tapi agak gak mdueng, ada ]]> dan masih banyak lagi
Tolong donk saya di ajari buat template untuk blogger
keren keren om taufik :D
- salam damai -
Daengrio
enak di lihat ..elegant..thanks dah berbagi...ijin sedot...
wah tampilan blog nya dah mulai diganti ... semakin berkarya mas
keren mas... izin download
di hapus juga bisa gan delete kode ini
Demo nya benar2 mantap gan....
ane cemot dulu utk koleksi
download template nya ya :)
Ijin pakai mas taufik
Om mau tanya kalo nambah box widget di samping judul blog kyk mana ya di template B1:A ????
harap di maklumin mash newbie... di tunggu jawaban nya
Ane coba ganti css komentarnya kok gak bisa ya?? Kayak gak berpengaruh, padahal css bawaannya udah dihapus..
Ada contohnya?
udah bisa barusan. tadi coba menerapkan ini: [quote]dte.web.id/2013/09/memposisikan-judul-dan-ringkasan.html[/quote] kemudian balik lagi ke template asal b1a & ternyata bisa. padahal sebelumnya gk bisa2. aneh.
:-bd kereeen
keren-keren buat bahan belajar bolehkan mas....
Mas taufik saya menggunakan template ini, tapi setelah saya menambah emoticon yang mas share pada blog mas ini, fitur penayang fotonya kok gak berfungsi lagi yah..??
Fitur ini yang saya maksud : https://www.dropbox.com/s/delbomawpdaiii8/b1%20template.png?dl=0
Bagaimana agar bisa kembali lagi mas yah..? tau bagian mana yang harus saya cek, saya bingung mas... Terima kasih sebelumnya... :)
gak bikin template baru lagi om 0:)
saya dah pake ini dan hasilnya memuaskan :yaya:
Pengen juga kapan-kapan tapi rasanya kok bawaannya males terus… heh.
Bagus Om, simple tapi nyeni, enak dilihat...
visiblitynya kasih :none gan pasti ilang
izin remake gan dan izin ambil css sebelumnya makasih atas semua infonya bermanfaat banget.
Mas Taufik, saya saya pasangan [url=http://www.dte.web.id/2012/03/membuat-komentar-slide-panel-pada.html]Membuat Komentar Slide Panel pada Template Blogspot[/url] di template ini kok gagal ya? Apa ID untuk komentar template ini beda? Nggak menggunakan #comments? Ataukah css bawaan template ini tidak mau diajak kompromi dengan fitur baru dari komentar slide panel yang Mas Taufik ciptakan? Mohon bantuannya, matursuwun mas, sebelumnya...
Post a Comment
<< Home