Kompi Males - Blogger Template Responsive Dan Valid HTML5

Kompi Males - Blogger Template Responsive Dan Valid HTML5

Bola Hero Gawai

Kompi Males - Blogger Template Responsive Dan Valid HTML5

Blogger Template Responsive Dan Valid HTML5
Satu lagi saya bagikan sebuah template gratis yang responsive dan valid HTML5 yang saya namai dengan Kompi Males. Berawal ketika penyakit males saya kambuh dan cari obat di apotek dan warung ternyata tidak ada obatnya heheheh... 

Akhirnya saya coba obati dengan kutak-katik template Kompi Banget untuk membuat tampilan lainnya. Selain itu juga untuk memperbaiki beberapa kesalahan yang ada pada template sebelumnya.

Template Kompi Males ini saya buat dengan warna putih abu-abu biar kesannya lebih kalem. Beberapa kesalahan pada template sebelumnya saya perbaiki termasuk responsivenya. Dan penampakannya seperti pada gambar di bawah ini.

Kompi Males Blogger Template Responsive Dan Valid HTML5



Fitur Template Kompi Banget:
  • Responsive
  • Valid HTML5 (homepage dan postpage)
  • Valid CSS3
  • Full title tag pada link blog.
  • Title blog dan postingan yang dinamis.
  • Breadcrumb
  • Print this page
  • Tombol Back To Top dan Go To Down
  • Toggle Sidebar
  • Custom Pager di postpage.
  • Error Page 404
  • Slot Iklan
  • Dll.
Kustomisasi
Untuk mengganti logo blog silahkan ganti url gambarnya pada kode di bawah ini. Silahkan buat logo blog dengan tinggi dan lebar yang sama.

                     <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
<img alt='logo blog' height='90' src='http://1.bp.blogspot.com/-HJBAXm0_Kaw/UxvxnUXaQ9I/AAAAAAAAbbA/FZf8wpAZ24Y/s1600/titlekompimales.png' title='Kompi Males' width='212'/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><img alt='logo blog' height='90' src='http://1.bp.blogspot.com/-HJBAXm0_Kaw/UxvxnUXaQ9I/AAAAAAAAbbA/FZf8wpAZ24Y/s1600/titlekompimales.png' title='Kompi Males' width='212'/></span></a>
  </b:if>
</b:includable>

Untuk merubah feed blog pada kotak subscribe di bawah postingan silahkan simak pada postingannya di link di bawah ini.
Dan saya juga menambahkan slot ekstra dengan lebar 100% di bawah header menu dan di atas footer. Bisa Anda gunakan untuk slot iklan atau lainnya dengan menambahkan gadget HTML/JavaScript di tata letak.

UPDATE
Ma'af ada yang kelupaan hehehee... saya lupa menyimpan kode showDummy di templatenya. Bagi yang telah menggunakan template ini silahkan copy kode di bawah ini:

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
Dan simpan pada kode berikut tepat di atas penutup </b:includable> untuk kode <b:includable id='main' var='top'> sehingga menjadi seperti berikut ini:

          <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
            <b:includable id='main' var='top'>
  .......................
  .......................
  .......................

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>

</b:includable>

Atau silahkan simak postingannya: http://www.kompiajaib.com/2014/02/solusi-error-validasi-html5-dari-kode.html atau silahkan download ulang (link downloadnya sudah saya perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-2 (15 Maret 2014)
Ada perbaikan untuk responsive pada Firefox, untuk mengatasi sidebar yang tidak mau turun silahkan cari kode berikut:

@media screen and (max-width: 770px){

Kemudian geser ke bawah sedikit temukan kode di bawah ini:

#sidebar-wrapper{float:none;text-align:center;margin:0 auto}

Kemudian ganti dengan kode di bawah ini:

#sidebar-wrapper,.sidebar1-wrapper,.sidebar2-wrapper,.sidebar3-wrapper{width:100%;text-align:center;margin:0 auto}
Atau silahkan download ulang (link downloadnya sudah saya perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-3 (16 Maret 2014)
Ada perbaikan untuk logo blog template Kompi Males, untuk mengatasi silahkan simak postingannya pada link di bawah ini
Atau silahkan download ulang templatenya pada link download di atas (link downloadnya sudah saya perbaiki dengan file yang sudah diupdate/diperbaiki).

UPDATE Ke-4 (01 Juli 2015)

Perbaikan di beberapa bagian untuk meningkatkan kecepatan loading blog diantaranya dengan menghilangkan Jquery Library untuk menghindari blocking render js di PageSpeed Insights.

Untuk beberapa bagian yang menggunakan show hide, mengganti jquery dengan pure javascript. Mengganti jenis Google Font dan menambahkan font Awesome, dan mengganti beberapa bagian lainnya yang bisa Anda lihat pada demonya.

Bagi yang ingin mencoba template Kompi Males dengan update terbaru kali ini, silahkan download pada tombol download di atas.

UPDATE Ke-5 (21 Februari 2016)

Silahkan simak postingan tentang update template Kompi Males v5.00 ini pada link postingan di bawah ini.

Share this:

Share this with short URL: Get Short URL loading short url

You Might Also Like:

Disqus
Blogger
Pilih Sistem Komentar Yang Disukai

345 Comments Add Comment

«Oldest ‹Older 1 – 200 of 345 Newer› Newest»

PERTAMAXxx Amankan dulu ahh..
AKhirnya jadi org yang pertama kali koment di blog ini.
Ijin langsung sedot ahh.. UHFFTZZ Mantap kang~

Balas

Silahkan mas semoga bisa bermanfaat :)

Balas

Komen Ke dua, Tetep Pertamax pak Adhy.. Jozz. :D :-d

Balas

Hehehehe makasih mas :)

