Template ini hasil utak-atik saya sambil menunggu derby pertandingan sepakbola kota Milan nanti malam. Daripada nganggur mending bikin sesuatu buat bisa dishare disini. Template ini sangat sederhana tidak ada fitur khusus seperti template-template saya sebelumnya, yang jelas template ini lumayan ringan dan nggak tahu SEO friendly apa nggak. Tapi semua meta tag dan fasilitas SEO yang lain untuk blogger sudah saya pasang. Setahu saya yang namanya template blogger itu jauh dari kata SEO friendly kita hanya bisa mencoba untuk membuatnya lebih ramah pada pengunjung. Beda dengan platform lain, wordpress misalnya bisa dipasang plugin-plugin khusus untuk SEO. Tapi namanya juga sudah dikasih gratisan sama Google masa sih mau protes?
Template ini hanya mempunyai dua warna dasar putih dan abu-abu dengan background hitam, 70% template ini hanya menggunakan pemainan warna dan hanya menggunakan gambar sedikit saja pada bagian-bagian tertentu. Mempunyai dua navigasi menu, navigasi yang pertama (atas) Anda harus mengisikan secara manual pada Edit HTML. Untuk navigasi bawah, itu adalah navigasi untuk halaman statis (static page), jika Anda membuat halaman, seperti about me, contact me, disclaimer dan lain-lain, maka otomatis akan muncul pada navigasi yang kedua. Fitur lain yang mungkin perlu penjelasan disini adalah :
- Social bookmark dan Subscriber
Cara pasangnya masuk ke layout >> add gadget masukkan kode ini ke dalamnya :
Ganti kata maskolis diatas dengan ID anda masing-masing.
- Template Johny Simpleblog ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, jangan lupa untuk centang kotak expand widget templates :<a expr:href='"https://www.blogger.com/comment.g?blogID=6168443577798831338&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>Warna merah pada kode diatas adalah ID blog demo, Anda harus ganti dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :
- Untuk mengganti iklan yang ada di bawah postingan (sebelah related post), masuk ke Edit HTML lalu cari kode berikut (kode ini tidak akan muncul jika anda tidak mencentang kotak expand widget templates) :
Tulisan warna biru diatas adalah kode iklan yang ada di bawah postingan blog demo, silahkan Anda ganti dengan iklan Anda ukuran 300 x 250 px.
My Google Code was banned again, there's so many script that I put in there can't be opened. But I already fixed it with the updates ones, you can re-download this template or you can change some script below
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript




