mas template

Template Creating Website Modifikasi

Berawal dari seorang sahabat Maspena kalau nggak salah namanya, dia menanyakan template yang saya pakai dan boleh minta nggak? Tentu saja boleh, disini saya ingin berbagi tapi sabar dulu ya, saya lagi memodifikasi template tersebut sehingga cocok dipasang untuk blog dengan konten apapun. Template blog ini aslinya adalah techstop. Tapi menurut saya template ini kurang fleksibel karena hanya bisa digunakan untuk blog dengan konten tutorial atau semacam catatan harian. Sehingga banyak sekali bagian yang mesti dimodifikasi.

Untuk itu saya mencoba mencari template yang simple saja untuk memodifikasi template yang mirip dengan yang saya pakai sekarang ini. Template Creating Website Modifikasi yang sudah jadi sekarang ini awalnya adalah template Minima dengan dua kolom, kemudian saya bagi menjadi 3 kolom di bagian homepage, dan hanya 2 kolom di bagian post dan page. Tujuan saya membagi menjadi 3 kolom di homepage agar lebih fleksibel, jadi bisa juga dipakai temen-temen yang mempunyai blog dengan konten berita misalnya. Berikut ini screenshot bagian homepage dan postpage (klik gambar untuk memperbesar) :

homepage creating website

postpage creating website

Ada beberapa perbedaan tampilan template ini dengan yang saya pakai, selain bagian homepage, kotak berlangganan feedburner juga saya rubah sehingga  sekarang mejadi satu bagian dengan fitur related post. Jadi lebih memberikan ruang kosong di bagian sidebar. Untuk bagian sidebar lebar, sengaja di bagian bawah tidak saya bagi lagi menjadi dua karena sudah saya sediakan sidebar kecil di bagian homepage.