Balas

lebih simple ya tapi tetap keren mas :-bd

Balas

tampilannya sederhana tetapi terlihat eksklusif yaa mas,
saya izin sedot yaa mas
thanks :)

Balas

izin sedot mas.
pertamax banget tempate y.
heheheh

Balas

wow...maknyuss....izin zedot Kang...mau nambah koleksi nih..

Balas

Keren banget kang =D ijin sedot ah

Balas

Hehehe iya sis biar simple :)

Balas

Silahkan mas :)

Balas

Silahkan mas...
Heheheh makasih :)

Balas

Silahkan mas :)

Balas

Makasih mas :)
Silahkan :)

Balas

belum yakin,pingin ganti template saya mas...
tapi tertarik juga dengan template ini,ijin download ya mas

Balas

Kemarin Kompi Banget, sekarang Kompi Males. Ada ada aja nih mas Adhy, tapi saya kagum sama mas Adhy, kalo bikin template desainnya mewah, ramah dalam validasi, dan responsive.. Kasih :-bd buat mas Adhy..

Balas

nanti menyusul "Kompi Smile" wkwkkw...

Balas

hadeh, postingan baru udah 20 comment, ketinggalan ane. btw, warna nya boleh dirubah kan? (tdk melanggar hak cipta maksudny)

Balas

keren mas adhy :) otak atik dulu ah

Balas

wow si akang keren wae yeuh bikin templatena ...

Balas

keren templatenya mas....ijin download juga mas.

Balas

Saentos ngadambeul template, jadi leungit teu kang penyakitna? :D

Balas

Hehehehe silahkan dicoba mas :)

Balas

Hehehehe YKS dong :)

Balas

Boleh silahkan sesuaikan dengan selera mas :) Yang ga boleh itu merubah kreditnya mas hehehe :)

Balas

Silahkan sista :)

Balas

Ah akang ieu mas sok kitu ah hehhehe :p

Balas

Silahkan mas :)

Balas

Tah eta puguh kang :) dasar ieu mah panyakit matuh jadi we hese leungitna hehehehe :p

Balas

Wah maaf saya ketinggalan berita Template Males ini Kang Adhy
Simak dan ijin download yah Kang. terima kasih atas template malesnya :)

Balas

bagus banget templatenya kang ijin sedot buat koleksi
oh ya kang sekedar request di template yang baru nanti sudah ada tombol show emoticon kang biar bisa langsung di gunakan tanpa merubah atau menambahkan kode2 hehehehehe :) :)

Balas

Maaf saya nyusul nih Kang rada telat dengar berita
Tentang Template Males ini, ijin download Kang Adhy makasih :)

Balas

Sama2 kang :) silahkan dicoba templatenya :)

Balas

Iya mas :) nanti pada template berikutnya :)

Balas

Templatenya keren, mas. Lebih simple dan stylis :D

Balas

ketinggalan jauh commentnya haduh ,, SCC Simple , Cool , Creative :D

Balas

gan saya mau nanya gimana cara agar Tombol Google 1+ jadi valid HTML5 ?

Balas

Jujur aja kang, templatenya bagus banget, makasih kang, izin download

Balas

langsung saya bookmark mas, sepertinya ini cocok utk blog saya :D

makasih telah berbagi template bagus mas Adhy :)

Balas

kalo perlu sidebarnya dibikin warna warni kayak blog ini

Balas

:) asli keren dan menarik ga banyak pewarnaanya...saya amankan dulu nich mas adhy

Balas

wah templatenya akhirnya di share :D

Balas

hahahaha..saya amankan juga om..wakakaka

Balas

mas ..gimana mahu besarkan lebarnya

Balas

Makasih mas :)

Balas

Hehehehe minum dulu mas :D