kok demonya pergi ke Johny Backup mas?
ReplyDelete@Haz Issac:
ReplyDeleteWah iya, makasih koreksinya bro.. hehehe
Untuk pasang di O new babe besok ya..
ngak apa2 mas.. bila mas punya waktu terluang, bila2 masa saja mas.. hehe
ReplyDeleteya, templatenya ini memang simple.. sesuai mas untuk blog fokus gadget or it news.. hehe
Wah Mantab Mas ^_^
ReplyDeletewaduh nambah lagi template kerennya ^_^
ReplyDeletelanjutkan mas :D
Mantep mas langsung comot deh ^_^
ReplyDeleteWah ini dia template yg saya cari.terimakasih maskolis
ReplyDeleteYang ini bener2 ringan sekali loadnya
ReplyDeleteMas gi mana mau membuat multi level comment seperti templatenya harap Mas Maskolis bisa membantu saya ^_^
ReplyDelete@Danial Abdul Rahim:
ReplyDeletePertama buat dulu tabber tutorialnya disini kemudian baru membuat comment avatarnya tutorialnya disini
@Danial Abdul Rahim:
ReplyDeleteWah maaf Danial saya kira untuk tabber yang ada di sidebar. Maksudnya untuk komentar yang ada di Johny Simpleblog ya?
Gini aja tinggalkan email disini nanti saya kirim scriptnya, soalnya kalo ditulis disini terlalu panjang.
Kepada Mas Maskolis danialde4@gmail.com
ReplyDeleteTerima Kasih ya kerana membantu ^_^
mantap Templatenya....
ReplyDeletedatang lagi mas..nah kalok simple saya suka mas,,,kalok yang magazine bingung saya editnya,,hehe
ReplyDeletekeren kang mas Kholis,...
ReplyDeletekalo boleh Request template, ada template simple dan lumayan bagus kyak ini mas kholis...
http://www.bersamadakwah.com/
makasih mas
@Zaenal Abidin:
ReplyDeleteKenapa mesti rekues mas, klik aja credit link pembuat template di footer blog itu. Udah banyak yg makai tuh mas, tinggal download aja
Mas artikel terkaitnya kok ga muncul ya
ReplyDelete@Cari Tentang:
ReplyDeleteKalau template ini belum dirubah struktur Edit HTMLnya pasti bisa mas, dan kasih label mas waktu bikin postingan
template dari web ini emang keren-keren banget sumpah
ReplyDeletetwothumb
izin sedot ea gan, coz nie keren.
ReplyDeletehahaha jadi Bingung mau ganti template apa kagak
ReplyDeleteabis yang baru keluar keren banget
jadi terharu saya mau melepas template lama hikz hehe :D
wonderful information, I had come to know about your blog from my friend nandu , hyderabad,i have read atleast 7 posts of yours by now, and let me tell you, your website gives the best and the most interesting information. This is just the kind of information that i had been looking for, i'm already your rss reader now and i would regularly watch out for the new posts, once again hats off to you! Thanks a ton once again,
ReplyDelete@anirudh anu:
ReplyDeleteHi anirudh anu, thanks for your appreciation, Actually I would love to write my post in English, but unfortunately my English was not so good, so sorry if you must translate it first in English or in your language.
I just want to say hey to your friend Nandu, big thanks to him.
And thanks again for your subscription and I hope you enjoy it.
mas Lapor masalah yang ada di Template nih
ReplyDeleteheader blog saya kok gag sempurna
Ni preview nya
http://2.bp.blogspot.com/-2vrx3CMv9DU/T61K9BvS7wI/AAAAAAAAA6M/atn4WVFBBL8/s1600/bantu+eaa.jpg
@Irwantz':
ReplyDeleteItu karena logo yang dibuat terlalu gede. kalo mau pake logo itu lebarkan kolom untuk header, cari kode ini :
#header{float:left;width:210px;border:0 solid #dcd9d9;text-align:left;color:#333;margin:0}
#header2{float:right;width:728px;margin-right:10px;text-align:left;color:#555}
Rubah lebar pada header dari 210 menjadi 460, kemudian di header2 rubah 718 jadi 468
hehe gitu ternyata ^ ^
ReplyDeleteeh ya mas
iklan google nya di mozilla kok gag keliihatan ya.?
sekalian yaa
Code ini ni code p'an ya mas
ganti nya dengan code apa.??
-----
ub-9608487840337104";
b-1556223355139109";
"3387370593";
-----
terimakasih mas, templatenya bagus sekali..saya izin pake buat Blog baru saya. :)
ReplyDeleteAda yg mau saya tanyakan mohon bantuannya..
1. Script google terjemah itu yg mana yaa saya ingin menghapusnya.
2. saya ingin tabber yg di sidebar di hilangkan, jadi widget biasa saja tidak menyatu 3 sekaligus.
hehe.. maaf sudah merepotkan, saya mohon bantuannya.
terimakasih.
Ehh,.. mas udah ketemu script-nya, gak jadi deh nanya nya.. hehehe
ReplyDeleteterimakasih..
Maskolis, Ko engga bisa di download sih?
ReplyDeletemas, kalo biar tab recent comment ada commentnya gimana ya?
ReplyDeleteKok Gk Bisa Yya Mas ??
ReplyDelete@Bayu:
ReplyDeleteUntuk membuat recent koment seperti demo baca tutorialnya disini
ohhh...iyaiya
ReplyDeleteterima kasih mas
Satu pertanyaan lagi mas, gimana caranya biar Google Translate-nya ada. Soalnya cuma muncul pilih bahasa saja.
Saya pake template yang ini, bagus .. :D
Mas aku datang lagi kesini, mau minta petunjuk. hehe
ReplyDeleteMas kayaknya template ini tambah bagus kalo di pinggirnya dikasih efek shadow/bayangan kaya di template simplemag..
hmmm.. saya minta petunjuknya gimana caranya kalo di pinggir template ini mau dikasih efek bayangan..
terimakasih.. :)
@Bayu:
ReplyDeleteWah masa sih cuma ada tulisan pilih bahasa aja? Gini aja bikin baru di google translate kemudian ganti kode untuk membuat google translate dengan yang baru
@aa Solah:
ReplyDeleteTambahkan kode ini pada kode : -moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #333;box-shadow:0 0 40px rgba(0,0,0,.20);
pada #outer-wrapper
Jadinya nanti seperti ini :
#outer-wrapper{background:#fff;-moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #333;box-shadow:0 0 40px rgba(0,0,0,.20);
Tapi kalo backgroundnya gelap efek bayangannya gak keliatan mas
mas, boleh gak bagian link credit footer sebelah kanannya dihapus, soalnya terlalu banyak link credit
ReplyDelete@Dapscom:
ReplyDeleteYang sebelah kredit kiri ada tiga itu memang mesti diganti dengan blog list anda, kalo yg sebelah kanan jangan dong mas, ya?
OK mas, trims banyak atas templatenya semoga dipanjangkan umur dan diberi rizki yang halal dan melimpah
ReplyDeletemas mau nanya nih bagaimana caranya
ReplyDeletetabber yg di sidebar di hilangkan, jadi widget biasa saja tidak menyatu 3 sekaligus.
mohon petunjuk mas
@Play Boy:
ReplyDeleteBaca tutorial membuat tabbernya disini kemudian hapus kode di template yg sama pada tutorial tersebut
gan, mau nanya lagi, kok random postnya gak muncul kyk pada demo nya
ReplyDelete@Dapscom:
ReplyDeleteYah kan banyak tutorialnya di internet bro, tinggal cari aja dengan kata kunci membuat random post di bloggger, Lagian pada kolom footer nggak mesti ditaro widget random post kan? Bisa diisi follower, FB fanpage atau terserah penggunanya
Tolong Dong, blog saya setelah pasang template ini menjadi berat atau kadang hang. klo buka di mozilla terkadang tampil pesan seperti ini :
ReplyDeleteKemungkinan skrip dalam laman ini sibuk atau tidak merespon. Anda bisa menghentikan jalannya skrip sekarang atau menunggu apakah skrip dapat selesai bekerja.
Skrip: http://mediainformasiku.blogspot.com/:1029
Sy tdk dapat edit html, setiap masuk menu edit html pasti terjadi hang. Mohon solusinya.
Silahkan cek blog baru saya buat dengan template ini di http://mediainformasiku.blogspot.com
@Rhan-D:
ReplyDeleteGini aja sekarang hapus semua widget yang sudah dipasang, kembalikan template ke default. Kalo saya liat dari sini ada yang tidak beres dengan link ke facebook. Dan juga ada kemungkinan blog Anda terinjeksi virus malware, coba cek di webmaster tool google
mas mau tanya nih
ReplyDeleteIklan nya
yang ini nih maksud nya dimna sih.??
--------------------------------------------
<script type="text/javascript"><!--
google_ad_client = "ca-pub-9608487840337104";
google_ad_host = "pub-1556223355139109";
/* johny bingung 1 */
google_ad_slot = "3387370593";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
--------------------------------------------
gag ngeri trus kalau mau di ganti apa apa aja yg di ganti masih bingung.???
mas kolis saya mau dikirimin tutorial membuat comment multilevel kayak di template ini...
ReplyDeletesoalnya setelah saya instal templatenya,,, ternyata multilevel komentarnya gx aktif...
ini email saya... zokufotutorial@gmail.com
@Irwantz':
ReplyDeleteIya bener, ganti dengn kode iklan anda, lha udah daftar di google adsense belum? daftar dulu atau pake iklan selain google juga boleh
@Admin Zokufo Unit 111:
ReplyDeletePerhatikan nomer 2 diatas mas, ganti warna merah pada kode tersebut dengan ID blog anda
mas, dibikin mas template ala-ala mashabledotcom tu mas.. hehe
ReplyDeletemaaf nanya kang....,
ReplyDeletekok font postingan ane jadi kecil banget.... nggak kayak demonya....,
masalahnya apa ya....????
and agak berat juga ;-)
eclopedia.blogspot.com
@Kang Obet:
ReplyDeleteScript pembentuk huruf yang ini jgn dihapus mas :
<link href='http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic&v1' rel='stylesheet' type='text/css'/>
Letaknya persis di bawah <head> kalao dihapus hurufnya jadi kecil
Hallo bos, kalau template seperti blog http://creatingwebsite-maskolis.blogspot.com ini apa namanya? saya pengen nich. share juga ya
ReplyDelete@Mukti Effendi:
ReplyDeleteSilahkan download disini pak
Mas , saya mau tanya , kalau umpama google translatenya di rubah menjadi chose kategori,berlangganan artikel dll kayak yg di template johny storeage gimana caranya , terima kasih :D mohon bantuannya
ReplyDeletemas, mau tanya nih, setelah saya terapkan, menu navigasi 1 2 3 di bawah posting ko ke tutup ya,, cara benerin ny gimana tuh mas.. pencerahan ny mas.
ReplyDeletesalam sehat mas kolis
ReplyDeletemau nanya nih mas gimana cara menghilangkan tanda komentar di bawah judul postingan mas???
makasih
@Big Buya:
ReplyDeleteSalam sehat juga buat Big Buya
cari di Edit HTML (jgn lupa centang expand widget templates) dan hapus kode di bawah ini :
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = '<data:post.dateHeader/>';</script>
<h2 class='date-header'><data:post.dateHeader/> | <span class='comment-home'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'> <data:top.commentLabel/><b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>) </b:if></a>
</span>
</h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script> | <span class='comment-home'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 0'> <data:top.commentLabel/><b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>) </b:if></a>
</span>
</h2>
</b:if></b:if>
bisa dipasang widget tabview ga
ReplyDeletemas, waktu reply koment gak bisa munculnya kayak gini
ReplyDeleteKesalahan saat memenuhi permintaan Anda
Maafkan kami, tapi kami tidak dapat menyelesaikan permintaan Anda.
gimana mas, mohoon pencerahannya..
@admin :
ReplyDeleteMakanya dibaca dulu tutorial template ini mas, coba itu dibaca pada nomer 2 artikel ini.
Sampel maskolis besar, tapi aku mengalami masalah, yang bisa membantu saya silahkan saya memiliki gambar thumbnail on.cac di picasa, tempat penyimpanan gambar lainnya tidak menampilkan thumbnail?
ReplyDeletedemo ; http://www.khocviem.org
@Admin khocviem.org:
ReplyDeleteI have visited your blog, I suggest you to upload your image in blogger for better result.
Upload your image when you make some new posts, cause that can make your blog more easy load too
Yah, aku lakukan, tapi masih masalah dengan komentar. Aku telah menggantikan ID bimbingan 6705037567588071219 benar tetapi tidak maka. Gambar
ReplyDeleteimages:
Saya sangat suka dengan template ini Mas. Sudah komplit semuanya. Btw, bisa gak buat Template Khusus Sekolah? Yang ada Sistem Informasi Akademik-nya... Kalo emang bisa, saya Request Mas... :)
ReplyDelete@Admin:
ReplyDeleteI can't see the image that you gave here. I think you must re-upload this template and follow tutorial to use completly.
I'm not so good in English so you must translate it in Engliah by clicking widget translation flag in my sidebar side
@Bisida:
Untuk saat ini saya belum bisa melayani pemesanan template untuk personal mas, masih belum berani baru belajar soalnya
please help me, I did as instructed by you, and have changed their ID's blog, but the comment still does not work. see pictures to help me. thank you
ReplyDeleteimages http://2.bp.blogspot.com/-YyDFZQubZWg/T829Fagd6JI/AAAAAAAAB_E/sF66Jr23R8I/s320/comment.PNG
@Mr Trung:
ReplyDeleteOkay I know that, there's some missing code in your template please re-upload this template again. save your work first. And first thing that you must do is actify your reply in your comment box.
Remember only the red code that you must change with your blod ID
why rss icons doesnt work for me..?
ReplyDeletethats what i did..
design>page elements>add a gadget(above subscribe)>pasted your code up..
when i do this it displays me only words (youtube etc)
hello...i added an subcategory to one of the categories..how can i display the arrow to the category..?
ReplyDeleteOh, ya. Dalam pilihan komentator ID itu bisa ngga ditambah ID FB mas? Trimakasih atas jawabannya.
ReplyDelete@Dewa Ayu Erniathi:
ReplyDeleteTinggal tambahkan komentar FB di blog, tutorialnya banyak mbak di internet, cari kata kunci membuat komen FB di blogger
Selamat malam mas Kholis, Terimakasih atas jawaban yang sebelumnya, mo nanya lagi nih....
ReplyDeleteUntuk Munculin Avatar Komentar gimana ya...???
kok gambarnya tetep sama semua
hxxp://eclopedia.blogspot.com
matur tengyu sebelumnya mas.... ;-)
@Kang Obet:
ReplyDeleteDiupload ulang aja kang, kayaknya ada yg kehapus itu kodenya
yes...., makasih om...., udah ane upload ulang n berhasil.....
ReplyDeleteoya om...., dari hati yang terdalam ane naksir abis ama templatenya "Punya Adik jangan Di Klik"
ada rencana boleh di share gak ya...??
atau itu masuk dalam daftar Premium..???
pengen juga bikin blog portal nich..., kebetulan jatuh cintanya malah sama itu template.....
@Kang Obet:
ReplyDeletePake ini aja http://creatingwebsite-maskolis.blogspot.com/2012/07/johny-kenthir-template-ramai-seperti.html
Sama bentuknya tinggal ganti headernya sama yg di johny storage blue kang
yes.... ke tkp om....!!!
ReplyDeletesekali lagi makasiiiiiih.....!!!
nanti kalo dah jadi minta tolong baantu sundul ya..., hehehe
om, saya mau hapus ads yang ada di sebelah related post dan diganti dengan suscribe, gimana caranya ya???
ReplyDeleteneed help :)
@RauefSe7en:
ReplyDeleteTinggal cari di edit HTML jgn lupa centang expand widget templates kode div class="banner-ads
Ganti kode di bawah kode itu dgn subscribe widget
mas,,,saya memakai template mas, ini bgaimana y caranya mengganti backgroundnya
ReplyDeletemaskolis saya pake template ini, keren abis :) thx mas...
ReplyDeleteTapi ada dikit masalah, knp thumbnail pict nya gak muncul ya di halaman awal? apa ada yang salah?
@@「Hasky Varsant」:
ReplyDeleteUpload sendiri mas gambarnya waktu bikin postingan, jgn copy url image dari blog lain ya
güzel bir site
ReplyDeletehttp://chatmoneywin.blogspot.com
Mas saya minta template yang mas pakai ini dong ?
ReplyDeletehttp://www.mastemplate.com/2012/02/creating-website-2.html
Deletethank you for your beautiful collection of templates.
ReplyDeleteBloggerjin
Permisi mas mw tnya. Untuk poin 1 (Social bookmark dan Subscriber), tulisan "maskolis" di kode yg ini --> input type="hidden" value="maskolis" name="uri" diganti jg gak mas? Kalau diganti pakai id apa mas? Apa pakai id feedburner jg? TERIMA KASIH Mas......
ReplyDeletemaskolis kok page navigationnya selalu gak muncul setelah install tempelatenya, mohon pencerahannya mas?
ReplyDeletecuman ini masalahnya setiap saat pakai tempelatenya maskolis (Page navigationnya gak muncul)
Mas Salam sehat selalu saya mau nanya nih mas, untuk tutorial 1.Social bookmark dan Subscriber
ReplyDeleteGanti kata maskolis diatas dengan ID anda masing-masing.
Maksutnya ID yang mana mas saya baru soalnya jadi belum ngerti mas hehehe mohon bantuannya mas....
Mas Untuk Popular post gi mana nambahinnya mas, soalnya dengan sengaja saya delet, saya delet karena posisi Popular post masuk ke Subscribe jadi saya coba delet tidak taunya hilang sih ilang Mas tapi Social bookmark dan Subscriber Munculnya Di tempat lain Mas, jadinya tampilnya di luar, waktu saya delet waktu di tampilan Home tapi setelah saya mau menambahkan melalu Layout - Add a Gadget ternyata ada Popular post jadi di tambahin lewat Edit HTML ya mas, gimana caranya mas Mohon bantuannya...
ReplyDelete