mas template

2 Simple Template Blogger Responsive

Awalnya template ini memenuhi permintaan Pakdhe saya, dia minta dibuatkan sebuah tampilan blog untuk perusahaan property. Tapi karena pertimbangan kelayakan, saya menyarankan untuk membuat blog dengan platform lain. Akhirnya dia memutuskan untuk memakai CMS website template untuk situs perusahaan propertynya. Di samping masalah kredibelitas (masa perusahaan yang notabene punya duit pakai blogspot?) juga karena banyaknya keterbatasan yang dimiliki blogspot, misalnya belum tersedianya form login dan register, fleksibelitas untuk merubah tampilan blog,  dan masih banyak lagi fitur lain dari blogger yang tidak bisa dirubah sesuai keinginan pemilik blog.

Namanya juga blogspot, mau dirubah seperti apapun tetap saja blogspot, dimana masih banyak kekurangan disana-sini dan masih jauh dari layak untuk disebut sebagai salah satu platform blog yang dinamis. Apalagi sekarang aturan penggunaan produk-produk dari Google lebih diperketat dan bagi pengguna blogspot sangat resistance atau rentan dengan amukan alogaritma Google Panda. Kenapa mesti namanya panda? Padahal panda adalah salah satu spesies binatang yang lucu dan nggak suka ngamuk-ngamuk. Harusnya diganti namanya jadi Google Kebo, karena binatang itu yang suka ngamuk kalau lagi lapar.

Kembali lagi ke template yang mau saya bagikan, karena templatenya sudah terlanjur dibuat, agar tidak mubadzir saya share disini saja, siapa tahu ada yang mau makai. Ini juga salah satu alasan kenapa saya tidak pernah melakukan komersialisasi template blogger. Disamping kualitas template buatan saya dibawah rata-rata, juga karena rasa pesimis yang berlebihan, bagaimana nanti kalau tidak laku coba? Yang akhirnya menjadi sebuah hasil karya yang sia-sia karena tidak bisa difungsikan secara maksimal oleh orang lain. Karena sebuah template atau apapun bila sudah dikasih tarif akan menjadi tidak etis jika akhirnya nanti dibagikan secara gratis, setidaknya itu menurut opini saya.

Pakdhe Johny

blogger template responsive


Karena template ini awalnya permintaan Pakdhe saya, namanya Pakdhe Johny. Fitur-fitur yang tersedia pada template ini :
  1. Camera Slideshow
  2. Floating Social Bookmark
  3. Responsive Layout (menurut saya)
  4. Banner iklan 728 x 90 di bawah header
  5. Artikel terkait dengan thumbnail
  6. Tag H1 dan H2 juga sudah dipasang
  7. Coba klik salah satu gambar di homepage, fitur apa itu namanya?
  8. Dan masih banyak lagi yang masih belum dipasang
Untuk mengaktifkan camera slideshow, cari kode ini di Edit HTML :
blogURL:'http://pakdhe-johny.blogspot.com/',
Ganti URL warna kuning diatas, dengan URL blog Anda. Dan untuk mengganti floating social bookmark dengan data-data Anda cari kode berikut di Edit HTML :
 <div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'><div class='sosmed-isiblogger'><a href='https://www.facebook.com/your facebook' target='_blank'><img alt='Like us on Facebook' src='http://3.bp.blogspot.com/-N67uPytUphw/UEyoTwSDa9I/AAAAAAAAAQc/yQjj5R6pBuI/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'><div class='sosmed-isitwitter'><a href='https://twitter.com/maskolis' target='_blank'><img alt='Follow us on Twitter' src='http://1.bp.blogspot.com/-82LWv3XyPKQ/UEypI664imI/AAAAAAAAAQk/CBSAuHp_lqA/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'><div class='sosmed-isifacebook'><a href='https://plus.google.com/your googleplus/posts' target='_blank'><img alt='Recommend us on Google Plus' src='http://3.bp.blogspot.com/-eOpgXkqE7cw/UEyqFjfr6dI/AAAAAAAAAQs/A2JlJ2fios0/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='sosmed-kananrss' onmouseout='this.className=&apos;sosmed-kananrss&apos;' onmouseover='this.className=&apos;sosmed-kananrssc&apos;'><div class='sosmed-isirss'><a href='http://feeds.feedburner.com/maskolis/iqBg' target='_blank'><img alt='Subscribe me on RSS' src='http://3.bp.blogspot.com/-MDAVOH3vOYU/UUa9UYMZCJI/AAAAAAAAAjA/YicU-mlZMrY/s1600/RSSjosspendek.png' title='Subscribe me'/></a><br/>
</div></div>
Ganti semua tulisan warna merah di atas dengan ID Anda.

Johny Ribet

blogger template responsive


Meskipun namanya pakai Ribet, sebenarnya ini template paling simple di antara template-template yang pernah saya buat. Template ini side effect atau efek samping dari pembuatan template Pakdhe Johny. Karena setiap saya membuat template pasti tidak pernah lepas dengan yang namanya jurus coba-coba. Eksperimen dalam memadukan warna atau fitur terkadang memunculkan sebuah kombinasi yang enak dilihat, daripada merubah yang sudah jadi mending dibuat template baru, ya hasilnya seperti template Johny Ribet diatas.

Tidak ada penambahan fitur baru pada template ini, untuk mengganti floating social bookmark cara seperti pada template Pakdhe Johny diatas.

Saya akan ulangi lagi disini, masalah akurasi responsivitas kedua template diatas saya tidak jamin 100% karena teknologi dan kualitas mobile phone saya yang tidak menunjang untuk mengecek secara langsung. Jadi, harap maklum dan jika ada yang merasa tampilan responsif-nya kurang enak dilihat, silahkan protes pada kolom komentar dibawah. Berhubung hujan sudah reda sekarang waktunya pulang ke rumah masing-masing......

TAMBAHAN :
Mas Adhy (Kompi Ajaib) dan mas Panjz (Panjz Online) demo template yang mau dibagi mana ya?
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di Creating Website