Balas

Gunakan kode tombol G+ ini
<div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/>

Balas

Makasih mas :) silahkan dicoba :)

Balas

Sama-sama mbak Indah :) semoga bisa bermanfaat :)

Balas

Silahkan modif sesuai keinginan Anda mas :)

Balas

Hehehehe silahkan mas-mas :)

Balas

Iya mas :) hehhhhehe

Balas

Iya sis memang tujuan buatnya biar simple :)

Balas

Hehehehe makasih mas :)

Balas

Rubah lebarnya pada kode ini
.content-wrapper{background-color:#fff;position:relative;width:970px;margin:0 auto;border-left:15px solid #ddd;border-right:15px solid #ddd}

Kemudian sesuaikan lebar pada kode ini juga
.main-wrapper{width:629px;margin-top:20px;float:left;word-wrap:break-word;overflow:hidden;border:1px solid #ddd;border-left:none}

Balas

terima kasih mas atas tunjuk ajarnya :)

Balas

mas kompi saya boleh nanya gak? kenapa yah gamabr posting di homepage saya Terbaca 2 Buah di GTMetrix dan jumlah terbaca di google dengan ukuran kecil "72x72" ?

Balas

Request mohon di tanggapi
Templatenya tolong di jadikan 2 kolom ya mas kalau bisa hehe.
udah cuma itu aja kang :D

email : ufhie.acdc@Gmail.com

Balas

Maaf kang telat , tapi beneran ini templatenya lebih bagus dari yang lain

Balas

Mas Adhi kalo di headernya nggak pake IMAGE jadi Deskripsi biasa aja gimana ya?

Balas

Wah saya telat nih commentnya ternyata kemarin saya comment di blog demonya :)

Balas

wah, ini nih yang saya cari mas, template Responsiv ... izin download ya

Balas

waduh, saya keduluan kang saud nih, ngikut kang saya download templatenya

Balas

cara benerin ini gimana kang https://apis.google.com/js/plusone.js

Balas

Silahkan Mang Yono, kita sama-sama minta
Tempalate Kompi malesnya Kang Adhy :)

Balas

makasih banyak mas Adhy, templatenya sdh saya pakai dan hasilnya benar2 sangat menyenangkan :D

salam sukses n keep sharing :)

Balas

Mungkin maksudnya 3 kolom kali ya... :) soalnya yg ini sudah 2 kolom (1 kolom main dan 1 kolom sidebar)... mungkin untuk template selanjutnya :)

Balas

makasih atas apresiasinya :)

Balas

Ganti kode ini
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<img alt='logo blog' height='90' src='http://1.bp.blogspot.com/-HJBAXm0_Kaw/UxvxnUXaQ9I/AAAAAAAAbbA/FZf8wpAZ24Y/s1600/titlekompimales.png' title='Kompi Males' width='212'/>
<b:else/>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><img alt='logo blog' height='90' src='http://1.bp.blogspot.com/-HJBAXm0_Kaw/UxvxnUXaQ9I/AAAAAAAAbbA/FZf8wpAZ24Y/s1600/titlekompimales.png' title='Kompi Males' width='212'/></span></a>
</b:if>
</b:includable>

Dengan ini
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><data:title/></span></a>
</b:if>
</b:includable>

Balas

Silahkan mas :)

Balas

Maksudnya menerin gimana ya? Itu adalah kode js Google Plus

Balas

Sama-sama mbak :) semoga blognya tambah sukses.
Dan jangan lupa untuk menghapus quickedit-nya (gambar tang dan obeng) setelah menambahkan gadget baru biar tidak menjadi error di validasi html5-nya.
Juga saya lihat judul postingan di homepage agak kebesaran size font-nya jadi meluber ke bawah. Coba kurangan font-size nya di kode ini mbak
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
........
.post h1,.post h2{line-height:0.5em;margin-left:120px;padding:0 10px;font:18px Oswald;text-transform:uppercase}
..............
</style>
</b:if></b:if>

Misalnya menjadi font:12px Oswald

Balas

Dan untuk judul-judul postingan panjang sepertinya pager-nya tabrakan ya mbak :) coba rubah lebar pagernya pada kode ini
.halaman-kiri{width:50%;position:absolute;top:5px;left:20px;text-align:left;transition:all .3s ease-in-out}
dan kode ini
.halaman-kanan{width:50%;position:absolute;top:5px;right:20px;text-align:right;transition:all .3s ease-in-out}
menjadi width:45%

Balas

jarang mampir nih.. blognya makin keren aja mas adhi.. salut deh..

Balas

memperbanyak tulisan artikel di home page gimana ya kang ?

Balas

bagus tampilanya ...mantap..ringan dan simple
Sukses selalu mas

Balas

Makasih mas atas apresiasinya :)

