Blog Kang Ismet Redesign dan Go Responsive
Kang Ismet
Apa kabar sahabat blogger? Mudah-mudahan dalam keadaan baik. Mohon maaf sebelumnya, banyak pertanyaan yang belum dijawab, dan request yang belum dibuat., sehubungan kesibukan saya di dunia offline.
Disela kesibukan saya, saya mencoba membuat tampilan baru Blog ini, supaya lebih ringan, fresh dan elegan. Walaupun saya bilang responsive, entah sudah responsive betul atau belum :) Silahkan dikoreksi sama sahabat yang sudah jago dalam pembuatan template.
Desain template ini belum 100% fix, masih ada beberapa hal yang harus di tambahkan di sana-sini. Untuk mengenang template lama, saya buat screenshootnya :
Dan tampilan saat ini, seperti ini (entah sampai kapan) :
Bagaimana menurut sahabat tampilan baru template saya? Lebih bagus, lebih ancur, atau apa?
Bagi sahabat yang berkenan silahkan memberikan tanggapan di kolom komentar.
Disela kesibukan saya, saya mencoba membuat tampilan baru Blog ini, supaya lebih ringan, fresh dan elegan. Walaupun saya bilang responsive, entah sudah responsive betul atau belum :) Silahkan dikoreksi sama sahabat yang sudah jago dalam pembuatan template.
Desain template ini belum 100% fix, masih ada beberapa hal yang harus di tambahkan di sana-sini. Untuk mengenang template lama, saya buat screenshootnya :
 |
| Tampilan lama mulai 2012 - Mei 2013 |
Dan tampilan saat ini, seperti ini (entah sampai kapan) :
 |