Oke sekarang saya akan berikan beberapa kode yang mesti dipasang di bagian sidebar sehingga tampilannya mirip dengan blog yang saya pakai sekarang ini :
  1. Translate gambar bendera (sidebar lebar atas)
    Sebenernya tutorialnya sudah banyak beredar di internet, tapi daripada anda susah-susah nyarinya langsung saja saya berikan kode scriptnya untuk dipasang :
    <style>
    .google_translate img {
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.0;
    border:0;
    }
    .google_translate:hover img {
    filter:alpha(opacity=30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    .google_translatextra:hover img {
    filter:alpha(opacity=0.30);
    -moz-opacity: 0.30;
    opacity: 0.30;
    border:0;
    }
    </style>
    <div>
    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="French"><img align="absbottom" alt="French" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj1AdOWZI/AAAAAAAAA1w/lWUkGNrOFYo/French_thumb%5B5%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="French" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="24" /></a>

    <a class="google_translate" href="http://www.blogger.com/post-create.g?blogID=7490537618574143540#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="24" /></a></div>
  2. Tab View
    Pada bagian ini, tab view yang saya pakai masih manual, sekarang sudah banyak cara membuat tab view yang lebih gampang misalnya dengan menambah sentuhan jQuery. Tapi nggak ada salahnya jika kode script yang saya pakai di blog ini saya bagikan kepada anda (Untuk lebih jelasnya bisa dibaca pada tutorial membuat tab view):
    <style type="text/css">
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 92px;
    height: 22px;
    text-align: center;
    margin: 5px 0px 0px 3px;
    background-color:#999999;
    padding-top: 6px;
    border: 1px solid #ffffff;
    border-bottom: 1px solid #ccc;
    font-family: "Arial, Helvetica, sans-serif", Arial;
    font-weight: 900;

    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #444343; }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #cccccc;
    overflow: hidden;
    background-color: #F2F2F2;
    }
    div.TabView div.Pages div.Page
    {
    padding: 2px;
    height: 100%;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
    .list {
    background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center;
    border-bottom:1px dotted #7f7f7f;
    line-height:1.5em;
    padding:3px 0px 3px 20px;
    }
    </style>

    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 298px;">
    <a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Tutorial Blog</span></a>
    <a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Wordpress</span></a>
    <a href="http://www.blogger.com/post-create.g?blogID=7490537618574143540"><span style="color: white;">Joomla</span></a></div>
    <div class="Pages" style="height: 200px; width: 298px;">

    <div class="Page">
    <div class="Pad">
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
    <div class="list">
    dan seterusnya ............................................................... </div>
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
    <div class="list">
    dan seterusnya ............................................................... </div>
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-efek-image-zoom-dengan-jquery.html">Membuat Efek Image Zoom dengan Jquery</a></div>
    <div class="list">
    <a href="http://creatingwebsite-maskolis.blogspot.com/2011/02/membuat-sliding-loginregister-form.html">Membuat Sliding Login/Register Form Panel di Blog</a></div>
    <div class="list">
    dan seterusnya ............................................................... </div>
    </div>
    </div>
    </div>
    </div>
    </form>

    <script src="http://johnytemplate.googlecode.com/files/tab_view.js">
    </script>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
  3. Artikel Terbaru
    Kode script yang dipasang :

    <div style="background: none repeat scroll 0% 0% rgb(242, 242, 242); border: 1px solid rgb(204, 204, 204); height: 200px; overflow: auto; padding: 10px;">
    <span id="pbl_labels"></span>
    <div id="pbl_posts">
    Recent Posts </div>

    <script type="text/javascript">
    var jumlah_maksimum_post = 10;
    var dengan_ringkasan = true;
    var jumlah_karakter_ringkasan = 100;
    </script>

    <script src="http://kauman.googlecode.com/files/recentpostsbylabel.js">
    </script>

    <script src="http://creatingwebsite-maskolis.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed">
    </script></div>
    Di bagian paling bawah, ganti URL nya dengan URL blog anda
  4. Untuk membuat huruf awal dalam postingan menjadi besar seperti dalam postingan ini sangat mudah, silahkan baca tutorialnya tentang Membuat Huruf Besar (Drop Cap) pada Awal Postingan.
Sepertinya hanya itu yang mesti dipasang agar mirip dengan blog yang saya pakai ini, untuk bagian lain Anda bisa berkreasi sendiri atau memodifikasi sendiri sesuai dengan selera.  Wah iya hampir lupa di bawah ini saya sertakan link dimana anda bisa melihat demo dan bisa mendownloadnya secara gratis.

NB :
  • Buat yang menginginkan tampilan template ini dua kolom seperti yang saya pakai, silahkan menuju link ini.
  • Setelah anda download dan filenya diekstrak, terdapat dua file xml yang satu dengan menggunakan show/hide comment dan satu lagi tanpa show/hide comment
  • Jika ada masalah dengan link downloadnya bisa tanyakan ke kotak komentar atau konfirmasi ke johnytemplate@gmail.com.
  • Untuk tutorial Johny Portal masih dalam perbaikan, jadi mohon untuk bersabar
Note :
  1. If there's a problem with your static page in my template please read this Remove Automatic Readmore at Static Page Blogger or re-download it then you can upload the updates one (only for Creating Website and Johny Simple Magazine templates).
  2. And for Johny Portal, Creating Website and Johny Magazine user template, change this code (post body close to the header):
    #crosscol-wrapper{margin:0 auto;padding:0 auto}
    Into :
    #crosscol-wrapper{margin:0 auto;padding:5px}

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

119 comments:

  1. Thanks ya gan, cukupmembantu! Hahaha, salam Blogger

    egiandrea.blogspot.com --- Hasilnya

    ReplyDelete
  2. mmg bagus skali template anda
    thanks ya

    ReplyDelete
  3. mas , saya pingin tab nya beranak gimana caranya ??
    tempalte ini tab nya ga beranak
    pas saya edit pake tab yg beranak kok jadi nyusun kebawah ya ??
    tolong di bantu

    ReplyDelete
  4. @toomore:
    Template ini sesuai dengan namanya simplesite, memang tidak disetting terlalu rumit, fitur tabnya pun sederhana hanya saduran dari blog saya. Kalo anda mau tab bergaya accordion bisa memakai template johny simple magazine 2. Kalo mau memasangnya langsung saja ke pembuat aslinya disini http://www.dezinerfolio.com

    Makasih ya

    ReplyDelete
  5. Mas sya sudah mendownload dan memasangnya di blog sya ? tapi mas gimana cara nya ganti Subscribe via RSS Feed?

    ReplyDelete
  6. @Zonablog2:
    Cari url Feed ini http://feeds.feedburner.com/JohnyTemplate Ganti dengan URL feed anda

    ReplyDelete
  7. terus mas kan sya memposting kode tiba2 dia langsung jadi
    misalnya kode translate tiba2 jadi bendera diposting malah gak jdi kode !!!

    ReplyDelete
  8. @Zonablog2:
    Parse kode itu terlbih dahulu, kalo nggak anda tinggal nulis kode pada posisi compose jgn edit HTML

    ReplyDelete
  9. mas nanya nih kalau buat text yg keren seperti hedder punya mas kayak mana?

    ReplyDelete
  10. @ZonaBlog2:
    Itu saya pake photoshop portable CS3, Anda tinggal cari gambar di internet trus diedit tambahin tulisan.
    Pengoperasiannya mudah koq

    ReplyDelete
  11. Mas di mana tutorial nya ada gak klu gak minta download nya..

    ReplyDelete
  12. @ZonaBlog2:
    Wah kalo tutorial photoshop saya hanya nyari di google, soalnya saya juga gak begitu mahir pakenya.
    Kalo downloadnya cari aja dengan kata kunci adobe photoshop CS3 portable. Saya waktu itu dikasih temen softwarenya tapi dia dapet dari googling juga

    ReplyDelete
  13. maskolis boleh minta link download untuk template yang maskolis pakai nggak ????
    tolong kirim linknya ke email saya: hanifrisky@yahoo.com
    (boleh nggak ? saya ganti dah warnanya biar g sama..)

    ReplyDelete
  14. @hanif bcah tulungagung:
    Mas Hanif yang baik, gini ya saya mau cerita dulu. Awal saya blogging kira-kira 1 tahun yg lalu, saya pake template default bawaan dari designernya. Cara pasang menu-menu yang ada di blogger pun saya gak tau, teman saya gak ada yang suka ngeblog, jadinya jalan sendiri. Tanya sana-sini yang terkadang gak dijawab sama yang bikin tutorial. Dari sini saya mikirnya gini, ini kan masih buatan manusia, masa saya nggak bisa sih?

    Intinya gini mas, maaf ya sebelumnya. Saya sudah membuat template seperti yang saya pake ini, tinggal Anda download nah sekarang tinggal kreativitas anda disini diperlukan, mau dimodifikasi model apa terserah. Bukan masalah nggak boleh, template yang saya pake ini gampang sekali bikinnya saya yakin mas Hanif pun pasti bisa kan dasarnya udah ada, jadi saya disini berusaha memberikan kail buat nyari ikan, bukan kasih ikan yang bisa langsung dimakan.

    Meskipun kita hanya suka nulis tapi tanpa dibarengi dengan pengetahuan tentang kode2 script yang ada di blogger ke depannya pasti akan terjadi kendala.

    Gitu ya penjelasan saya, semoga dimengerti.... makasih

    ReplyDelete
  15. di posting itu ada tulisan (diposkan oleh johny) bisa dihapus nggak ???

    ReplyDelete
  16. @Hanif bcah tulungagung:
    Di dashboard, klik design kemudian pilih page element jangan yg edit HTML ya. Setelah itu disitu kan ada layout template kita, cari blog post biasanya yang paling gede itu, sebelah kanan bawah blog post ada edit di klik aja.
    kemudian setelah kebuka pada kotak kecil di sebelah posted by itu centangnya dihilangkan saja..

    ReplyDelete
  17. Mas, template ini saya baru pakai, tampilanya memang sangat beda, tapi itu g masalah, yang saya pertanyakan, tampilan HOME dan PAGE saya berbeda, apa bisa di buat tampilan PAGE mengikuti tampilan home saja,

    ReplyDelete
  18. mas,posting di halaman utama bisa dihapus nggak???
    dan maskolis blog saya nexouzt.blogspot.com tolong diberi saran.
    tulisan
    .IKLAN itu kok nggak bisa di hapus ya? dan ADS 468X60PX ???
    dihapus di edit html kok ERROR

    ReplyDelete
  19. maskolis tolong kasih saran agar blog saya lebih maju seperti punya maskolis.
    POsting nyya itu bisa dihapus dan diganti dengan gadget-gadget
    Tapi error nggak ya

    ReplyDelete
  20. maskolis,bisa di hapus nggak posting di halaman pertama seperti di http://sportymagazine2.blogspot.com/

    ReplyDelete
  21. @Hanif:
    Kalo mau hapus iklan cari kode ini :
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 70px;font-weight:normal;color:#333;margin-top:10px;'>
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny mu */
    google_ad_slot = "7011292523";
    google_ad_width = 468;
    google_ad_height = 60;
    //-->
    </script>
    <script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>
    </div>

    kemudian hapus aja

    Mas Hanif, bikin blog itu gampang yang susah itu memang nyari pengunjung coba baca ini
    1. http://creatingwebsite-maskolis.blogspot.com/2011/05/bagaimana-cara-memilih-nama-blog-yang.html
    2. http://creatingwebsite-maskolis.blogspot.com/2011/04/cara-membuat-blog-yang-menarik.html
    3. http://creatingwebsite-maskolis.blogspot.com/2011/04/bagaimana-membuat-blog-yang-menarik.html

    @Banua Mandar:
    Template ini memang saya setting seperti ini, kalo mau dibuat sama ya harus dirubah semuanya mulai dari sidebarnya juga mesti dihapus, nanti saya buatkan yang cuma dua kolom seperti blog yang saya pakai ini

    ReplyDelete
  22. @Hanif:
    Saya koq nggak ngerti apa yg dimaksud mas Hanf ini, maksudnya apa sih hapus posting di halaman pertama?
    Gini aja deh, saya tolong kasih alamat url blog nya mas Hanif mau dibuat seperti apa, trus gambarannya pengin seperti blog yang mana, beneran saya nggak ngerti mas...

    ReplyDelete
  23. @Hanif:
    Kalo mau seperti sporty magazine 2 pake template yang johny sinple magazine 2 trus navgasinya warnanya diganti pake template creating website, navigasi paling atas dihilangkan. Ayo dunk masa gitu aja nggak bisa, oke dicoba dulu, nanti kalo masih tetep nggak bisa bisa tanya lagi..

    Maaf ne ya habis pulang dari kantor mau bersih2 dulu ya

    ReplyDelete
  24. Hi

    Thanks for posting this template. i really love it.

    But you did not add second xml file to your download. it only contain, hide comments xml file, can you add show comments xml file.

    ReplyDelete
  25. @Anonymous:
    You can download in this URL http://www.mediafire.com/?8flw0ceck3bjmmr

    thanks

    ReplyDelete
  26. Thank u so much for posting the link. I downloaded and imported, both looks same to me, both shows only when i click on button. I would have it all the time showing comments. So can you please suggest me, what changes i should do it for template

    ReplyDelete
  27. maskolis maksutnya saya terinspirasi seperti di sportymagazine2.blogspot.com kan dihalaman pertama sportymagazine 2 tidak ada posting cuma ada posting terbaru ...
    ini blog saya nexouzt.blogspot.com
    : maksut saya postingnya saya beri label Music indie dan saya pisahkan di label Music indie tapi saya hapus posting di halaman awal blog saya

    ReplyDelete
  28. gini aja maskolis postingnya bisa di hapus nggak ????

    ReplyDelete
  29. tolong mas kolis,modifikasi template http://freemium.freebloggertemplate.info/2011/10/magzevo-blogger-template.html saya lagi butuh nih

    ReplyDelete
  30. maskolis, template di http://www.freebloggertemplate.info/p/demodownload.html?url=http://magzevo.blogspot.com/
    itu yg kolom postingnya bisa diganti seperti punya blog maskolis nggak ???

    ReplyDelete
  31. @Hanif:
    Kalo mau yang seperti sporty magazine 2 ya mesti dihilangkan readmore nya mas.
    Gini aja deh, ini saya udah buatin ini http://duaribu-duabelas.blogspot.com/ khusus buat mas Hanif untuk musik sebentar lagi saya share ya...

    Semoga template itu nanti berkenan

    ReplyDelete
  32. @Hanif:
    Template itu pake otomatis slider mas Hanif nggak usah memasukkan URL satu persatu, tinggal ganti URL nya punya mas Hanif slider udah jalan

    Tapi sabar ya

    ReplyDelete
  33. udah di buat ya templatenya maskolis ???

    ReplyDelete
  34. tolong dong mas kolis modifikasi template di http://www.freebloggertemplate.info/p/demodownload.html?url=http://magzevo.blogspot.com/ saya lagi kegila-gila ma template itu,barang kali template magzevo.blogspot.com bisa lebih bagus.....

    tolong di modifikasi ya maskolis dan di terbitkan di blog maskolis

    ReplyDelete
  35. @Anonymous:
    Could you please provide me some more details of what you’re trying to do with your site?

    ReplyDelete
  36. @Hanif:
    Hemmmm... gini aja deh, saya mau memodifikasi atau membuat template yg bisa dinikmati semua orang.

    Jika mas Hanif ingin bisa coba dimodifikasi sendiri, seperti apa yang diinginkan, maaf saya nggak bisa memenuhi permintaan mas Hanif.

    Ngeblog hanya sekedar kerjaan sampingan, buat iseng aja dan nggak pernah berharap dapet penghasilan dari aktivitas ini.
    Waktu terpenting buat saya adalah bersama keluarga...

    semoga bisa dimengerti

    ReplyDelete
  37. gini maskolis template di blog saya (nexouzt.blogspot.com)cara mengganti bentuk postingnya seperti punya maskolis bagaimana????
    sebab,template yg saya pakai ini (nexouzt.blogspot.com) tidak seperti umum nya .
    ya saya ingin bentuk postingnya seperti punya maskolis

    ReplyDelete
  38. Boleh ga Mas saya minta templatesnya,,, tapi yang dua kolomnya mas....
    Jika bisa,,, balas lewat email saya aj..... Idblog.in@gmail.com -- terima kasih banyak dan semoga sukses sll untuk blognya.

    ReplyDelete
  39. ya mas kolis .....
    minta template dua kolom nya maskolis......
    saya lagi butuh yg dua kolom nih

    ReplyDelete
  40. @Id Blog dan Hanif:
    Nanti saya buatkan yang dua kolom khusus buat kalian, tapi sabar ya ini pekerjaan kantor lagi menumpuk.
    Kalo waktu luang nanti saya buatkan ya....

    ReplyDelete
  41. maskolis,saya dah modfikasi templatenya di http://nexouzt.blogspot.com
    BAgus kan...
    tapi kolom yg bertulis label 6 widget left tidak bisa dihapus mas.
    tidak ada tombol hapusnya juga

    ReplyDelete
  42. @Hanif:
    Sipp.... kalo mau hapus masuk ke design >> edit HTML cari kode label 6 pada script template pake kontrol + F kalo udah ketemu hapus.

    Nanti aku buatin yang cuma dua kolom paling besok juga udah selesai, mirip banget sama template yang aku pake ini.

    ReplyDelete
  43. mas cara ngilangin spoiler komen gimana? supaya ditampilin?

    ReplyDelete
  44. maskolis,itu kan maskolis kalau buat template pakai apaan kalau g pakai software ????
    apa pakai web developer ??? atau artister ?????
    dan maskolis tolong kasih nama yg bagus buat blog situs penyedia music saya dong....

    ReplyDelete
  45. mas,yg dihapus inikan
    tapi kok saya hapus kok Error ya.. dan ada tulisan gini (maaf,tetapi kami tidak dapat menyelesaikan permintaan anda.bila melaporkan galat ini kepada dukungan/group bantuan blogger,harap uraikan apa yg anda lakukan ketika menemui galat ini bX-4plbjm informasi ini akan membantu kami melacak dan mengatasi masalah anda ,maaf atas ketidak nyamanan ini)

    ReplyDelete
  46. @Ihzone:
    Cari kode ini :
        &lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;


        &lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;&lt;b&gt;Spoiler&lt;/b&gt; Untuk lihat &lt;b&gt;komentar yang masuk&lt;/b&gt;: &lt;input value=&quot;Lihat&quot; style=&quot;margin: 0px; padding: 0px; width: 60px; font-size: 10px;&quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display != &#039;&#039;) { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;&#039;; this.innerText = &#039;&#039;; this.value = &#039;Tutup&#039;; } else { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;none&#039;; this.innerText = &#039;&#039;; this.value = &#039;Lihat&#039;; }&quot; type=&quot;button&quot;&gt;


        &lt;/div&gt;


        &lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset ; margin: 0px; padding: 6px;&quot;&gt;


        &lt;div style=&quot;display: none;&quot;&gt;

    kemudian hapus
    setelah itu scroll ke bawah sampe ketemu kode ini </dl> , nah di bawahnya kan ada kode ini :
    &lt;br&gt;
    &lt;/div&gt;
    &lt;/div&gt;
    &lt;/div&gt;

    itu juga dihapus kemudian save template

    ReplyDelete
  47. @Hanif:
    Pake disini aja, itu udah aku bautin yang 2 kolom.

    Saya buat template manual nggak pake sotfware, nggak bohong beneran. Paling cuma adobe photoshop CS 3 buat modifikasi aja

    ReplyDelete
  48. @maskolis thanks mas.. templatenya top! :-D

    ReplyDelete
  49. maskolis coba lihat hasil yg saya buat dengan template 2 kolom mas kolis dengan sedikit modifikasi
    lihat di http://nexouzt.blogspot.com
    tapi masih sama seperti blog nya stafa band

    ReplyDelete
  50. @Hanif:
    Udah ke TKP Sipp keren,background nya mantap. Teruskan modifikasinya, kalo udah mahir saya nanti diajarin ya

    ReplyDelete
  51. ya saya juga berterima kasih kepada maskolis

    ReplyDelete
  52. maskolis,lha terus templatenya jadi file xml apa dari adobe photoshop cs3 ??
    apa dari lainnya

    ReplyDelete
  53. maskolis,bagaimana cara membuat artikel terbaru dan cara membuat menu apa ya itu
    (tutorial blog,wordprees,joomla) tolong kasih tau ya

    ReplyDelete
  54. maskolis,artikel berlangganan nya yg dari dua kolom kok nggak bisa dihapus??
    tolong minta bantuannya

    ReplyDelete
  55. @Hanif:
    Itu namanya tab view menu baca tutorialnya pada nomer 2 diatas.

    Menghilangkan artikel berlangganan cari dengan kata kunci berlangganan artikel pake control + F setelah ketemu dihapus atau ganti dengan Feed kamu

    Untuk memunculkan komentar masuk ke setting >> comments trus itu diatur koment nya

    ReplyDelete
  56. beneran maskolis,artikel berlangganannya g bisa dihapus,harus bagimana lagi ??

    ReplyDelete
  57. tidak bisa dihapus tolong coba lihat dah di http://nexouzt.blogspot.com/2011/12/armada-mabuk-cinta.html

    ReplyDelete
  58. mantap mas saya copy semua tamplate nya dan saya promosikan juga thenx infonya yang keren

    ReplyDelete
  59. @www.mubarocqbarocq-blogspot.blogspot.com:
    Makasih ya mas. Kalo pake template simple music, posted by dan tanggal nya dhilangkan saja. Biar tida tampil di bawah judul di homepage.
    Masuk ke layout trus edit blog post >> hilangkan centang posted by dan tanggalnya setelah itu simpan

    ReplyDelete
  60. Por favor, gostaria de remover este anuncio que está escrito : Beriklan GRATIS di internet!

    Coba SITTI359. Promosi ke 50 juta orang di seluruh Indonesia , ele está abaixo do icone do facebook. Sou do brasil, e baixei o template aqui no seu site, muito Obrigado

    ReplyDelete
  61. Por favor, gostaria de remover este anuncio que está escrito : Beriklan GRATIS di internet! Ele está abaixo do icone curtir tweet e +1. Obrigado

    ReplyDelete
  62. @Paulo:
    Hi Paulo, sorry for waiting too long
    Fing this code in your template
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 60px;font-weight:normal;color:#333;margin-top:10px;'>
    <script>
    /** maskolis **/
    var sitti_pub_id = &quot;BC0010118&quot;;
    var sitti_ad_width = &quot;468&quot;;
    var sitti_ad_height = &quot;60&quot;;
    var sitti_ad_type = &quot;9&quot;;
    var sitti_ad_number = &quot;2&quot;;
    var sitti_ad_name = &quot;maskolis&quot;;
    var sitti_dep_id = &quot;18295&quot;;
    </script>
    <script src='http://stat.sittiad.com/delivery/sittiad.b1.js'/>
    </div>

    After that you can delete it, or change with your own ads


    Oi Paulo, pena esperar muito tempo
    Fing este código no seu modelo
    <div style='font:normal 12px Georgia;font-style:Italic;padding:8px 10px 8px 60px;font-weight:normal;color:#333;margin-top:10px;'>
    <script>
    /** maskolis **/
    var sitti_pub_id = &quot;BC0010118&quot;;
    var sitti_ad_width = &quot;468&quot;;
    var sitti_ad_height = &quot;60&quot;;
    var sitti_ad_type = &quot;9&quot;;
    var sitti_ad_number = &quot;2&quot;;
    var sitti_ad_name = &quot;maskolis&quot;;
    var sitti_dep_id = &quot;18295&quot;;
    </script>
    <script src='http://stat.sittiad.com/delivery/sittiad.b1.js'/>
    </div>
    Depois disso, você pode excluí-lo, ou mudar com seus próprios anúncios

    Sorry if my language not good
    thanks

    ReplyDelete
  63. maskolis,tolong bantu saya,gambar iklan sitti dan berlangganan via email ingin saya hapus bagaimana cara nya .. sudah saya cari kodenya dan saya hapus tetapi masih ada???

    ReplyDelete
  64. @Hanif:
    Untuk menghilangkan iklan siti, baca jawaban komen saya diatas. Untuk menghilangkan artikel berlangganan baca disini, setelah ketemu hapus semua.
    Kalo masih nggak bisa saya nggak bisa bantu lagi

    Makasih

    ReplyDelete
  65. mas kolis kalo ganti email subscriptions ama ganti custom searchnya biar hasil pencariannya kayak pencarian bawaan blogspot gimana ya mas. masih newbie mas...

    makasih buat templatenya

    ReplyDelete
  66. mo nanya gan... ko page navigasinya pada halaman kedua ga berubah jadi kayak dihalaman pertama gan,...
    page navigasinya kembali seperti semula kedefault gitu..
    bukan lagi angka 1 2 3,.tapi berubah jadi "posting lama beranda dan posting baru" begitu...
    mohon pecerahannya...

    ReplyDelete
  67. @mayank:
    Kalo template ini memang page navigasinya memang saya buat seperti itu, jika anda ingin page navigasinya di post sama harus dijadikan dua kolom atau pake yang dua kolom disini http://creatingwebsite-maskolis.blogspot.com/2012/02/template-creating-website-2-kolom.html

    makasih

    ReplyDelete
  68. Ada versi wordpress-nya gak ni gan??

    ReplyDelete
  69. @Amen:
    Nggak ada bro, saya nggak bisa bikin theme wordpress

    ReplyDelete
  70. Google translate benderanya ga jalan di blog saya...maaf mohon bantuannya...

    ReplyDelete
  71. @Kompi ajaib:
    Coba diteliti lagi kode script yang ada di EDit HTML, apakah ada kode yang sama, kemungkinan terjadi konflik antar jQuery mas.

    ReplyDelete
  72. mas gimana cara mengilangkan Iklan google mas dibawah postingan??? maaf tanyalagi mas

    ReplyDelete
  73. @Big Buya:
    Cari kode dibawah ini pada edit HTML, jgn lupa centang kotak expand widget template dulu kalo nggak dicentang nggak bakal ada :
    <script type="text/javascript"><!--
    google_ad_client = "ca-pub-9608487840337104";
    google_ad_host = "pub-1556223355139109";
    /* johny mu */
    google_ad_slot = "7011292523";
    google_ad_width = 468;
    google_ad_height = 60;
    //-->
    </script>

    Setelah ketemu hapus atau ganti dengan kode iklan mas Buya sendiri

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

    ReplyDelete
  75. Pagi Massss...

    gimana cara memberi garis dibawah judul postingan mas?? soalnya templatey yg ini gak ad

    Makasih Mas

    ReplyDelete
  76. Om Maaf sebelumy ralat pertanyaan yg tadi sudah ketemu Om.. saya menanyakan gimana cara membuat agar panjang halaman berwarna putih sampe atas dan bawah tampa ada backgroud seperti template yang Om pake....

    Makasihhh

    ReplyDelete
  77. Mas, tombol di template creating website modifikasi di blog saya ga berfungsi. Gmn cara aktifkannya?

    ReplyDelete
  78. mas bagaimana caranya buat artikel terkaitnya? trimksh sblumnya.

    ReplyDelete
  79. @M. Asrori Ardiansyah:
    Artikel terkait di template apa ya mas, bisa lebih jelas?

    ReplyDelete
  80. Izin pake templatenya mas, solanya bagus banget, cocok dengan ke inginan saya.

    ReplyDelete
  81. nie baru template blog,, qdach bnyak gnti template tp q hny suka yang ini,, makasih gan !!!

    ReplyDelete
  82. maskolis, untuk tab translate kenapa gak bisa? sudah saya ganti id blognya. maturnuwun

    ReplyDelete
  83. @Mas Bro:
    Kenapa mesti ganti ID blog, biarkan aja gitu mas bro

    ReplyDelete
  84. Mas mu ty Kok Komentar Mas Beda dgn Yang lain ada warna nya ? Giamna Buat nya Mas..?

    ReplyDelete
  85. Sama kayak Agan diatas, gmna ya biar reply komen bisa beda warna sama komennya ??
    mohon pencerahan Mas
    makasih :)

    ReplyDelete
  86. Maskolis_ Terimakasih ya templatNya.
    sy ada edit templatenya ya mas, mohon saranya ya coz masih belajar edit template....

    ReplyDelete
  87. Gan bisa gak minta java script untuk tampilan post seperti Jhiny ember thank gan

    ReplyDelete
  88. assalamualaikum,
    gan setelah melihat dan mengganti puluhan template
    kami izin menggunakan template ini
    silakan dilihat di www.dokumenpemdatqn.com
    hatur nuhuun
    semoga sukses selalu

    ReplyDelete
  89. wah baik banget ya mas nya mau berbagi info ini ... ^^

    Ijin share gan..
    Bagi teman-teman semua jika ingin menemukan artikel menarik lainnya, silahkan kunjungi blog ku ya : Irvan kun blogz
    Aku tunggu kunjungan kalian .....
    Thanks ^^

    ReplyDelete
  90. sya coba dulu di blog wallpaper saya... mohon tuorial penggunaan them ini

    ReplyDelete
  91. Mas mau tanya,, koq script Artikel Terbaru di blog saya gak berfungsi ?? Mohon pencerahannya thanks. ini blog saya www.webdadan.com

    ReplyDelete
  92. Maskolis, koq javascrip yg berbentuk animasi, blink dll. gak berfungsi krg knp ?? apa ada yg rusak di penyimpanan googlecodenya?? animasi dan blink di blog saya gak jalan.

    ReplyDelete
  93. mohon pencerahannya,, favicon animasi punya mas, sama punya saya jg gak jalan.

    ReplyDelete
  94. Mas numpang tanya nih, kembali masalah template.
    Saya mau cari template seperti toko bagus itu loh mas yang home page nya hanya menampilkan menu label.
    aPA kira-kira mas punya koleksi template seperti itu ?
    Atau ada tutorialnya untuk mengubah home page menjadi seperti toko bagus?
    sbb blog saya memakai template toko online yang mas punya apa bisa langsung diedit mas ?
    sebelumnya terimakasih atas jawabannya mas, sukses selalu

    ReplyDelete
  95. TOLONG KASIH LINK DOWNLOAD NYA YAAAAAA
    LINK NYA DAH MATI TUU
    PLLLEEEAAASSSSEEEE

    ReplyDelete
  96. mas saya kesulitann mengganti kotak pencarian kustom google dengan yang saya bikin. bisa di pasang tapi kotaknya terlalu lebar. jadi keluar dari kotak menu yang atas. mohon bantuannya.. trims, maklum masih newbi. hahaha..

    http://animegetfun.blogspot.com

    ReplyDelete
  97. maskolis.. saya mengalami masalah dengan penggantian template. sebelumnya pernah di otak-atik..slider kwicks gagal total. dan sekarang selal error syntax unexpected. dengan cara yg seharusnya sudah di coba, tp gatot.
    Blog untuk pembelajaran anak2 MTS. Mohon bantuannya mas..
    Kalau berkenan nanti saya kirimkan email dan password nya.
    Mohon balas di email; nanacayank@gmail.com, terimakasih.

    ReplyDelete
  98. gue ngefans sama mas kolis nih,.. ahhahahah
    sukses selalu maskolis semoga kebaikan maskolis di balas oleh allah swt.


    maju terus pantang mundur

    ReplyDelete
  99. mas say kemarin coba template ini tapi mesin pencari/ Search.. kok gk seperti biasa ya,.. kalau nyari suatu artikel kok muncul tab baru.


    mohon pencerahanya bang maklum newbie

    ReplyDelete
  100. mas tab view nya biar scroll gmn? trus bagi side jadi 2 di template ini gimana? ane udh bca di artikel anda yg membagi sidebar jdi 2. tpi kan code cssnya beda saya bingung

    ReplyDelete
  101. saya sangat tertarik dengan template johny sompret. tapi saya ada kendala pada Menu. saya ingin menambahkan submenu pada blog saya tapi gak bisa..
    saya sangat suka template johny sompret.. sampai saya bela belain beli domain berbayar.. tapi masalah utamanya pada menu... udh saya edit2 tapi gak bisa...
    please maskolis cek inbox ente di johnytemplate@gmail.com
    atau silahkan anda balas disini...
    ini blog saya www.kaliwungucyber.net

    ReplyDelete
  102. Mas Kok Downloadnya Eror Mas ??
    Tolong Dong Mas

    ReplyDelete
  103. Some also have implemented commentluv. However, for those who require approval prior to a post, and network with other bloggers, are usually ok with links to other sites. It can help both involved. None the less, do it with tack and respect for others.
    website increase traffic

    ReplyDelete
  104. izin pakai dan kalau berkenang tolong di review blog saya apa sudah benar karena saya baru belajar. makasih atas templatenya yang keren.
    zoisone.blogspot.com

    ReplyDelete
  105. kreatifnya sangat bagus gan :) i like this


    kami juga ada bonus over turn bonus 0.3%
    dan kami mentedia kan kode referral

    http://www.senangpoker.com/?ref=859522

    WWW.senang77r.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    http://WWW.senang77.COM

    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    http://WWW.senangp77.COM
    SHARE dengan teman2mu karena senangpoker adalah POKER

    ONLINE TERPERCAYA dan TERCEPAT PELAYANANNYA

    Tunggu apa lagi ayo segera bergabung di senang poker

    yang saat ini memberikan bonus 10 point untuk setiap

    turn over per 1jt langsung di hitung otomatis dalam

    waktu satu minggu jika bonus anda tidak di klaim dalam

    waktu satu minggu maka bonus anda dinyatakan hangus. Dan

    saat ini www.senangpoker.com sudah terdapat permainan

    baru DOMINO99 yang tidak kalah menarik dengan POKER.

    Kami bisa di hub melalui :
    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1 SKYPE : senang.poker
    TWITTER : senangpoker

    ReplyDelete


  106. thanx ya gan atas info nya semoga sukses selalu blog nya gan :)
    dan sukses selalu gan info nya :)
    PROMOSI
    HOT PROMO DARI RAJAPOKER88 di

    http://www.rajapoker88.com/?ref=577053


    Untuk member setia rajapoker88 dapatkan bonus referal dari kami sebesar 10% dari kemenangan teman Referal anda dan dapatkan juga 10 POINT setiap turn over 1 juta rupiah point ini akan di undi setiap 1 minggu sekali

    peringatan: untuk bonus selalu di bagikan setiap hari senin
    dan untuk batas mengklaim bonus setiap hari minggu selama 7 hari
    jika batas mengklaim bonus lewat dari seminggu maka bonus dinyatakan hangus!!

    keterangan lebih lanjut untuk mengklaim bonus silakan hubungi :
    YM: afb88_cs1@yahoo.com
    YM: idr.afb88@yahoo.com
    pin bb : 2257e32b

    segera bergabung dengan kami dan kumpulkan pointnya.
    Terima Kasih.

    Permainan yang kami sediakan yaitu :
    * Poker
    * Tangkas
    * Domino99

    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK BRI, BANK MANDIRI, DAN BANK DANAMON.

    Untuk keterangan lebih lanjut, silahkan Hubungi kami di :
    * WWW.RAJAPOKER88.COM (pingbox)
    * TWITTER : @RAJAPOKER88
    * YM : RAJAPOKER88.indo
    * PIN BB : 75CB33AF
    * PHONE NUM : (+84) 169 859 6613
    * SKYPE : RajaPoker88

    Terima Kasih,
    Salam Rajapoker88.com

    ReplyDelete
  107. tq gan atas infonya & sukses selalu gan :)


    PROMOSI

    hello semua para coment gan gan :)
    ayo bergabung bersama kami di website www.senang77.com
    cara mendapatkan uang dengan mudah gabunglah bersama kami..
    kami juga menyediakan bonus turn over 0.3% dan akan di bagikan dalam

    1 minggu dan balance akan masuk kedalam secara otomatisnya


    WWW.senang77.COM
    PENDAFTARAN
    http://senang77.com/Register000.aspx

    Kami juga menyediakan kode referral :)

    http://www.senangpoker.com/?ref=859522

    kami bisa dihunbungi melalui :

    YM : cs.senangpoker@yahoo.com
    FACEBOOK : cs.senangpoker@yahoo.com
    BBM : 764a99d1
    Twitter : senangpoker
    SKYPE : senang.poker


    Untuk anda kami suport dengan 5 bank Lokal : BANK BCA, BANK BNI, BANK

    BRI, BANK MANDIRI, DAN BANK DANAMON.


    TERIMA KASIH
    salam manis :) senang77.com / senang77.net / senang77.info :)

    ReplyDelete
  108. kalau cara menambah menu drop down gimana mas? mohon pencerahannya,..... trmksh

    ReplyDelete
  109. makasih banyak buat infonya gan,, nice post..

    http://goo.gl/Yk7tv9

    ReplyDelete
  110. Desain website online shop tidak menarik? Cari semua contoh template toko online terbaik di Jejualan.com , dijamin banyak pilihannya!

    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