Balas

Jika ingin snippet-nya banyak coba gunakan script auto readmore yang menggunakan javascript mas, dengan itu jumlah karakter pada snippetnya bisa diatur.

Balas

Makasih mas :) semoga kita semua bisa sukses :)

Balas

Salut deh sama Mas Adhy , pengunjug belum bertanya ehh udah dikasih Saran ..
Templatenya Keren Gan ..

Balas

Bookmark aja dlu Mas Adhy , kalau udh bosen pakai template yg lama baru saya pakai yang ini :)
Sukses Selalu buat Agan ...

Balas

guwa nunggu template yang Kompi Ngebut ja kang, low ada hubungi ane =)D
salam kenal semua Gan...

Balas

Maap kang terburu-buru maksud saya
Postingan Blog jadi 2 kolom kalau mas andy kan 3 kolom nah supaya jadi 2 kolom gimana?
Saya sudah coba dijadikan 2 belah postingan. Tapi terhalangi oleh Postingan yang ada warna #ddd

Balas

Bantuanya saya mohon
1. Bagaimana supaya postinganya seperti blog.kangismet
2. Mas Andhy Kreatif dan Terima kasih sudah share gratis yang setara dengan premium.

Semoga makin sukses dan penghasilan nambah 3x lipet :D

Balas

Coba mas muhammad bikin layoutnya (gambar) untuk homepage dan postpage, misalkan pakai photoshop biar saya bisa lebih mengerti maksudnya :)

Balas

makasih mas Adhy sarannya sdh saya terapkan pakai 16 px aja di homepage karena kalau 12 px terlalu kecil, hehehe :D

quickedit yg bikin gambar obeng juga udah saya buang semua setiap kali tambah widget, makasih banyak saran n bantuannya mas, kini blog saya jadi makin keren tampilannya, hehehe :D

Balas

Hehehehe silahkan mas :)

Balas

Hehehehe harus isi pertamax biar bisa ngebut :D

Balas

Iya mas nanti untuk template selanjutnya :)
Makasih atas do'anya...amiin :)

Balas

keren banget templatenya mas, ijin download mas :-bd

Balas

Hello ADHY SURYADI, Please help me fix error "Text run is not in Unicode Normalization Form C." in template. Thanks. Demo here http://validator.w3.org/check?uri=http%3A%2F%2Fwww.tips24h.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Balas

Templatenya sangat bagus.. dan sempurna banget kang Adhy.. dan satu lagi..
Baru kali ini saya lihat Nyonya juragan indri tergoda dengan Sebuah template..banyak saya dapatkan di Update Post template sahabat2 bloger,, biasanya hanya komentar. tidak sampai memakainya... heheheh nice template kang adhy.. goodjob

Balas

wah ajiibb kang templanya, izin sedot ah....

Balas

males aja keren gini kang, gimana rajinnya :D

Balas

These errors came from latest post widget. I think... for this time Vietnamese has characters that aren't present in Unicode Normalization Form C on HTML5. So...try to use English for posts title and others in order not to get errors in html5.

Balas

Silahkan mas :)

Balas

Heheeheh ah aya-aya wae akang mah :p

Balas

sip, ini nih yg lagi ane cari2... ijin comot ya sob?

Balas

makasih sarannya mas Adhy, sdh saya rubah menjadi width:45% :)

Dan font:18px Oswald; juga sdh saya kecilkan lagi menjadi 16px sehingga jika ada judul postingan yg panjang maka tdk menumpuk di homepage :)

kalau ada hal2 lain yg perlu diperbaiki mohon sarannya ya mas, hehehe =D makasih sebelumnya :-bd

Balas

Thanks @ADHY SURYADI =(

Balas

ehh maaf salah tulis mas Adhy, maksudnya font:18px Oswald; juga sdh saya kecilkan lagi menjadi 14px Oswald;

Balas

menarik tampilan template ini.. saya masih tidak faham mengenai maksud template responsive.. apa kelebihannya?

Balas

hehehe ini memang template paling keren dan ramah seluler dari ratusan template yg saya jelajahi di luar negeri mas Fadilla :D

selain itu, template ini sangat cocok utk publisher adsense krn menyediakan ruang bagi unit iklan responsive di tempat2 yg strategis :)

saya sdh check di semua tool google adsense dan hasilnya luar biasa :)

Balas

Pada template ini saya menggunakan read more tanpa javascript agar loading blog tidak terbebani js dari script read more.

Balas

Silahkan mas hehehe :)

Balas

Mungkin bisa disimak di sini sis :) http://www.kompiajaib.com/2013/11/kenapa-dianjurkan-menggunakan-template.html

Balas

Wah sampai segitunya mbak Indri :) terima kasih atas apresiasinya dan juga terima kasih telah menggunakannya.