| Tampilan terbaru saat ini |
Bagaimana menurut sahabat tampilan baru template saya? Lebih bagus, lebih ancur, atau apa?
Bagi sahabat yang berkenan silahkan memberikan tanggapan di kolom komentar.
Kereen kang, menurut saya sangat elegan dan pemilihan warna yang tepat, kaya web2 luar gitu... harus bikin thumbnail tiap postingan ya kang?
makasih sob.. iya heheh resiko, dengan thumbnail besar seperti itu, mau tidak mau harus desain thumbnail tiap posting
mantap..
bagus banget templatenya kang..
kira kira bisa dishare untuk yang satu ii, kang? hehe
xixixix... belum bisa sob.. nanti kalau sudah g dipake :)
Kalau begitu share dong yang template Kang Ismet yang dulu :)
hehehe.. tunggu aja sob..
kang cara modifikasi kotak pengikut blog (google friendconnect) gimana ya?
Untuk sementara ini belum bisa sob, soalnya GFC-nya udah ditutup sama google. Tapi kalau ada tutorial lain, saya coba publish nanti..
udah ada kang tutornya : http://www.tuliskan.com/2013/05/cara-modifikasi-kotak-pengikutfollower.html
oke sob.. keren...
ini ga kalah bagus sama yang lama kang, keren, load cepet, mungkin tinggal di benahin lagi tampilannya aja kang..
btw, bisa bagi template yang lama ga kang, buat koleksi hehe....
hehhe nuhun kang.. nanti kapan2 dibagikan :)
Keren banget kang, jdi ngiler pengen bisa buat template :p
Kalu boleh rikues, di bahas jg atuh kang..step by step cara buat template sendiri. Pasti temen2 suka bgt tuh..:)
Sukses terus tuk kang Ismet
bener nih hahaha.
Insya Allah kedepannya.. banyak ko yang jago bikin template
setujuuu... ditungguuu! :D
Aduh kang Mux kamana wae... :)
keren euy, mana atuh DL templatenya :D
eh ada terima kasih langsung...qiqiqiqi
hehee... ngarah bungaheun kang, pake terimakasih :)
bukan dapet download kang, edit dari rangkanya DTE:]
keren banget biarpun agak mirip sama punya saya kang hehe
iya yah.. ko bisa sama, padahal baru liat.. :)
template ini sangat Responsive
siip dah.. saya suka mass
thanks sob... masih tahap belajar nih
tetep keren :D .. jadi pengen nih.. ueteng banget :D .
Tengkyu jeng.. sayang blom bisa dikasih :)
Komentar ini telah dihapus oleh Unknown sebagai penulis.
keren kang.. tapi lebih keren lagi kalo thread commentnya juga diresponsive kan..
heheee.. :D
btw ukuran 640px masih ngaco ya.. kalau boleh saya menambahkan.. :d
@media only screen and (max-width: 650px) {
#outer-wrapper { width:570px; margin:0 auto }
#main-wrapper,#sidebar-wrapper { width:100%; margin:0 auto }
.comments .comments-content .comment-replies { margin-left:0 }
.comments .comment-thread.inline-thread .comment { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(12) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(11) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(10) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(9) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(8) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(7) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0 }
.comment .comment-thread.inline-thread .comment:nth-ch…
Nah..kan, apa saya bilang. Tukang responsif mas abdul. haha
ahaha mba indah ni dimana-dimana ada ajah..... :P
tengkyuuu.. tengkyuuu... baru pertama bikin template responsive
Template keren Kang, ini sangat cocok bagi mereka yg memprioritaskan foto yg ada di dalam postingan. :D
Iya.. harus bisa memilih thumbnail yang tepat :)
iya ni kang lbh cepat, klo fresh dan elegan mgkn penilaian org beda2 cuma klo sy biru lbh fresh ketimbang coklat muda. *smile
Makasih masukannya sob, kedepannya untuk header ganti2.. :)
cepet loading nya mas, ngomong-ngomong kenapa mau ganti template mas?
sesuai di jelaskan diatas sob, pengen sesuatu yang beda aja ;)
kereenn kang template nyaa
makasiiiiih sob..
Wihh bagus templatenya !! pasti valid HTML5 nih!!
Come Back
belum cek sob.. yang pasti masih bingung HTML5.. wkwkwkw :)
gan, ajarin cara bikin di kotak komen ga bisa link...
simpan ini di atas </body>
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if(content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "<mark>No live link!!!</mark> Sorry.. no spamming bro!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment-holder', 'p');
//]]>
</script>
sedikit sentuhan bisa 100% kang hahahay..
http://www.responsinator.com/?url=http%3A%2F%2Fblog.kangismet.net%2F
makasih sob masukannya.. nanti diacak2 lagi :)
wah keren mas, sepintas miripmirp sama dte :D
sukses terus mas :)
DTE:] sebagai inspirator diantaranya :)
Keren, Kang.. tampilannya makin pro nih.. btw, kenapa gak sekalian di valid HTML5, Kang?
belum ngerti sob.. mau coba2 biar valid html5
Tapi saya lebih suka model template yang lama Mas,lebih fresh dan loadingnya cepat Mas,kalau yang ini karena gambar disetiap postnya besar Mas jadi mungkin butuh loading yang cukup lama juga.Maaf Mas kalau pendapat saya bertolak belakang sama Masnya :)
makasih masukannya sob, tergantung selera ya... untuk blog ini thumbnailnya sudah di optimasi ko ga terlalu besar, rata2 20KB malah ada yang 2-6 Kb, ini contohnya :
[img]http://2.bp.blogspot.com/-3UFEZQJJ0aQ/UY3NAJ62W-I/AAAAAAAAEIs/vK7jn7hesz8/s1600/ukuran-thumbnail.png[/img]
Ya Mas,terima kasih detail penjelasannya jadi mirip seperti thema WP ya Mas hehe :)
Ringan blognya jadinya kang Ismet...
kalau template lama boleh dipublish dishare ndak keng hehehe...berharap com....
makasih sob.. siap, nanti di share :)
sekarang kayanya lagi jamanya re-design/ganti template nii.... :D
Area komentarnya apa gak bagus diberi warna cerah aja kang..??
terimakasih masukannya sob, nanti di pertimbangkan.... :)
Wah asyik nih performa & responsivitas nya kang! Tapi masuk ke form komentar kok jadi berasa di blog DTE ya. Hihi... :D | Btw bravo kang. :)
tengkyu sob... soalya lagi ngefans sama taufik wkwkwkkwkww.. ini penyakitnya, susah keluar jalur
Hahaha setubuh kang, wajar sih itu mah. Beliau memang 'EDAN'! *mudah-mudahan orang nya gk ksini..kaburrr. :D
Cocok kalau di sebut DTE:] sang inspirator.. hahahhaha.. awas dia ngejar lho
Keren Om, utek2 template gak jadi2... Hahaha. Btw, ini template buatan Templateism ya Om?
Bukan, utak-atik sendiri.. coba aja liat sourcodenya pasti beda..
Good !!!
I like this theme :)
Template nya bagus kang, saya sangat idola dgn template blogger yg responsive, soalnya bisa menyesuaikan berbagai macam browser.
Saya sendiri OL pake hp doank, jadi kalo ketemu blog yg theme nya responsive saja ingat tu alamat URL blognya supaya nanti bisa kunjungan balik :)
Jika berkenan, buatkan template blogger yg responsive seprti ini donk kang :D
Jangan lupa kunjungannya di http://www.ngeramput.com
banyak ko sob template responsive, sering ko berkunjung ke blognya... tapi maaf saya males komentar klo pake FB :)
Hehehe,... Nggk apa2 koq kang :D
Saya juga males aktif kan komentar dari Blogger, soalnya banya TUKANG OBAT komentar berulang kali..
hahahhaa...... setuju sob.. makanya saya tutup Anonymous nya
Gan Saya Minta Link Buat Download Template KangIsmet Yang V.1
Template yang satu ini saya pernah lihat di blognya toko online indonesia. WP Themes banget. Ini struktur semua bikin sendiri atau memang referensi kang?
Kapan2 share yang template ini ya kang. Pengen pake juga. Hahaha :D
Struktur standar sob... plus penambahan.. hehehe kapan ya? kalau ga dipake baru di share :)
mirip kaya Geeksnya templateism ya kang :D
Geeksga tau, templateism juga ga tau.. baru dengar :)
keren, kapan di share mas template yang lama ? ditunggu ya
siap sob...
Shere Dong Gan Template nya ?
#Keren Saya Mau :D
banyak juga yang minat ya...
Wah wah wahh, sama dong kaya saya sob, lagi terinspirasi dengan DTE:] , memodifikasi blog :) Salam kenal bro
salam kenal juga brow.. :)
Sekedar saran bro, backkground commentnya ganti sma transparent aja, jangan dark, biar lebih enak dilihat :)
bagus banget kang........................:-bd
tengkyu sob....
Template baru lebih ringan dan elegan, lebih nyaman buat baca-baca artikel di sini :)
makasih sob....
Selamat siang kang,
Saya mau bertanya, kalau blog yang sudah mempunyai sitelink, dan mengganti template seperti di atas apakah akan hilang sitelink nya ? Terimakasih atas informasinya.. salam blogger
Siang juga mas hengky... salam kenal..
Menurut pengalaman saya, selama struktur template sama, saya kira tidak ada masalah. Sebelum saya ganti template, saya sudah samakan strukturnya, dari mulai h1, h2, h3, breadcrumbs dsb...
Coba cek punya saya.. hilang ga sitelink nya https://www.google.com/search?q=blog+kang+ismet
apakah template lama gak dishare mas ? mana tau ada yang butuh dan ingin mas
Masih ga ngerti gimana caranya buat template menjadi responsive
New template is simply awesome.. can i also get this template
Kang , Keren Templatenya, Saya Jadi Kepingin Nih... :D
Share Dong , Oh Iya Template yang zikazev bluenya makasih ya
Nih Liat Zikazev ala blog saya dong, This Is It , My Creation
http://maz-dicha.blogspot.com :D
Keren artikel nya Kang sedikit namun simple dan
Padat, namun mudah di pahami. terima kasih Kang Ismet
Om saya mau tanya Nih gimana cara nya ngilangin yang beginian @@,
[img]http://1.bp.blogspot.com/-B9G7INaR4qk/UqJ_OSlBFBI/AAAAAAAAAkg/EMLn_AqFNzo/s1600/Screenshot+(71).png[/img]
Komentar ini telah dihapus oleh Unknown sebagai penulis.