1,287 comments:

  1. keren nih mas.. terutama pada menunya berubah banget ketika tampilan responsivenya.. i like it..

    ReplyDelete
    Replies
    1. Lha yg kemarin kan juga udah gitu

      Mas Zainul, itu blog gamenya berat bgt loadingnya?
      Kalo bisa ada yang dikurangi

      Delete
    2. template buat Kenadeh.com belum jadi ya ?

      Delete
    3. Kunjungan balik sob
      http://peaceblogberbagi.blogspot.com/
      :D

      Delete
    4. @kenadeh : maaf mas saya kesulitan membuat warna warni, dan waktu saya untuk membuat template magazine belum ada, karena pasti lama. Kemarin teman saya yg saya suruh buat template pesanan mas kenadeh sakit, sekarang saya belum berani ganggu lagi, kalo saya nggak mungkin bikin sendiri karena keterbatasan waktu.

      Saya hanya bisa bikin template sederhana seperti diatas, karena cara pembuatan yg mudah dan nggak butuh waktu lama

      Delete
    5. Mas kalo buat Widget Facebook twitter dll yang ada di samping itu gmn Y

      Delete
    6. Keren banget mas..
      Tante jatuh cinta sejak pandangan pertama. xixixi

      Delete
  2. xml nya udah dikirim ke email mas sama link demo dan logo PSD-nya

    ReplyDelete
    Replies
    1. mas ..! ane ada komen di blog mas yang game

      Delete
    2. Iya udah saya liat om
      Saya nggak baca ada komen om Adhy di aartikel sebelumnya

      Delete
  3. kagak tau. fitur apa emg itu?
    tapi keren mas ada tombol share nya.
    rencana saya mau pakek di blog ini [newslifestyle4u.blogspot.com]

    ReplyDelete
    Replies
    1. Siap mas Mus..

      Namanya seperti teman saya di Planet Kenthir, Mus juga dari Aceh, apa orgnya sama jgn2 ya?

      Delete
  4. wah maskolis lg demam responsive..hehehe
    oya.. link demonya nanti malam saya tulis di sini mas.
    soalnya baru pulang mudik dr jawa..heheh
    ini ja pake hape mas..heheh

    ReplyDelete
    Replies
    1. udah saya kirim ke email mas..hehe

      Delete
    2. Wah yang baru pulang dari Ngajuk.. (bener nggak ya)
      Saya dulu waktu kuliah di Surabaya sering main ke Nganjuk, taunya cuma alun-alun doang

      Oke nanti tak cek email

      Delete
    3. Weh mas Panjz habis nengok anak sama istri yah? Mudah2an pada sehat ya...

      Delete
    4. maskolis @ saya aja taunya alun2 aja mas..wajakak blom terlalu gaul..hahah
      oya mas..knapa iah menunav nya cuman tanda ceklis aja..pas klik navigagsi menunya.. saya
      ohm adhy @ iah mas..mumpung ada wqktu..hehe

      Delete
    5. Pake apa sih mas, opera mini ya?
      Saya udah cek nggak apa2 mas, sudah tak coba semua browser semua bisa diklik navigasinya

      Delete
    6. iah..kan pk hp mas bukanya..ngaruh iah nas law di opera mini. kalau.di browser bawaan hp sih bisa mas..heheheh

      Delete
    7. Nah itu dia, saya gaptek HP
      Gak tau HP apa pake browser apa

      Delete
  5. Waduh ada yg baru lagi, makin keren aj mas... titip jempol sj dheee

    ReplyDelete
  6. keren mas template-nya....?
    emang jempol deh buat Mas...
    :)

    ReplyDelete
  7. ckckckc... Pinter`e neh... responsive bangett..

    ReplyDelete
    Replies
    1. Mas Chanelsatu kalo ketemu yg bikin pasti lebih heran

      ckkkk... ganteng'e rek

      Delete
  8. Benar benar mantab ..dan sangat responsive....

    ReplyDelete
    Replies
    1. Wah ini si pendekar tengkorak kemana aja, nggak pernah nongol disini?

      Gimana kabarnya mas?

      Delete
    2. Baik mas ...tengkoraknya sudah reinkarnasi ke johny wuss..sekalian nanyak kalau mau ngilangin fungsi snipped pada home page dan di ganti dengan readmore biasa gimana ya mas...
      contohnya kaya gini :https://lh5.googleusercontent.com/-dr3Yky2Evko/UUkrXFw0bJI/AAAAAAAABS4/InFCNBIlZBs/s500/sniped.png

      Delete
    3. Gini aja, mas mahfid download, template johny see book sekali
      Kemudian rubah kode css (ingat hanya kode css) dibawah ]]></b:skin>

      Kemudian rubah juga kode yang ada di bawah post-hentry :
      <div class='post hentry'>
      .....................................
      ....................................
      s/d
      ....................................
      ....................................
      <div style='clear: both;'/> <!-- clear for photos floats -->
      </div>

      Delete
    4. terimakasih mas sudah ketemu solusinya buat cadangan jika lain waktu bosan dengan tampilannya yang sekarang...

      Delete
  9. ha... duh....! ampun deh mas...! penyakit sy baru sembuh beberapa minggu, habis lihat blog demo pakde johny rasa'e penyakit ganti template mau kambuh lagi...!

    penyebab sy terjangkit penyakit demam johny, tiap kali keluar template baru salalu lebih bagus dan menarik dari yang sebelumnya.

    maju terus jangan mudur mas....! (belakang ada kali)

    ReplyDelete
  10. Sungguh Mantap mas, Bisa buat koleksi heheha Sukses Selalu mas

    ReplyDelete
  11. maskolis yang saya hormati, saya minta tolong bisa ngak buatin template mp3 search engine versi blogspot kaya http://zonemp34.blogspot.com kalau bisa yang Responsive juga,TERIMAKASIH BANYAK YA MAS

    ReplyDelete
    Replies
    1. Buat mas Riffat, download disini mas..
      http://blog.bay68.com/2012/07/matxac-2012-blogger-templates.html

      Kasian Maskolis lgi pusing mikirin pa'dhe johny.hehehe

      Delete
    2. Lhah ternyata itu template udah ada yg bikin, tinggal download aja, makasih bantuannya mas Ari

      Delete
  12. templatenya bener-bener enak dilihat mata mas
    mantap deh ^_^

    ReplyDelete
  13. Maz boleh request slider yg support html 5 ga,,, hhe,,,
    makasih ya maz
    Salam suksess!

    ReplyDelete
    Replies
    1. Camera slideshow diatas udah support HTML5
      Kalo mau lebih lengkap disini :
      http://wowslider.com/jquery-slider-crystal-basic-demo.html

      Delete
  14. saya coba buka pake hp kren bgt dan sangat responsive,acung 2 jmpol aja dech buat yg ini..

    ReplyDelete
    Replies
    1. Belum sempet ngerubah templatenya mas Aulia, nanti kalo udah ada waktu luang ya mas

      Delete
  15. yan(k) template pakdhe jhony keren mas,, Kalo bsa bikinin tampilan mobile juga dong mas..

    ReplyDelete
    Replies
    1. Lah itu template udah bisa tmpilan mobile mas (responsive)

      Delete
    2. Iya bingung saya pertanyaannya..
      Template tampilan mobile yg gimana mas?

      Delete
  16. template karya maskolis keren2, tambah bingung nih mau pilih, abis semuanya pada keren, dan saya salah satu pengguna berat template maskolis, silahkan dicek ke blog saya ya mas, tak tunggu commentnya lho mengenai tampilan blog saya

    ReplyDelete
  17. mas kolis gimana cara merubah warna bata bagian atas sama readmore di tempoate Johny Ribet,saya mau rubah jadi warna biru, mohon petunjuk nya ya, terimakasih

    ReplyDelete
    Replies
    1. Cari kode ini di edit HTML :
      .headerpic-wrapper{background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png);width:100%;padding:0;margin:0 auto;}

      Ganti : background:url(http://1.bp.blogspot.com/--iWwVrDZ0Po/UUcMFnIyZpI/AAAAAAAAAk0/jwWmANvcA5I/s1600/header.png)

      Delete
  18. mas kok ane pake nih template udah bagus tuh tapi pas dtampilan responsivenya yang iklannya tuh nggak sama dengan yang disebelahnya (like fb)

    kalau masalah blog game ane bingung apa yang harus ane ilangin mas...

    ReplyDelete
    Replies
    1. mas masalah diatas udah terselesaikan tapi ada lagi satu nih mas.. pas aku nambah menu accordion.. kok slider cameranya hilang mas..?? bingung apa penyebabnya

      Delete
  19. nah ini template yang saya tunggu2 dari kemaren mas,,,keren banget deh pokoknya..
    sudah saya pakai template inI di www.gunungbromo.com :D

    ReplyDelete
  20. mas salam kenal aku penguna baru, aku mo nanya nih mas kok widget arsip yang aku set ke hierarki tanda panahnya ngak berfungsi ya nas jadi ngak bisa scrool ke bawah gitu oh ya aku pakai yang asal responsive, yang template ini keren tapi bisa masalah widget asipnya gimana mohon pencerahannya but templatenya keren dan simpel

    ReplyDelete
    Replies
    1. Jawabannya udah ada pada artikel sebelumnya mbak...

      Delete
  21. super keren maskolis.. jadi pengen ganti template lagi tapi klo ganti template ribet musti atur ulang dari awal.

    salam http://www.wejangan.com/

    ReplyDelete
    Replies
    1. Sebenernya ini lebih gampang kok mbak dari johny sakit gigi
      Mending kalo memang tertarik dgn salah satu template diatas, coba dulu di blog demo, buat blog baru khusus untuk nyoba template. JIka dirasa bagus pake, kalo gak, ya gak usah

      Delete
  22. cia cia template keren begini dibilang kualitasnya dibawah rata2..

    semangat terus mas! :)

    ReplyDelete
  23. como cambiar random post del slider....

    ReplyDelete
    Replies
    1. You can add this code :
      RandompostActive:false,
      below this code : NumCharacter: 160,

      It will work with your recent post

      Delete
  24. subhanalloh wal hamdulillah
    jazakakumullohu katsira
    haturnuhun kang maskolis
    amazing template
    semoga sehat dan sukses selalu aamiin
    alfatihaH

    ( www.dokumenpemudatqn.com )

    ReplyDelete
  25. Baru bisa ngabsen lagi nih Mas, lagi sibuk nyusun tesis (kalo ngeblog terus lama-lama aku bisa DO Hehehe...)

    Pakdhenya Keren, aku suka ma share button (FB n Twitter) yang ada di Post Picturenya. Kira-kira kalo aku terapin di 1001 Ebook bisa ga Mas? Mohon bantuannya ya Mas.

    Sukses terus buat Maskolis di Dunia Nyata maupun di Dunia Mayanya. ^_^

    ReplyDelete
    Replies
    1. Semoga sukses dengan thesis nya mas

      Cari kata kunci sosmed-kanan, kode css dan HTML copy semuanya, nggak pake javascript

      Delete
    2. Kalo saya ikutan ambil share button yang ini boleh ngga mas ??? minggu lalu juga saya ganti sama tamplatenya mas kolis tapi ngga ada share buttonnya seperti template diatas,,

      Delete
  26. Bukan yang itu Mas, tapi yang kalo kita sorot gambar di homepage muncul tombol Fb n Twitter.

    Bisa ga Mas kira-kira diterapin di 1001 Ebook?

    Yang Sosmed-kanan juga aku suka Mas, Kayaknya bagus juga tuh kalo aku pake di 1001 Ebook.

    Kalo menurut Mas gimana???

    ReplyDelete
    Replies
    1. Oh itu yg ini kodenya :
      #twit_fb{background-clip:padding-box;box-shadow:0 14px 2px -10px #CCC;cursor:pointer;display:inline-block;vertical-align:top;width:100%;margin:0 11px 30px 0;padding:0}
      ......................
      s/d
      ......................
      ul.twit_fbpanjang li a span{display:block;font-weight:700;vertical-align:baseline}

      Dan perhatikan penerapannya pada image thumb yg ada di bawah post-henty

      Tanpa javascript

      Delete
    2. Aku udah coba Mas, ga bisa. Kayaknya struktur htmlnya ga sama dengan 1001 Ebook, Kira-kira harus diapain ya Mas???

      Aku udah nyoba edit di Postingannya, itu bisa. Tapi masa aku harus edit sekitar 500 lebih postingan untuk nerapinnya Mas.

      Mohon pencerahan ya Mas. ^_^

      Delete
    3. Ya itu dia, susahnya. Karena membentuk ukuran imagenya di postingan, mesti lewat postingan juga kalo mau nambahin twit sama Fb mas.

      Delete
  27. Ok Mas, aku coba dulu. Mudah2an bisa, kalo ga bisa jangan bosan ya Mas kalo ditanya. ^_^

    Mas mau tanya nih, menurut Mas 1001 Ebook yang sekarang seperti apa sih? jujur ya Mas.

    ReplyDelete
    Replies
    1. Tampilannya belum berubah, padet semua space terisi tertata rapi, loadingnya lumayan cepet

      Kalc blog yg bagus menurut saya sih :
      1. Nggak banyak iklan
      2. Nggak ada pop up (nyebelin)
      3. Nggak ada redirect link dari adfly dan sejenisnya

      Delete
  28. mat sore mas kolis templatenya baru lagi ni makin mantap aja ni mas kolis, wemang top. O.ia mas Xml dan link demo template satu kolomnya sudah saya kirim ke email mas kolis tolong di perbaiki kekurangannya yach mas. he..he. thanks sebelumnya

    ReplyDelete
    Replies
    1. Udah saya terma, saya cek demonya
      kenapa postnya nggak mau muncul, coba lihat gambar :
      http://2.bp.blogspot.com/-7OvQwSgTkJM/UUl7B0EmjkI/AAAAAAAAAmw/ShybEHiG6NE/s1600/New+Picture.jpg

      Delete
    2. udah bisa mas, aq juga uda kirim kmbali scriptx ke email. thanks

      Delete
  29. mas...! mau tanyak yg kemarin sy tanyakan di mas kompi soal kodi beckground header.

    semua cara yg mas kompi tunjukan udah sy ikuti dan berhasil, tapi kenapa jika pake browser opera gambar beckground header jadi 3 lapis, sedangkan kalau pake firefox dan crhome normal.

    mohon bantengannya mas...!

    ReplyDelete
    Replies
    1. Mas Andre liat blog saya di opera mini lapis 3 nggak?

      Delete
    2. say jawab mas.... nggak.. hehehe
      soalnya saya pake opera mini tiap waktu online..heheheh

      Delete
    3. nah... tu dia mas...! punyak maskolis kok ngak...!, padahal saya lihat kodinya sama (cntr+u).

      ada solusinya ngak mas? kalau mas kolis ngak keberatan mohon dicek dulu blog sy mas ( http://tecsimo.blogspot.com ) mungkin ada kodi yang ngak segaja saya hapus

      Delete
  30. template'y bagus mass .. ?

    mau nanya mas, kalo edit template pake marcomedia dreamweaver MX 2004 bagaimana ya mass ?
    mohon panduannya :)

    boelh donk kalo comment balik hehe...

    ReplyDelete
    Replies
    1. Saya malah gak bisa pake dreamweaver, dulu pernah belajar Dreamweaver buat CMS template. Waktu itu saya tanya ke mentor, dia bilang mesti pake domain dan hosting untuk bikin situs pake CMS, gak saya terusin belajarnya

      Kalo blogspot manual aja, ada cara yg gampang ngapain mesti susah2

      Delete
    2. caranya bagaimana mas ? apakah banyak memakai CSS ?

      Delete
  31. Hi,
    How to get your popular posts code???

    ReplyDelete
    Replies
    1. Which one?
      But if you mean popular post in this blog, you can read this post :
      http://creatingwebsite-maskolis.blogspot.com/2012/05/modifikasi-popular-post-untuk-template.html

      Resize an image by your self, and for clarity image you can took the code from view source code in this blog

      Delete
  32. hi friend mas, how can i create the social bar (vertical) as well as johny ribet on the right side? it's minimalistic and gorgeous, thumbs up for maskolis! btw, visit my blog at farhanshare.blogspot.com, please give me feedback, anyway, I made the template for my own in farhanshare.

    ReplyDelete
    Replies
    1. Wah pake bhs Inggris, nih udah saya buatkan tutorialnya :
      http://www.maskolis.com/2013/03/floating-social-bookmark-dengan-efek.html

      Delete
    2. sekalian belajar mas, siapa tau menaikkan rating di google karena pakai bahasa inggris, hehe

      Delete
    3. oh iya mas saya mau tanya deh, saya kan coba cek blog maskolis.com di w3.validator, terus blog maskolis cuma 3 error 1 warning, kok bisa mas dikit banget errornya? sama seo skornya mas di seoanalyser.net juga 79% (bagus), saya cuma 56%:(

      Delete
    4. Kalo masalah validasi, sebenernya semua tipe template bisa diminimalisir erornya, tapi itu tidak mutlak menurut saya. Coba liat blog2 besar ato google sekalipun masih banyak error pada HTML nya. Tapi masih bisa mempunyai PR yg tinggi.

      Kebiasaan buruk para blogger skrg terlalu fokus pada masalah yg sebenernya nggak begitu essensial. Misalnya terlalu fokus pada validasi HTML, SEO atau tampilan responsif dan mengesampingkan kualitas konten yg menurut saya itu adalah kekuatan yg utama sebuah situs.

      Template yg saya pake ini masih jauh dari SEO lho mas, masih byk penggunaan javscript dan image pada struktur template.

      Delete
    5. iya mas, makasih ya bantuanya, btw, setelah saya coba baguskan konten dan update rutin 3 artikel sehari, posisi kontes seo saya langsung meroket ke posisi 5 di page 1, terimakasih mas.

      Delete
  33. Mas cara anti warna backround footer sebelah kanan [Populer Post] gimana mas saya pakai template "johny kena baned"
    ini blog saya mohon di cek http://nusantara-putra.blogspot.com

    Terimaksaih

    ReplyDelete
  34. 1 lagi mas ganti bakcround atas lupa nama nya yg warna merah

    ReplyDelete
  35. yg unik dan baru sy liat itu yg ada share fb dan twiter pd image...., kapan2 di share ya mas cara buatx :)

    ReplyDelete
  36. Mas, suka banget sama template pakdhe ini..saya udah coba di blog baru saya dan pengen pakai juga di blog yang udah lumayan lama. mau tanya dong kalau ganti template berpengaruh gak sama SEO?

    ReplyDelete
    Replies
    1. Kalo blog baru nggak begitu pengaruh
      Tapi kalo blog lama, mesin telusur google mesti menyesuaikan lagi dari awal, kira-kira butuh waktu 1 s/d 2 minggu baru stabil.

      Tapi juga tergantung template yg dipake sebelumnya, kalo skor SEO nya lebih rendah dari template yg mau dipake, malah lebih bagus. Tapi kalo skor SEO template lama lebih tinggi mending nggak usah ganti

      Delete
    2. oh gitu yah,,trimakasih mas. saya udah pake template pakdhe nggak perduli SEO nya lagi abis kepincut sama template pakdhe ini, tapi koq slidernya gak jalan di blog saya. blog saya Media Infonetku

      Delete
    3. Itu karena ada double jquery library mas :
      http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js

      Hapus salah satu

      Delete
    4. Mas, mau tanya lagi nih, kanapa yah facebook like dan sent-nya nggak keliatan? thx

      Delete
  37. yg pakdhe joni kenapa camera slideshow nya g jalan ya

    ReplyDelete
  38. I add this to

    Btemplate3s.blogspot.com

    ReplyDelete
  39. please how to edit the slider show ???

    ReplyDelete
    Replies
    1. Find this URL in edit HTML :
      http://pakdhe-johny.blogspot.com/

      Replace with yours

      Delete
    2. Thank you Maskolis ... you are the best (y)

      Delete
  40. hi mas
    I have problems with slideshow camera.
    suspension systems shows old times
    john
    techandtech.gr

    ReplyDelete
    Replies
    1. Hi John, you can add this code :
      RandompostActive:false,
      below this code : NumCharacter: 160,

      It will work with your recent post

      Delete
  41. mas kholis aku akhirnya pakai yang template ini makasih templatenya bagus banget,, namun ada yang aku tanyakan mohon jika berkenan di jawab
    1. untuk template yang sebelumnya kan widget jsnya mas nonaktifkan itu alasannya apa ya mas ? apa bisa menaikkan seo atau bagaimana..
    2. aku pakai template yang john asal responsive eror di validation w3 cuma 9 tapi setelah pakai yang john ribet jadi 27 gimana menguranginya ya ?? apa karena gambarnya ngak aku alt, jika iya kok yang template sebelumnya errornya kecil banget..
    terima kasih kalau berkenan menjawab.. salam blogger baru

    ReplyDelete
    Replies
    1. 1. Biar tambah cepet aja, dampaknya semua widget bawaan blogger yg make javascript nggak bisa berfungsi. Nggak ada pengaruhnya buat SEO

      2. Sebaiknya pake tag alt pada tiap gambar. Tiap template punya struktur kode pembentuk yang beda-beda mbak. DI cek aja lagi di W3 kemudian centang semua kotak kecil, disitu ada petunjuknya cara ngilangin error

      Delete
    2. ooo... makasih ... sudah dijawab

      Delete
  42. Makin kreatif ni mas kolis/Jhoni? Smg trs brtambah ilmux, brkah pl ilmu dan amalx.

    Mau tanya kalau ambil screenshot seperti diatas bgm Mas? Semoga komentar kali ini terlihat dan smpat dijawab. Terimakasih.

    ReplyDelete
    Replies
    1. Makasih mbak

      Itu screenshot saya dapat dari sini :
      http://ami.responsivedesign.is/

      Tinggal masukin url blognya

      Delete
  43. maf saya ulangi dari page laiinya soalnya dilihat mas kolisnya susah heheheh
    ini mas gimana munculin slidenya di tempate johny joss??
    randomnya productnya yang sesuai demonya caranya gimananya ya maskolis??
    cara ngilangin title n diskirpisi tp masi bisa dibaca di google gimana ya?? hehehehe maf pertanyaanya konyol saya memang g tau ..ini blog saya terimas kasih bantuannya
    http://jualeigeronline.blogspot.com/

    ReplyDelete
    Replies
    1. Itu template yg dipake masih menggunakan script yg rusak, udah saya perbaiki. Silahkan download ulang di mastemplate ya mas

      Delete
    2. legaaaaa... mksih mas akhirnya terjawab sudah..hehehe..
      btw maskolis 1 lagi yang title tagnya n diskipsinya dihiden dari homepage caranya gimana ya??

      Delete
    3. Diganti logo blog aja mas ukurannya kira2 400 x 90px, kemudian setelah jadi logonya masuk ke tata letak, pilih kolom header (atas kiri) >> klik edit >> upload >> centang Instead of title and description >> terakhir save

      Delete
  44. Wah templatenya cetar membahana aja mas

    ReplyDelete
  45. wwaduh walah kang mas, sungguh 1 keinginan dalam 2 kenyataan yang berbeda, fitur pa de saya suka, tapi kurang suka warna header hitamnya, lebih suka warna orange di header Ribet, kapan ya ada kolaburasi warna pak de, Ribet dan johny kena banned, sambil nunggu acc, ane iin download pak de... trims smoga Tuhan Membalas segala kebaikan kang mas

    ReplyDelete
    Replies
    1. Tinggal tukar aja warna background pada headerpic-outer

      Delete
  46. pagi mas.. maaf OOT nih.. maaf bngt sebelumnya...

    mas maskolis lagi ada di thread ini :)
    salam kenal ya mas,. saya baru beberapa hari pakai template mas yang jhony storage

    yang mau saya tanyakan,.. kenapa saya buka dengan beda browser hasilnya beda.. (mozilla firefox dengan google chrome)

    mohon dicek mas kesalahan saya:
    http://www.korantangsel.com/

    ketika saya buka dari google chrome space iklan saya diatas recent post terlihat. Akan tetapi jika saya buka dengan firefox space iklan saya yang diatas recent post tidak terlihat..

    penyebabnya apa ya mas,. saya lihat bentuk layout template dari fire fox dan google chrome kok berbeda yah,. padahal dengan template yang sama.

    mohon jawabannya mas.. terima kasih


    oia,. sekali lagi mas,. mohon rekomendasinya mas,. template mana yang CEO'y tinggi,.. dan saya cocok pakai template yang mana jika ingin memuat berita online

    mohon masukan dan saran mas.

    ReplyDelete
    Replies
    1. Pake ini aja mas udah valid html :
      http://www.maskolis.com/2013/01/modifikasi-3-template-valid-html5.html

      Pilih salah satu

      Delete
  47. Saya pakai diblog saya ya mas,, tapi kenapa tiba-tiba kotak search dan navigasi diblog saya hilang ya mas?

    ReplyDelete
  48. SIP Gan!!! saya pinjem ya Gan,..Sundul!!!

    ReplyDelete
  49. Mas Kholis boleh minta data maskolis.com nya..?

    ReplyDelete
    Replies
    1. Data apaan? Tuh tinggal klik "about me" di navigasi blog ini.

      Apa butuh diperjelas lagi, nih saya kasih data diri lengkap
      Nama Blog : Creating Website
      URL : http://www.maskolis.com
      Pemilik : maskolis ganteng
      Hobby : Makan, tidur
      Acara TV Favorit : Makan-makan
      Benda favorit : Sabun
      Hewan favorit : Burung
      Makanan favorit : makanan gratis
      Minuman favorit : minuman gratis

      Udah itu aja tambahannya, itu namanya diganti dulu... masa sweatangel....?? ntar diketawain sama bule... mana ada malaikat berkeringat

      Delete
    2. ga segitunya juga Mas..

      Maskolis.. boleh kan saya input ke http://backlinkgratisberkualitasindonesia.blogspot.com ?

      Delete
    3. Silahkan dgn senang hati, makasih sebelumnya

      Ehh.. itu blog tentang apa sih? Masa nggak ada artikelnya blas, kalo cuma link doang ati2 aja kena amukan Google Panda.

      Bukannya doain, tapi saran aja kalo bisa nulis artikel juga, apa kek, misalnya deskripsi ttg blog itu, tujuan dan maksudnya apa, trus visi dan misinya apa biar lebih kredibel gitu

      Delete
    4. Oh oke saran nya boleh juga nih Maskolis.

      kan di about nya udah ada Maskolis..

      lagian gak cuma link, itu kan ada description blog, banner, dll.. :P

      karena sweetangel sudah terlalu mainstream jadi pake sweat pocari aja pake sweat bukan sweet.




      Delete
    5. Iya deh....

      Setau saya yg namanya wadah disitu juga mesti dikasih fitur khusus misalnya forum atau minimal buku tamu buat interaksi sesama blogger, jadi tambah rame ke depannya, kalo cuma gitu orang habis submit ya udah, habis itu pergi.

      Delete
    6. okeh, Maskolis dah di submit nih..

      http://backlinkgratisberkualitasindonesia.blogspot.com/2013/03/creating-website.html

      tenkyu yaa..

      Delete
    7. Hmm.. disana ada widget + tracker nya .

      mungkin maskolis udah tau :)

      iya, saya tambahin buku tamu seharusnya biar ada interkasi lebih

      Delete
    8. Ya kalo nama pocari sweat kan nyambung, sweat = berkeringat
      Habis berkeringat trus minum pocari

      Lhah kalo sweatangel...??? wkwkwkwkwkwkwkwkwkw *guling-guling
      Tapi terserah situ deh, kalo buat saya sih "sweatangel" terasa aneh, apalagi photonya cewek cakep. Angelnya cocok, tapi sweatnya itu yg nggak nyambung... hahahahahaha

      Sori ya ini kebiasaan lama di Kompasiana suka usil, namanya juga kenthir

      Delete
    9. maskolis sama sweatangel cocok nich:Dbisa jodoh...fotonya cakep ya maskolis..atau pakai trik klasik?bener ga to fotonya?jangan"kayak foto maskolis ga ada yang bener wujudnya,xixixixi...tetapi jawab jujur ya mas..diTechnorati itu aslikan??

      Delete
    10. Bukan, itu photo siapa gak tau (artis indo keknya), adik saya yg bikin akun di Technoratti dulu.

      Kalo mau tau muka saya yg asli tinggal search di google "maskolis kompasiana" atau "maskolis planet kenthir" trus klik image, nah disitu ada tapi tebak sendiri yg mana

      Delete
    11. Hahaha ,
      Sampai Sekarang Foto Maskolis Masih Menjadi Pertanyaan Yang Mencurigakan ,
      Mungkin MAskolis Akan Datang Pada Hari Yang Ditentukan, hehehe :)
      Butuh Source Lagi Untuk Mengetahui Foto Asli Maskolis ,

      Kaga Ketemu mas fotonya ,
      yang ada foto karikatur itu aja ,
      BTW , Templatenya keren :)

      Delete
    12. cara menghubungi mas kolis gimana sih, please kasih tau dong penting nih ada yg mau di tanyakan soalnya.
      ini email saya: adizeverpen@gmail.com

      Delete
  50. mas tamplatenya pakdhe bagus, saya suka melihatnya, sekalian mau tanya mas, saya bolak balik lihat validasi blog saya error dan peringatannya banyak banget, trus lihat html jadi bingung harus ubah yang mana, tolong dibantu mas ini bag saya http://variasipartmotor.blogspot.com/ trus apa benar klau jualan lewat blog akan kena branded sama google, maaf banyak nanya soalnya masih nuwbie

    ReplyDelete
    Replies
    1. Kalo saya jelaskan disini, masalah validasi HTML bisa panjang, dan itupun masih versi saya. Jadi coba mas googling dgn kata kunci cara mengatasi error validasi template blogger, udah banyak yg nulis.

      Kalo masalah dibanned/dihapus itu tergantung. Biasanya blog yg kena banned kebanyakan blog copas, blog yg isinya cuma link affiliasi (terlalu byk link yg tidak sesuai dgn niche blog), dan blog konten negatif (porno, ajakan anarkisme, vandalisme, dll)

      Kalo mau lebih aman coba diganti menjadi custom domain (dirubah jadi .com atau .net tanpa embel2 blogspot)

      Delete
    2. gitu ya, tp saya pernah lihat blog yang pakai tamplete maskolis kok blognya dihapus yang ada di 10 blogger pengguna tamplate maskolis ini blognya mas http://anime999-store.blogspot.com/,trus blogspot jadi com.net apa harus pindah ke wordpress, apa tetap ke bloger apa pakai yang lain, trus apa harus membuat blog dari awal lagi ya

      Delete
    3. Nggak usah pindah ke Wordpress, coba perhatikan blog ini, masih pake blogspot. Cuma ngilangin blogspot.com jadi .com

      Kalo kasus anime999 saya nggak tau mungkin ada pertimbangan lain dari google shg blog itu dihapus, atau jgn2 dihapus sendiri sama pemiliknya?

      Delete
  51. maskolis saya pesen tolong buatin template bisa gak?
    saya butuh ni maskolis
    contoh templatenya yang kayak ini http://www.mastemplate.com/2012/08/johny-ganteng-banget.html

    di edit2
    1.warnanya
    2. Headlines News
    3.tombol menunya tidak terlalu besar
    4. bisa di lihat dari ponsel

    tolong segera comment dan di buatin

    ReplyDelete
    Replies
    1. Nggak ah, bikin sendiri aja
      Saya nggak menerima modifikasi blog meski dibayar sekalipun

      Byk tuh jasa tukang modifikasi blogger, ke sana aja ya mas

      Delete
  52. mas kolis mau tanya donk :D biat kotak komentar blogger responsive gmna yo? :D
    thanks mas

    ReplyDelete
    Replies
    1. Kalo tampilan templatenya responsive, kotak komentarnya pasti ngikut jadi responsive juga

      Delete
  53. Any tutorial to make Camera Slideshow for blogger?

    ReplyDelete
    Replies
    1. Leave your email here, or you can read the original post from the designer :
      http://www.pixedelic.com/plugins/camera/

      Delete
    2. This comment has been removed by the author.

      Delete
    3. I'm waiting for the email :(

      Delete
  54. iya setuju, pada akhirnya template mereka di bajak juga karena semakin lama blogger muda semakin cerdas

    ReplyDelete
  55. mas makasih banyak ya, templete lakistore.com saya bisa lebih saya sempurnakan. dan saya pusa ngeliatnya. Diambil dari Johny Template. 2 jempol buat maskolis

    ReplyDelete
  56. cuman kadang2 suka ada notifikasi gitu yang suruh masukin username sama password, pas ngeload maskolis.googlecode nya mas? tapi kadang2 bisa lagi, kira2 kenapa ya mas?

    ReplyDelete
    Replies
    1. Itu karena masih pake javascript yg udaaba ke johny template klik view source code. Silahkan diganti script yg rusak dgn yg ada disitu. Sesuaikan urutannya

      Delete
    2. nero.rbr@gmail.com , please send me a tutorial, how to add the camera slider on blogger. Thanks Helmi...

      Delete
  57. Mas, tolong template Johny Kena Banned dibuat template responsive-nya ya? Terimakasih...

    ReplyDelete
    Replies
    1. Waduh... nggak bisa saya mas kalo template tipe magazine

      Delete
  58. templatenya bagus bagus, bingung jadinya, saya coba pake yg ini dulu mas. Terima kasih, semoga sukses dan tetap produktif...

    ReplyDelete
  59. keren banget mas...emang semua template buatan mas ngga ada duanya....! hampir semua template buatan mas ane koleksi... tapi ngga semua dipake...alnya blog saya sedikit sedangkan template buatan mas banyak banget....! nah ane mau nanya nih ke mas... tapi maaf yah sebelumnya kalau pertanyaan saya ngga ada hubungannya dengan artikel download template mas yang ini...! pertanyaan saya adalah :

    apa bisa kita memasang Slider Carousel dibagian atas header atau mungkin di tempat bekas navbar bawaan blogspot yang sudah dihilangkan , soalnya saya mau mengisi tempat kosong itu dengan slider carousel...dan kalau seandainya bisa tolong dong kasih tau caranya...!

    mohon dibales dan please yah jawabannya jangan digondol tikus kayak diatas...! wkwkwkwk

    oh iya jangan lupa jalan2 ke blog2 punya saya diantaranya:

    http://adjisunda.blogspot.com/
    http://persibbandungfcindonesia.blogspot.com/
    http://barudakbaxtaicommunity.blogspot.com/

    dan masih banyak lagi....!

    nah salah satu diantaranya ada yang pakai template buatan mas...!

    sukses terus yah mas dan jangan berhenti buat template2 blog keren yang lainnya....! ...

    ReplyDelete
    Replies
    1. Wahahaha.... makasih byk apresiasinya mas.
      Kalo mau pasang slider carousel ini ada 2 tutorial, silahkan mau pilih yg mana :
      http://www.maskolis.com/2012/04/membuat-slider-carousel-otomatis.html
      http://www.maskolis.com/2012/07/membuat-slider-carousel-otomatis-versi.html

      Kalo ada yg kurang jelas silahkan tanya lagi disini

      Delete
  60. Cara setting responsive template di mobile gimana maskolis,?

    Tolong jawabanya ,,

    ReplyDelete
    Replies
    1. Masuk ke template >> mobile, setting pada posisi custom >> save

      Delete
  61. very good blogger templates.
    design pro

    ReplyDelete
  62. tenang bos sumber rizki tidak hanya dari templete.
    sedikit si bos mau memberi ke orang lain.dan orang tersebut merasa senang dan terima kasih .Itu adalah do'a yang di ucapkan dengan ikhlas.
    Kalau do'a sudah ikhlas maka akan jadi sumber rizki yang lain.
    Dan inilah yang jarang di miliki orang lain.
    rikzi akan datang dari segala arah yang tidak di sangka2.
    Besar kecilnya juga tak terukur

    Teruskan berkarya...........saya terus memantau

    ReplyDelete
  63. cantik...tapi laptop KY tak dapat nak downlond..mungkin kerna sudah lama kali

    ReplyDelete
  64. mas,. mau nanya,.. kalo template dari mas, bisa di modif g?
    maksud saya,. saya buat page baru,. tpi bentuk layoutnya tidak sma dengan template mas,.
    http://www.korantangsel.com

    jadi ketika saya buka kategori pemberitaan pemerintahan... nanti dihalamannya khusus berita pemerintahan,. label lain tidak diikut sertakan, maksud saya agar tiap kategori lebih spesifik...

    saya ngutak ngatik di blogger,. kalo saya buat page baru, tidak ada setting layoutnya mas...

    saya ingin seperti situs
    http://tangerangnews.com/olahraga

    ketika dibuka kategori olah raga, hanya pemberitaan olah raga saja yang keluar..

    oia,. kalo di blogger gmn cara ngerubah link
    dari link:
    http://korantangsel.com/search/label/pemerintahan
    menjadi:
    http://korantangsel.com/pemerintahan

    maaf mas,. saya belum terlalu banyak bisa web, saya pelajari sedikit demi sedikit diwaktu senggang saya kuliah.. terima kasih, mohon arahannya...

    kunjungi web pribadi saya yah mas :)
    http://arifhidayatullah.com

    nb: saya sangat senang berkenalan dengan mas,.. sangat jarang orang yang mau berbagi.. ^_^

    ReplyDelete
  65. Salam Mas kolis, mas aku mau tanya nih.
    boleh gk Camera slide show pada template Pakde-johny Di pasang di template lain .

    kalau bisa caranya bagai mana yah mas ?

    ini email saya : ronatio.rumahorbo@ymail.com
    saya Suka dengan karya" mas kolis.
    TRIMAKASIH YAH MAS :D

    ReplyDelete
  66. maaf mas kholis sebelumnya
    mas kholis template q tak ganti dengan yang ini tp camera slidernya kok ndak bisa kelihatan bisa bantu mas ?? badahal url nya udah saya ganti http://www.kumpulanterkini.com
    mas mohon bantuannya... terima kasih sebelumnya

    ReplyDelete
  67. sir.. how to make this template all thumbnail appear even the images is not uploaded on blogspot. thanks..

    ReplyDelete
  68. Kenapa ya, di tangan saya template maskolis yang ganteng banget jadi ancur banget. hadeeuuh.

    www.islamiccenterr.blogspot.com

    ReplyDelete
  69. Please, I have a question: How can I make the slider go a little faster?

    ReplyDelete
  70. Maskolis Ganteng Tolong dong Minta Template toko online yang responsive. :)

    ReplyDelete
  71. This comment has been removed by the author.

    ReplyDelete
  72. makasih templatenya mas :D

    sudah dipakai
    mampir ya
    http://www.rikirofiki.com/

    ReplyDelete
  73. BLOG BANDEL
    Mas Kolis mohon bantuan arahan nya.
    mas bagaimana caranya mengatur blog yang bandel, saya pake template pakde jhony tapi di bagian slideshow nya gambar tidak mau menempati posisi yang sesuai , dan melebar kesamping.
    [ http://kampongmayangan.blogspot.com ]

    ReplyDelete
  74. templete yang johny joss headernya bisa di ganti ngga ?
    tampilannya beda ya sama demonya...

    email saya :suryana.weda@yahoo.com
    terima kasih

    ReplyDelete
  75. mas saya ada pertanyaan penting mas. waktu saya lagi obrak abrik template Johny ribet tiba-tiba warna teks postingan saya berubah menjadi putih semua kasih pencerahanya donk mas

    http://poetra-pakumis.blogspot.com/2013/04/cara-membuat-widget-social-media-follow.html

    ReplyDelete
  76. Sembah sungkem mas...ijin download plus makai.
    http://fromallforall.blogspot.com

    ReplyDelete
  77. terimakasih mas joni & mas kolis

    ReplyDelete
  78. thank you mas he is number one blogger template designer. http://www.oyun04.com

    ReplyDelete
  79. Maskolis ... seperti yang saya dapat memakai "camera-slider". entri baru-baru ini?

    ReplyDelete
  80. This comment has been removed by the author.

    ReplyDelete
  81. sudah saya cob mas. silahkan cek di http://irfan295-kdc.blogspot.com/

    ReplyDelete
  82. Bonjour,

    pour commencer merci pour la template. Sinon, j'ai 2 questions comment changer la taille de l'encart pour la pub 728x90 parce que la pub dépasse un peu. Et comment changer le nombre de caractères du texte sur les aperçus des articles sur la page d'accueil.

    Mon site: http://www.photodunet.com

    ReplyDelete
  83. maskolis cara ngilangin advertisment diatas slider camera sama sekalian camera slidenya gimana diilangin semua saya mau blog saya lebih fast dan hanya berisi postingan saja...thx inilahmisteri.blogspot.com

    ReplyDelete
  84. Saya coba-coba pakai template ini ternyata bagus dan sangat sesuai dengan kemampuan orang yang sudah setua saya. trima kasih semoga sukses, salam http://hismaindonesia.blogspot.com

    ReplyDelete
  85. Mas, gimana caranya bikin Auto Slider HTML5 untuk Blogger? ditunggu jawabannya di ariefputera@gmail.com

    ReplyDelete
  86. This comment has been removed by the author.

    ReplyDelete
  87. misi mas, saya pakai template yang jhony ribet, tapi ada beberapa masalah mas yaitu :

    1. post di home page saya hanya ada satu padahal saya setting 5,
    2. kemudian di nextpage hanya ada 3 page padahal post di blog saya ada 14,
    3. lalu kenapa pada post yang di home page maupun yang di recent post isinya bukan isi dari post saya tapi malah muncul script template.

    ini SS nya : http://3.bp.blogspot.com/-czh0LDH6C5Q/UW696FsmlgI/AAAAAAAAAB0/lKsw1us0JdA/s1600/masalah.jpg
    ini url blognya : www.blogcahrpl.blogspot.com

    Mohon bimbinganya mas, maaf kalo banyak tanya hehehe

    ReplyDelete
  88. Izin pake templatenya mas, semoga sukses ya.
    BestRegards

    ReplyDelete

No comment moderation in this page
Do not put the link in this comment, I'll make it disappear forever
I hate when people play cheat to increase their blog, meanwhile everyone else do it politely and honestly

 
CREATING WEBSITE © 2012 the other blog Mas Template | Look at this Johny Template | Powered by Blogger