Memang tujuannya juga untuk memudahkan para publisher GA.

Semoga blognya makin mantap dan GA-nya makin sukses :)

Balas

templatenya keren mas..

mau tanya, cara mengganti warna bacground header dan menu yang abu2 bagaimana ya?
juga warna font postingannya karena menurut saya warnanya kurang hitam, oya apa deskripsi singkat di read more homepage bisa di tambahi? hehee..

thanks banget

Balas
This comment has been removed by the author.

maaf kang adhy, tdi malah kehapus.....krna ngantuk.. :D
untuk kode pada widget facebook n google plus apa ya kang ? dan kenapa deskripsi blog saya tulisannya kecil ya kang ?
mohon penjelasannya kang...

Balas

Untuk header, tambahkan background pada kode berikut:
#header-wrapper{width:100%;color:#555;margin:0 auto;padding:0}
Untuk menu, ganti warna pada background ini:
#menu{background:#666;color:#eee;height:50px}
Untuk background lainnya silahkan sesuaikan pada kumpulan kode tsb.

Untuk warna tulisan postingan silahkan tambahkan color pada kode ini:
.post-body{padding-top:10px;font:16px &#39;PT Sans Narrow&#39;;margin:1.0em 0 .75em;line-height:1.6em}

Balas

Untuk snippet di homepage tidak bisa dikurangi atau ditambahkan karena itu menggunakan snippet default blogger seperti pada widget popular post. Jika inigiin snippetnya bisa diatur jumlah karakternya, silahkan gunakan script auto readmore yang menggunakan javascript namun resikonya tentunya javascript bertambah dan tentunya menambah beban loading blog, dan akan ada error 404 di wmt karena biasanya script ini juga mengatur tampilan thumbnailnya.

Balas

untuk FB gunakan kode ini (ganti alamat FB-nya)
<div class="fb-like-box" data-href="https://www.facebook.com/kompiajaib" data-width="285" data-height="300" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div>

Untuk G+ (ganti alamat G+ nya)
<div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/117950600521728942551' data-source='blogger:blog:followers' data-theme='DARK' data-width='300'></div>
Untuk mengatur besar kecilnya huruf deskripsi blog di header:
#header .description{color:#fff;font:12px Arial;text-shadow:none;}

Balas

terima kasih , salam sukse :)

Balas

makasih kang udah mau jawab ksusahan saya
makasih kang adhy, kode fb n google + udah bisa....(sungkem)
tapi kok ukuran desskripsi huruf header masih sama ya kang, pdahal udah saya ganti 70px....knapa ya kang adhy ??
mohon solusinya kang

Balas

Coba ganti kode ini
#header-wrapper{width:100%;color:#555;margin:0 auto;padding:0}
ganti dengan ini
#header-wrapper{width:100%;height:110px;color:#555;margin:0 auto;padding:0}

Balas

ini alamat blog saya kang,http://ronnimas.blogspot.com/....
salah saya dmana, kok ukuran deskripsi blog saya masih kecil ?

Balas

maksudnya deskripsi yang mana ya? Deskripsi Blog, Judul Blog Atau tinggi headernya? Kalau saya lihat tidak ada deskripsi yang ada judul blog di header coba kasih screenshotnya maksudnya seperti apa.

Balas

udah nih kang ukuran header deskripsi blog udah sesuai, tapi kok gak center ya kang tulisan deskripsi blog saya(keatas gituh)
maafffffff bnget kang adhy, saya bnyak nanya nih.....tapi sumpah saya bener2 baru di blogging....minta maklumnya kang..
makasih kang adhy

Balas

oya maaf bnget kang adhy, sumpah malu bnget nih saya sama kang adhy
iya maksudnya judul blog kang(judul blog saya gak center) gituh kang..
maaf ya kang..... :D

Balas

coba ganti kode ini
#header h1,#header p{font:28px Oswald;text-transform:uppercase;line-height:24px;color:#e74c3c;text-shadow:2px 2px 1px #000;padding:0;margin:0 auto}
ganti dengan ini
#header h1,#header p{font:28px Oswald;text-transform:uppercase;line-height:24px;color:#e74c3c;text-shadow:2px 2px 1px #000;padding:0;margin:20px 0 0 10px}

Balas

gimana ya kang solusinya ?, biar judul blog saya bisa center kaya punya kang adhy(KOMPIAJAIB)
maaf bnget ya kang nanya trus, dan memaksa

Balas

Coba cara di atas, jika margin atasnya kurang, coba tambahin misalnya menjadi margin:25px 0 0 10px

Balas

malem kang adhy, udah sempurna nih kang......makasih bnget sumpah kang, udah mau repot jwab..
oya kang, nanya lagi nih kang....kalo mau hpus tnda dibelah menu translate yg mana ya kang ?

Balas

ok.
saya akan coba mengganti baground dan warna fontnya

makasih mas replynya

Balas

berhasil mas,

kalau untuk warna baground abu2 di page BERANDA paling atas merubahnya kode yang mana ya?
trus untuk widget random post itu di isi sendiri ya mas kode widgetnya?

thanks dan sorry ngerepotin, maklum masih newbie banget neh...^^

Balas

Mas Adhi templatenya keren, ijin pake ya.. Oya, caranya supaya bisa ganti popular post jadi recent post atau posting terbaru gimana ya...? Tangkyu..

Balas

sip..sip.. ini yang lagi saya cari mas... like it... makasih mas... semoga sukses selalu, ijin download mas,,,
http://www.gemasantri.com

Balas

oya kang adhi untuk menghapus menu translate pada navigasi gmana kang adhy ?
mohon penjelasannya kang
terima kasih kang =D

Balas

ijin untuk oublish yah kang di pcfreesoftwarez.blogspot.com .hehe sekalian nitip link :D

Balas

oya kang adhi untuk menghapus menu translate pada navigasi gmana kang adhy ?
mohon penjelasannya kang
terima kasih kang

Balas

Hello from Australia, i recently downloaded this template everything works great untill someone adds a link in their comment, then this comes up

" Maaf link hidup tidak akan tampil di sini! "

I've looked everywhere in the code and can not find where to change this to the english translation.

" Sorry no live links will appear here! "

any help would be great cause this template is Awesome.

Balas

Assalammualaikum kang Ardy..

Mau nanya nich, gmana caraaanya munculin tombol berbagi sosmed di template kompi males? Karena kalo pake opmin tida muncul..

Tolong solusinya ya kang..!!

Balas

Mas andhy request 1 lagi nih. Saya mohon banget.
Kalau mau jadi 3 kolom kaya blog ini gimana?

http://bma-lovers.blogspot.com/

Balas

Just find this javascript at the bottom of edit html
<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 = "Maaf <span style='background-color: red; color: white; padding: 3px;'><b>link hidup</b></span> tidak akan tampil di sini!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>

And edit this code
"Maaf <span style='background-color: red; color: white; padding: 3px;'><b>link hidup</b></span> tidak akan tampil di sini!"
Maybe it will look like this
"Sorry <span style='background-color: red; color: white; padding: 3px;'><b>no live links</b></span> will appear here!"

Balas

Ohhh gitu ya... itu opmin di desktop atau di HP?
memang untuk media query @media screen and (max-width: 320px) sengaja saya tiadakan, namun jika ingin tampil hapus kode .share-box, pada media query tersebut (persis di bawahnya)

Balas

Tinggal ganti aja gadgetnya dengan widget recent post mas :)

Balas

Silahkan mas :)

Balas

Di tunggu jawabannya kang Adhy gmana caranya tombol sosmed tidak ngumpet, Soalnya template kompi males keren banget, dan pengen pake template ini

Balas

Iya nanti saya coba mas :)

Balas

Itu sudah saya jawab di atas mas :)

Balas

Hp kang...

@media screen and (max-width: 320px){
.share-box,.printfriendly,#header2,#ads1-wrapper,#ads2-wrapper{display:none}
.related-post-style-3 .related-post-item {width:110px;margin-right:10px}
.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font:11px Oswald
Yg mana yg harus akusaya hapus kang?

Terimakasih ya kang, udah jawab pertanyaan saya :-)

Balas

Excellent - You're a champion, thank you very much mate, for your fast reply. You have solved my problem, very pleased. Have a wonderful day.

Balas

Hanya menghapus kode ini .share-box, (hapus dengan tanda koma-nya) pada kode ini .share-box,.printfriendly,#header2,#ads1-wrapper,#ads2-wrapper{display:none}

Balas

U're welcome :) thanks for used this template... i wish you success with your blog :) Have a great day :)

Balas

Sukses kang..
Sekali lg, terimakasih kang Adhy

Balas

template-nya bagus mas adhy, cocol utk yg kalem2... tp hrsnya ada 2 pilihan vList dan vGrid, pasti seru tu... [ngarep yg grid hehehe...]

saya coba skalian diutak/ik mas adhy... :-bd

Balas

Hello expectacular Template. Saya ingin posting di halaman utama bisa membaca lebih banyak teks, meningkatkan jumlah huruf yang Anda lihat. Apakah bisa dilakukan?, Aku telah mencari namun belum menemukan kode untuk mengubahnya.
Terima kasih atas kerja Anda.

Balas

Heheeheh iya mbak Tari :)

Balas

Kompi Males menggunakan snippet default blogger, jadi tidak bisa ditambah jumlah karakternya, tujuannya untuk meminimalkan javascript pada template agar loading blognya ringan. Jika karakter huruf pada snippet ingin banyak / bisa diatur jumlahnya harus menggunakan script auto readmore dengan javascript.

Ini adalah kode yang mengatur thumbnail, snippet, dan postmeta di homepage.
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:title='data:post.title' src='http://3.bp.blogspot.com/-KbMVIo_1WPQ/Uww0_LWeM_I/AAAAAAAAbTw/0O75mM8WYEc/s72-c/default.png'/></a>
</b:if>
<div class='postmeta'>
<h3 class='date-header'><span class='author'><a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> on <b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=7&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if></span>
<span class='clock'> On <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a></span>with <span class='comment'><b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments &gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h3>
</div>
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
<a class='read-more' expr:href='data:post.url' title='Read more'>Read more</a>
</b:if>
</b:if>

Balas

Terima kasih untuk merespon begitu cepat, sehingga Anda bilang aku melihat bahwa aku tidak bisa. Kode yang Anda masukkan tidak dimodifikasi untuk pergi lebih huruf, jika Anda berarti.

Balas

Iya begitu. Jika ingin jumlah karakter pada snippet postingan di homepage lebih banyak, harus menggantinya dengan auto readmore dengan javascript. Tutorialnya sudah banyak di Google :)

Balas

Ok, terima kasih banyak.

Balas

template nya keren baru pasang berapa hari, pengunjung naik 2x lipat...
terima kasih mastah...

Balas

Kang Adhy, kalo ada waktu bisa mampir di blog ane. Ane buat postingan mengenai template ini.

Balas

Lupa, ini linknya kang jawigo.blogspot.com/2014/03/Template-Free-Responsive-Valid-HTML5-CSS3-Tampilan-Elegan.html

Balas

Halo lagi, saya mencoba banyak hal dan aku tidak bisa melakukannya setiap kali itu semakin parah. Saya menghargai bahwa Anda menempatkan saya beberapa link ke suatu tempat di mana saya mengatakan bagaimana hal itu dilakukan, karena saya tidak bisa. Bukan berarti harus saya lakukan dengan kode Anda menempatkan di depan saya. Terima kasih.

Balas

saya setuju dengan mbak indri
apa lagi ini buatan indo supportnya ramah lagi
makasih banyak templatenya mas

Balas

Halo, Anda marah lagi karena mereka tidak melihat avatar komentar anonim, saya mengubah beberapa hal dan bahwa pada akhirnya aku meninggalkannya seperti itu karena saya belum tahu, saya mendapatkan kosong, hal itu dapat diperbaiki?. Blog saya adalah http://queenspain.blogspot.com.es/ ini jika Anda ingin melihat.

Balas

Add this code
url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center
to this code
.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; background: #fff }
So it will look like this
.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!important; width: 48px!important; height: 48px!important;margin-right: 10px; background: #fff url(http://2.bp.blogspot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center center }

Balas

Sama-sama mas :)
Semoga blognya tambah sukses :)

Balas

Siippp mas :) makasih atas sharing templatenya :)

Balas

And then this code
.comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px; background: #fff }
Replace with this code
.comment_child .comment_avatar,.comment_child .comment_avatar * { width: 40px!important; height: 40px!important; float: left; margin-right: 10px;background: #fff url(http://3.bp.blogspot.com/-2-vBwDba-Lk/UyulwDe3HFI/AAAAAAAAbgk/p7rpFzkJDjQ/s1600/anon40.gif) no-repeat center center ; overflow: hidden}

Balas

Dipecahkan, Anda adalah yang terbaik. Terima kasih banyak.

Balas

Mantap kang, ini template yang lagi dicari
izin download kang.

Balas

Mas Andhy saya sudah download ulang. Tapi kok header (logo blog jadi ke atas banget?

Check : http://gametasik.blogspot.com/

Mohon solusinya mas andhy

Balas

Silahkan pasang juga banner iklan 728 x 90 nya di header.

Balas

Terima kasih banyak. Tapi iklan banner di pasangnya nanti saja hehe. Dan ukuranya saya ganti jadi height 60 dan alhamdulilah pas banget

Balas

Kang Andy satu lagi nih.
Cara ngerapihin footer gimana? ini jaraknya agak jauh

http://prntscr.com/33basb

Balas

Tampilan tata letaknya memang seperti itu tapi tampilan di blognya tidak renggang begitu, jika lebarnya ditambah maka satu footernya akan turun ke bawah :)

Balas

kang gimana caranya biar engga cursor pointer di menu contoh http://prntscr.com/33l79b

Balas

Hapus kode ini .css('cursor', 'pointer') pada kode javascript toggle sidebarnya ini
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('.sidebar2 .widget-content').hide();
$('.sidebar2 h2:first').addClass('active').next().slideDown('slow');
$('.sidebar2 h2').css('cursor', 'pointer').click(function() {
if($(this).next().is(':hidden')) {
$('.sidebar2 h2').removeClass('active').next().slideUp('slow');
$(this).toggleClass('active').next().slideDown('slow');
}
});
});
//]]>
</script>

Balas

assalamualaikum,,mas ady,,,izin download,,,salan kenal dari saya blogger pemula

Balas

mas, tag pre aku jadi berantakan gitu. Gak tau kenapa coba cek salah satu postinganku yang ini http://newbanie.blogspot.com/2014/02/cara-membuat-auto-tooltip-untuk-blogger.html

Balas

ditunggu fast responnya mas

Balas

Coba tambahkan kode overflow:auto pada kode pre,i[rel="pre"] {
padding:.8em 1em;
margin:0;
background-color:#2f3741;
border-left:4px solid #40627E;
font-size:13px;
color:#839496;
font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,Monospace;
line-height:1.4em;
position:relative;
white-space: pre;
word-wrap: normal;
white-space:pre;
}

Balas

Silahkan mas :)

Balas

Assalamualikum Kang andy :)
Cara ngilangin warna merah gimana yah? http://prntscr.com/33zord

Kalau engga di postingan yang warna #ddd (abu-abu di ilangin) Bagaimana caranya>

Blog saya : gametasik.blogspot.com

Balas

Untuk yang pertama itu karena ada kesalahan pada bordernya (tidak ada kode warnanya) pada kode berikut
.post img{position:absolute;margin-right:20px;padding:0;width:90px;height:90px;border:10px solid ;left:10px;top:0;}

Untuk yang kedua kurang jelas, apakah yang ada di samping kiri kana? itu adalah border pada kode ini .content-wrapper{background-color:#fff;position:relative;width:970px;margin:0 auto;border-left:15px solid #ddd;border-right:15px solid #ddd}
Silahkan hapus bordernya.

Balas

Saya sudah upload dari awal templatenya. Tapi tetap saja hasilnya logo blog sama navigation bagian atasnya tabrakan :(
Saya bukannya meninggalkan link, tapi tolong bantuannya di lembuilmu.blogspot.com =(

Balas

Coba pasang widget iklan 728x90 di samping logo blog mas :)
Coba pakai code di bawah ini
<img alt="Iklan 728" height="90" src="http://2.bp.blogspot.com/-k-hM_ATl4KM/UxvcqR-EunI/AAAAAAAAbao/jq2yqnmtNxA/s1600/iklan728.png" title="Iklan 728 x 90" width="728"/>

Balas

Sudah bisa mas =D
Suaya iklan itu sejejar dengan logo blog gimana mas? =(
Soalnya iklan itu masih terlalu ke kiri =(

Sebelumnya terima kasih untuk templatenya |o|

Balas

Itu sepertinya salah memasukan kodenya. Masukan kodenya lewat Tata Letak kemudian msukan pada gadget HTML/Javascript yang berada di head (gadget yang lebar di head)

Balas

Waduh, saya masukkannya langsung ke edit HTMl template =)D
Kalo cara pake widget Social Media yang valid HTML5 gimana? @@,

Balas

Maksudnya untuk FB dan Google+ di sidebar?

Untuk FB pakai ini <div class="fb-like-box" data-href="https://www.facebook.com/kompiajaib" data-width="285" data-height="300" data-show-faces="true" data-header="false" data-stream="false" data-show-border="false"></div> ganti url fb-nya
Untuk Google+ pakai ini <div class='g-plus' data-action='followers' data-height='300' data-href='https://plus.google.com/117950600521728942551' data-source='blogger:blog:followers' data-theme='DARK' data-width='300'></div> ganti url profil G+ nya

Jangan lupa simpannya lewat Tata Letak

Balas

Oke mas Adhy =D
Thanks info dan templatenya =D
Semoga saja bermanfaat untuk orang banyak |o|

Balas

Kang saya mau hilangin efek hover "Balas" sama "Read more" nya krn di hp ga keliatan 2 tombol itu.

Balas
«Oldest ‹Older 1 – 200 of 345 Newer› Newest»
Add Comment

Komentar dengan link promo akan masuk spam.

Gunakan konversi tool jika ingin menyertakan kode atau gambar.


image
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parser Box

How to get ID DISQUS - http://disq.us/p/[ID DISQUS] - lihat di sini

strong em u strike
pre code pre code spoiler
embed

Like Kompi Ajaib? Keep us running by whitelisting Kompi Ajaib in your ad blocker.

This is how to whitelisting Kompi Ajaib in your ad blocker.

Thank you!

×
×
×