Tampilkan postingan dengan label template. Tampilkan semua postingan
Tampilkan postingan dengan label template. Tampilkan semua postingan

5 Template Hasil Modifikasi

Belakangan ini saya agak sibuk dengan pekerjaan saya di dunia nyata, jadi hanya punya waktu sedikit untuk aktivitas blogging, saya minta maaf jika banyak komentar yang masuk belum terjawab. Pada postingan kali ini saya hanya akan berbagi 5 template hasil modifikasi dari template saya sebelumnya, 2 dari teman blogger yaitu dari AA Sholah dan Panjz Online dan 3 lagi dari adik saya. Karena dari beberapa template yang sudah saya buat mungkin ada kekurangcocokan dalam hal warna atau fitur yang kurang. Berikut ini 5 template hasil modifikasi dari template saya sebelumnya :

Cara Gampang Template


  1. Cara pemasangan widget pada template ini hampir sama dengan Black Beauty Template, untuk lebih jelasnya silahkan buka lagi artikel 3 template paling sompret di dunia
  2. Untuk mengaktifkan fungsi Reply pada komentar tinggal ganti ID ini (3553200374686839922) 
  3. Untuk mengganti FansPage Facebook yang ada di bawah postingan, tinggal ganti ID ini (175220759192447) dengan ID FansPage masing-masing. 
Photored Template



Template ini buatan Panjz Online, untuk pemasangan templatenya langsung saja ke blog si pembuat disini http://panjz-online.blogspot.com/

Johny Ganteng Store With Cart

Dari beberapa komentar yang masuk pada artikel 2 Template Toko Online Semrawut, banyak yang mengingkan template Johny Ganteng Store menggunakan cart dan slider carousel. Ini sudah saya modifikasi, tapi nggak tahu cocok apa nggak.



Cara pasang widget sama dengan template Johny Ganteng Store, silahkan buka lagi artikel 2 Template Toko Online Tanpa Cart. Dan untuk cartnya sendiri untuk memodifikasinya saya pakai dari Johny Blackstore template.

Johny Kenthir Green



Pemasangan widget pada template ini sama dengan Johny Kenthir template, silahkan dibuka lagi artikelnya disini Johny Kenthir, Template Ramai Seperti Pasar Tradisional.

Johny Crottmag



Template ini sama persisi dengan Johny Sompret Banget cuma beda warna saja, untuk pemasangannya silagkan dilihat disini 2 Template Kurang Kerjaan.

So jika ada di antara teman-teman blogger yang berkeinginan untuk membagikan template hasil karya sendiri ataupun modifikasi template yang sudah ada, silahkan kirim ke email saya disini ncmajid@gmail.com. Jika template itu sudah bebas dari bug dan layak untuk dikonsumsi, akan saya publish disini. Demikian tadi artikel singkat tentang 5 template modifikasi, bagi yang berminat silahkan dipakai. Jika ada yang kurang jelas bisa langsung ditanyakan lewat kotak komenta. Semoga bermanfaat.........

Oya saya mau tanya bagi teman-teman yang tahu, saya sering jumpai kata ini cmiiw biasanya ada pada akhir komentar, itu artinya apa ya?

NB : Untuk mas Sholah dan Panjz Online diharap untuk menjawab pertanyaan seputar template yang Anda buat ya.
Label:

Inilah 2 Template Bingung Mau Dikasih Nama apa

Sebelumnya saya minta maaf (eh.. perasaan sering banget ya saya minta maaf, emang salah apa), selama dua hari ini badan saya agak nggak enak, aktivitas blogging jadi terganggu jadinya nggak sempat buat jawab komentar yang masuk. Tapi ada untungnya juga, dengan wajah melas dan sedikit polah yang dibuat-buat (biar kelihatan kalau sakit banget), si bos pun jadi nggak nyuruh saya kemana-mana. Biasanya begitu sampai kantor langsung disuruh muter-muter pasar buat nyari sesuap nasi, kali ini nggak... melihat tampang saya yang sangat ambigu dan melas, bos cuma nyuruh bikin laporan akhir bulan di ruang kantor. Ya sambil bikin laporan, saya iseng-iseng bikin template, siapa tahu nanti bisa dibagikan lagi buat teman-teman blogger semua. Dan akhirnya jadilah dua template revolusioner buatan orang sakit berikut ini.

Johny Kena Banned

johny kena banned



Template yang pertama ini namanya Johny Kena Banned, sesuai pengalaman saya yang sering di-banned sama Google. Template ini bertipe magazine, banyak fitur yang saya pasang pada template, ya otomatis berat lah loadingnya. Jadi sebelum Anda pakai, saya kasih tahu dulu kekurangannya biar bisa jadi bahan pertimbangan Anda.  Langsung pada pemasangan fitur, untuk memudahkan pemasangan beberapa widget yang ada pada template ini, perhatikan struktur layout template ini menggunakan Old Blogger Interface :

layout maskolis
  1. Tab View Widget per kategori


    Caranya sama seperti memasang widget ini pada template Johny Sompret Banget, tapi akan saya tulis lagi disini. Perhatikan gambar diatas, untuk merubah judul tab (diary, jazz dan sebagainya) cari kode berikut ini di Edit HTML :
    Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"
    Setelah ketemu ganti tulisan berwarna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori. Sedangkan untuk mengisi widget tersebut dengan label, masih pada Edit HTML cari kode berikut ini (jangan lupa untuk mencentang expand widget template) :
    <div class='tabber' id='tab1'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab2'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/RPG?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab3'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/Review?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab4'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/hot games?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab5'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/play station?max-results=&quot;+numposts2+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts2\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='clear'>
    </div>
    Tulisan warna merah diatas adalah kelima label yang saya masukkan pada widget tabber kategori ini, silahkan Anda ganti dengan label Anda dan sesuaikan dengan judul tab view yang sudah dibuat. Bagi Anda yang ingin membuat widget tab view per label bisa baca tutorialnya disini.
  2. Widget Label
    Yang termasuk dalam widget label pada layout template ini adalah : Label 1, Label 2, .......... Label 12. Anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut, perlu diingat besar kecil huruf harus sama dengan label yang sudah dibuat. Seperti contoh gambar di bawah :
  3. Reply Komentar
    Template ini menggunakan model kotak komentar yang sudah dimodifikasi, untuk mengaktifkan fungsi reply anda harus cari kode dibawah ini pada Edit HTML, sekali lagi jangan lupa untuk centang kotak expand widget templates :
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4636005615932985093&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); 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 :


  4. Untuk mengganti News Ticker atau headline News yang ada di bawah navigasi anda tinggal cari URL : http://johnykena-banned.blogspot.com/ setelah ketemu ganti dengan URL blog anda
Johny Kampret

johny kampret



Template yang kedua ini lebih sederhana, tapi masih bergaya magazine, template ini saya buat untuk blog yang mempunyai konten game. Tapi terserah juga sih mau dipakai buat konten apa, semua saya serahkan ke pemilik blog, kalau suka pakai aja atau sekedar buat koleksi juga boleh, mau dipakai buat bungkus kacang juga boleh.

Di template ini terdapat 8 (delapan) widget label (label 1 - Label 8) dan satu widget game category, Anda tinggal buka kemudian masukkan atau ketik label yang ingin ditampilkan disitu, caranya seperti langkah nomer 2 pada template Johny Kena Banned. Untuk mengaktifkan fungsi reply pada kotak komentar Anda harus mengganti blod ID pada template demo dengan Blog ID  Anda, untuk template ini blog ID : 3892789936183052787 (langkah nomer 4 template Johny Kena Banned). Slider pada template ini bekerja otomatis menampilkan artikel terbaru Anda, dan terdapat sebuat widget untuk advertise di sebelahnya.

Kedua template diatas nggak valid HTML, nggak responsive, nggak SEO friendly pokoknya nggak termasuk semuanya. Karena saya hanya menyediakan template dasar untuk bisa Anda modifikasi sendiri sehingga bisa lebih dinamis dan sesuai dengan kriteria-kriteria diatas. So, jika Anda berminat silahkan dicoba, dan jika ada yang kurang jelas tentang pemasangan kedua template ini, anda bisa tinggalkan pesan di kotak komentar. Selamat mencoba dan semoga bermanfaat.

NB :
Kalau ada komentar, jawab besok ya, dan untuk mas Aa Sholah sang admin caragampang.com makasih udah dibuatkan banner mas template. Barang siapa yang mau bikinin saya logo akan saya terima dengan senang hati dan saya do'akan dapat cewek cakep..... hehehe
Label:

2 Template Kurang Kerjaan

Malam ini saya akan bagi lagi dua buah template untuk teman-teman blogger semua. Template ini sudah lama saya buat, waktu bulan puasa kemarin, pas waktu itu lagi sibuk ngurus kerjaan ya jadinya baru sekarang sempat di publish. Sudah agak lama, ya kira-kira satu bulan kalau tidak salah saya tidak berbagi template untuk teman-teman blogger. Saya rencana mau membuat template blogger sampai jumlahnya sekitar seratus, setelah itu saya berpikir untuk memutuskan mencoba membuat theme untuk Wordpress, ya itu sih hanya rencana saja realisasinya tergantung bagaimana nanti, karena membuat theme untuk Wordpress di samping butuh pengetahuan tentang kode script yang lebih, juga dibutuhkan banyak biaya, seperti mesti punya domain dan hosting sendiri dengan kapasitas yang besar.

Kedua template ini mempunyai header dan navigasi yang sama hanya berbeda warna, untuk template yang satu bertipe magazine dan satunya lagi template dua kolom, lebih sederhana dan tidak terlalu sulit untuk memasangnya. Baiklah langsung saja, berikut ini kedua template tersebut :

Johny Sompret Banget



Jika Anda ingin menyimpan semua javascript yang ada pada template ini silahkan klik link download di bawah ini :


Template ini bertipe magazine, banyak sekali fitur yang saya pasang pada template ini. Tidak terlalu susah untuk memasangnya, apalagi jika Anda sudah tebiasa dengan template buatan saya akan sangat mudah untuk memahaminya. Untuk lebih memudahkan dalam pemasangan widget pada template ini perhatikan screenshot layout di bawah ini :


Saya sengaja menggunakan layout Old Blogger Interface untuk memudahkan semua tampilan, soalnya kalau layout blogger baru ada fitur scroll-nya jadi tidak bisa sampai ke bawah. Berikut ini cara pemasangan fitur-fitur yang ada pada template ini :
  1. Slider
    Slider pada template ini bekerja otomatis menampilkan postingan terbaru, Cara memasangnya, perhatikan kolom pada layout diatas yang sudah saya beri tulisan slider. Setelah itu masukkan kode berikut ini ke dalamnya :
    <div id='featuredContent'>
    <div id='slideshow'>
    <div id='slideshowThumbs'>
    <ul><script>    
    document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
    </script> </ul>
    </div>
    <div class='post' id='slideshowContent'>
    <script>    
    document.write(" <script src=\"/feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
    </script></div>
    </div>
    <script type='text/javascript'>
    $(function() {
    $("#slideshowThumbs ul").tabs("#slideshowContent > div", {
    effect: 'fade',
    fadeOutSpeed: 1000,
    rotate: true
    }).slideshow({
    clickable: true,
    autoplay: true,
    interval: 3000
    });
    });
    </script>
    <div class='clear'>
    </div>
    </div>
  2. Tab View Widget per Label


    Perhatikan gambar diatas, untuk merubah judul tab (diary, jazz dan sebagainya) cari kode berikut ini di Edit HTML :
    Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"
    Setelah ketemu ganti tulisan berwarna biru diatas dengan judul yang ingin Anda tampilkan pada tab view widget kategori.

    Sedangkan untuk mengisi widget tersebut dengan label, masih pada Edit HTML cari kode berikut ini (jangan lupa untuk mencentang expand widget template) :
    <div class='tabber' id='tab1'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab2'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/lifestyle?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab3'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/economics?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab4'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/diary?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='tabber' id='tab5'>
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/health?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
    </script></div>
    <div class='clear'>
    </div>
    Tulisan warna merah diatas adalah kelima label yang saya masukkan pada widget tabber kategori ini, silahkan Anda ganti dengan label Anda dan sesuaikan dengan judul tab view yang sudah dibuat.
  3. Widget Label
    Yang termasuk dalam widget label pada layout template ini adalah : Label 1, Label 2, Label 4, Label 4, Label 5 dan Video Category. Anda tinggal memasukkan atau ketik nama label yang sudah Anda buat pada kotak tersebut. Seperti contoh gambar di bawah :
  4. Widget Subscribe me
    Letaknya pada sidebar sebelah kanan paling atas, masih di layout kemudian pilih kotak HTML/Javascript kemudian masukkan kode berikut ini di dalamnya :
    <style type='text/css'>
    .social a{color: #6e6e6e;font: bold 12px Calibri,Helvetica, Arial, sans-serif;text-decoration: none;padding: 3px 5px 2px;position: relative;display: inline-block;text-shadow: 0 1px 0 #fff;-webkit-transition: border-color .218s;-moz-transition: border .218s;-o-transition: border-color .218s;transition: border-color .218s; background: #f3f3f3;border: solid 1px #dcdcdc;}
    .social a:hover {color: #333;border-color: #999;-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
    .social a:active{color:#000;border-color: #444;}
    .sub-box{width:300px;background:();padding: 2px 5px 7px 2px;font-family:Droid Sans,Helvetica,Arial;}
    .emailform{margin:16px 0 0; display:block; clear:both;}
    .emailtext{margin:10px 0 0;background:#f6f6f6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmEfH8x8_GaBv61R7CRcezotwQnbSBgF_wKlyxoQXMEsT3CW7e2WzIrqxJYKba81XaSxe9FBZPH6EOr3IcDiFNVR8AAmwZ_-FLHToTmM5SU1x8tTDsYMmiat0IOF3PSdABu4pq3nYtM4/s1600/email.png) no-repeat scroll 4px center;padding:6px 5px 6px 34px;color:#444;font-weight:bold; text-decoration:none;border:1px solid #ccc;width:175px;}
    .emailtext:hover{background: #f3f3f3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgmEfH8x8_GaBv61R7CRcezotwQnbSBgF_wKlyxoQXMEsT3CW7e2WzIrqxJYKba81XaSxe9FBZPH6EOr3IcDiFNVR8AAmwZ_-FLHToTmM5SU1x8tTDsYMmiat0IOF3PSdABu4pq3nYtM4/s1600/email.png) no-repeat scroll 4px center;border-color:#999;}
    .emailtext:focus{outline:none;}
    .sub-button{color:#eee;font-weight:bold; text-decoration:none;padding:5px 10px; border:1px solid #666;cursor:pointer;background:#999}
    .sub-button:hover{color:#444;border-color: #999;background:#ccc}
    </style>
    <center><div class="social" style="padding: 0pt 0pt 0pt 5px;">
    <table><tbody><tr><td>
    <a href='http://feedburner.google.com/fb/a/mailverify?uri=maskolis' target='_blank'><img alt='newsletters' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwDG_SGGzmYGGMNalZxrdK8GrPeSAIu3JWk8OBWOhAGebkUUN7occRY1yXiwu2kyVVtOBdvivskHDDhBKCN5GmiRix0MXEhV9_ViYbXKVMfFT80Dg5Bt4yMs_ixaX4-H4e0BO8reapbSQ/s1600/mail.png" border="0" title='newsletters'/></a> </td>
    <td> <a href='http://feeds.feedburner.com/maskolis' target='_blank'><img alt='rss' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLoHLt-6J4_yWYe9GV7nJrd_ZU5X9brKhPwYtWkPnLcyqWUZItiDITJqQlUPDIcHJrjwnWjqITdvXJww_oTXub28LbjXfMdUKZjqtfc7ob4FeplP2MRYlB91_MBsGnHwZTqv6xQuOoz2E/s1600/rss.png" border="0" title='rss'/></a> </td>
    <td> <a href='http://twitter.com/maskolis' target='_blank'><img alt='twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyuDVv-QWPA5tYCn9Z9K3BWfPQR7yLC0n9OA-csHyYaT-18n1dDMzjT_Q6cD4LZ0NG2L_6KDJo5HE3eyWWonMbWvxg6Qki032SB736HF8rv14tAwFK3WB2PRcz_sOSmSNpmda-3MLR_D0/s1600/twitter.png"  border="0" title='twitter'/></a> </td>
    <td> <a href='http://www.facebook.com/maskolis' target='_blank'><img alt='facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAXYNTzxvxuPMk2GaW18sYmzs_PihuW5Yys2OnOu4bGc2YaZC_VoQm5sGCeSWtH7VJtI43KrB_1jF2PJq1sJyt2-hTBCcaZZtysfYdJi7p0PHJSFADRppwmLKg9751qfZp6cZdEvd7qok/s1600/facebook.png"  border="0" title='facebook'/></a> </td>
    <td> <a href='http://www.youtube.com/maskoli' target='_blank'><img alt=' youtube' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgQUbBTPKAPOjaK9wQIfoaHUc1zz0UlzGyccOUN6VinuFFHa2jlXsWv0nNj6AfjJnSP170u2jF6nH5L6TSalmwWaniELRcSGAknqKw8WPATli6ErBpghJ6SoIzm_UF4pasaJXVmtaX7vE/s1600/youtube.png"  border="0" title='youtube'/></a>
    </td></tr></tbody></table> </div></center>
    <center>
    <div class='sub-box'>
    <div style="text-align: left; display: inline-block;">
    <h8 style="display:block;font-family:'calibri';font-size:15px;font-weight:bold;">Subscribe via RSS Feed</h8>
    <small><i>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
    <b>click here</b></a>, or subscribe to receive more great content just like it.</i></small>
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=maskolis', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
    <input type="hidden" value="maskolis" name="uri"/>
    <input type="hidden" name="loc" value="fr_FR" />
    <input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
    <input type="submit" class="sub-button" value="Enter" title='' alt='' />
    </form></div></div></center>
  5. Reply Comment
    Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda
Johny Ganteng Banget

Johny Ganteng Banget



Bagi Anda yang menginginkan tampilan seperti template Johny Sompret Banget tapi dengan bentuk lebih sederhana dan lebih ringan yang pasti, saya juga menyiapkan satu lagi template yang bisa anda gunakan. Template ini dinamakan demikian karena disesuaikan dengan yang bikin.... hehehehehe. Pada template ini hanya ada dua fitur yang Anda perlu diperhatikan, yaitu :
  1. Recent Post
    Terdapat pada sidebar kanan paling atas, cara pasanganya, masuk ke layout kemudian pilih HTML/Javascript kemudian masukkan kode berikut ini ke dalamnya :
    <style type='text/css'>
    #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyNUAdhI-rhNQTSwvcyGQPQn3qUCBfuGqkUbgvl_-C1xlpxalzsJHNwyFKJ4CHBVOoFdy9T_UZQPvC_dh9mD5X4ww91Rx2p1mXPYUSh9QBQB8sCBreAit4tRxGZi6bvSIE0b07QsLcR7M/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://johny-gantengbanget.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgH2T91kln3QWgb8Lv_JVAnsvwyZtwzOeACqKR4qhOuG8SnHwKVWcV8Iog-epU-KLH9qqOu7PQjHMi66nBcml-Bi2p9Vq4LXQod82_H8VQ-lIeL5_APpbAr97jzg0zGhfnONqKUrGake4/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>
  2. Reply Comment
    Untuk mengaktifkan fungsi reply pada komantar pada template ini, ganti Blog ID pada template ini pada Edit HTML (jangan lupa centang expand widget template) : 149656394876047094 setelah ketemu ganti dengan blog ID anda.
Itu tadi dua template kurang kerjaan yang saya bagikan malam ini sambil sesekali ngantuk, saya bagikan kepada semua teman blogger di seluruh dunia secara gratis, silahkan dipakai atau di download jika Anda berminat. Jika ada hal lain tentang kedua template diatas yang kurang jelas, silahkan tinggalkan komentar, saya berusaha sebisa mungkin untuk menjawab. Akhir kata selamat mencoba semoga bermanfaat 
Label:

3 Template Modifikasi Amburadul Banget

Menjelang sahur (bagi yang sudah menunaikan puasa besok), dini hari ini saya akan bagi lagi tiga buah template sekaligus hasil modifikasi dari template saya sebelumnya. Template ini saya buat berdasarkan permintaan teman-teman blogger, dua template hasil modifikasi dari template Johny Joss Banget dan satu template hasil modifikasi dari Johny Kenthir.

Johny Kenthir Banget

johny kenthir banget


Pemasangan fitur yang ada pada template ini sama dengan Johny Kenthir template, bagi yang belum jelas silahkan tutorial Johny Kenthir template dibuka lagi. Yang perlu diperhatikan disini dalam pemasangan tab view widget per kategori yang ada di bawah video kategori, cara pemasangannya sebagai berikut :


Perhatikan gambar diatas, untuk merubah judul tab (diary, jazz dan sebagainya) cari kode berikut ini di Edit HTML :
Title1="DIARY";Title2="JAZZ";Title3="HEALTH";Title4="SPORT";Title5="COMEDY"
Setelah ketemu ganti tulisan berwarna biru diatas dengan judul yang ingin Anda tampilkan pada tabber kategori.

Sedangkan untuk mengisi widget tersebut dengan label, masih pada Edit HTML cari kode berikut ini (jangan lupa untuk mencentang expand widget template) :
<div class='tabber' id='tab1'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab2'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab3'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/sport?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab4'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/comedy?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='tabber' id='tab5'>
<script>
document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/jazz?max-results=&quot;+numposts9+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts9\&quot;&gt;&lt;\/script&gt;&quot;);
</script></div>
<div class='clear'>
</div>
Tulisan warna merah diatas adalah kelima label yang saya masukkan pada widget tabber kategori ini, silahkan Anda ganti dengan label Anda dan sesuaikan dengan judul tabber yang sudah dibuat.

Johny Light Banget

johny light banget


Karena template ini tampilannya sama cuma beda warna saja dengan Johny Joss Banget, maka cara pemasangannya pun juga sama. Jika masih kurang jelas silahkan buka lagi tutorial pemasangan template Johny Joss banget. Untuk mengaktifkan fungsi reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode di bawah ini :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=4145715786152726201&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :


Johny Ember

johny ember


Blog ID untuk template ini : 7709675643058616170 cari pada Edit HTML, kemudian ganti dengan blog ID Anda untuk mengaktifkan fungsi reply. Bagi yang belum jelas mengenai cara pemasangan widget movie category pada kedua template diatas, saya akan ulangi lagi caranya disini.

Pada kedua template diatas terdapat 5 buah widget untuk category, Anda tinggal memasukkan atau ketik nama label yang ingin Anda tampilkan pada kelima widget tersebut, seperti tampak pada gambar di bawah ini :


Dari gambar diatas saya memasukkan label atau kategori "best seller" pada widget "Movie Categoy 1", silahkan Anda ganti dengan label Anda. Demikian juga untuk widget movie category lainnya, Anda tinggal ketik nama label pada kotak tersebut dan label anda akan tampil secara otomatis.

Selamat mencoba semoga bermanfaat, dan selamat menjalankan ibadah puasa.

Update Templates

My Google Code was banned, 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

Johny Kenthir Banget
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Johny Light Banget
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Johny Ember
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
Label:

Johny Joss Banget, Template Joss untuk Review Film

Saya sebagai salah seorang pembuat template yang bodoh dan baru pada tahap belajar hanya sekedar mencoba untuk menampung aspirasi pengunjung. Keinginan seorang blogger untuk memakai sebuah template tidak terlepas dari tema blog yang dia usung, sebuah blog dengan tema kumpulan puisi atau cerpen mungkin tidak begitu cocok jika dia memakai template untuk toko online atau template magazine untuk berita. Kali ini saya akan mencoba membagikan satu lagi sebuah template dengan tema khusus, yaitu tentang movie review. Template ini merupakan permintaan via email seorang teman blogger dari India yang menginginkan sebuah template untuk koleksi filmnya. Sebenarnya saya sudah menawarkan beberapa alternatif template untuk movie seperti Johny Darkmovie dan Johny Bingung, tapi kurang cocok katanya. Ya itulah, terkadang kita membuat template cocok untuk sebagian orang tapi tidak begitu bagus jika dilihat sebagian orang lagi.

Template ini hanya modifikasi dari template saya sebelumnya Johny Crottube, fitur slider yang saya pakai berbeda, disini saya menggunakan slider Carousel otomatis yang menampilkan postingan terbaru. Dengan warna dominan hitam dan sedikit sentuhan transparan dan bayangan pada beberapa fitur, template ini kelihatan lebih hidup, untuk lebih jelasnya silahkan Anda lihat screenshotnya di bawah ini :

johny joss banget

Pada template ini terdapat 5 buah widget untuk category, Anda tinggal memasukkan atau ketik nama label yang ingin Anda tampilkan pada kelima widget tersebut, seperti tampak pada gambar di bawah ini :


Dari gambar diatas saya memasukkan label atau kategori "best seller" pada widget "Movie Categoy 1", silahkan Anda ganti dengan label Anda. Demikian juga untuk widget movie category lainnya, Anda tinggal ketik nama label pada kotak tersebut dan label anda akan tampil secara otomatis.

Untuk mengaktifkan fungsi reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=8050265550455660643&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
Ganti blog ID warna merah diatas dengan ID blog anda yang terletak pada browser jika anda masuk ke dashbord, seperti gambar di bawah ini :


Sepertinya hanya itu yang perlu dijelaskan pada template ini, silahkan Anda mencobanya. Oya saya menawarkan bagi teman-teman blogger yang ingin membuat dan mempublikasikan template hasil kreasinya sendiri, saya dengan senang hati akan membantu. Dan jika template itu bagus dan memenuhi standar kelayakan pakai saya akan publikasikan di blog ini dan di Mas Template. Membuat template itu banyak keuntungannya, salah satunya Anda akan mendapatkan backlink otomatis dari si pemakai template, seperti blog Creating Website ini yang awalnya dikelola adik saya, akhir tahun 2011 atau sebelum saya menjadi Admin backlink ke blog ini baru 43, sekarang sudah mendekati angka 3.000..... lumayan kan? Jika ada yang tertarik silahkan kirimkan xml template dan panduan atau tutorial instalasi template ke alamat email saya di ncmajid@gmail.com.

I set the slider in 12 posts, if your blog still under 12 posts the slider not working. Make some new post until you have at least 12 posts and the slider will work automatically


Update Templates

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
Label:

Johny Kenthir, Template Ramai Seperti Pasar Tradisional

Template ini ramai banget seperti pasar tradisional yang jualan bermacam-macam dagangan tiap pagi di pinggir jalan. Sebenarnya template ini sekedar memenuhi permintaan teman-teman blogger agar template yang dipakai di blog adik saya dibagi juga secara gratis, awalnya mau saya bagi langsung persis seperti blog adik saya. Tapi yang punya blog mencak-mencak, terpaksa saya mesti modifikasi lagi agar tampilannya sedikit berbeda. Dan template ini juga memenuhi permintaan sebagian blogger yang meminta agar list untuk postingan terbaru jangan hanya judul saja, tetapi juga dikasih thumbnail dan summary.

johny kenthir maskolis

Seperti pada template blogger magazine umumnya, template ini termasuk berat di loading. Saya kasih tahu dulu sebelumnya biar nanti tidak ada yang tanya lagi di kotak komentar. Namanya juga template magazine, ya pastilah banyak fitur yang dipasang disitu, otomatis akan menambah beban loading. Oke, langsung saja pada tutorial pemasangan widget yang ada di template ini, sebelum itu perhatikan struktur layout yang ada pada template ini (sengaja saya gunakan old blogger interface layout karena di new blogger interface ada scrollnya jadi nggak bisa sampai ke bawah) :


Image Slider (Sidebar tengah atas)

Untuk menampilkan slider, masuk ke layout kemudian klik edit pada kotak HTML/Javascript yang saya beri nama image slider seperti pada gambar diatas. Masukkan kode berikut ini ke dalamnya :
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/sport?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
Keterangan :
Perhatikan tulisan warna biru diatas, itu adalah label yang saya masukkan pada slider. Silahkan anda ganti sesuai keinginan. Dan warna merah adalah keterangan slider yang berupa kecepatan slider, efek mouseover dan lain-lain, tidak harus dimasukkan. Untuk lebih jelasnya Anda bisa membaca pada tutorial membuat slider tersebut disini.

Video Category

Anda tinggal masukkan atau ketik nama label pada widget Video Category seperti gambar di bawah ini :

Jazz adalah kategori atau label yang saya tampilkan pada widget video category, silahkan Anda ganti dengan label yang diinginkan. Nah, sekarang cara membuat postingan video (khusus dari Youtube) untuk menampilkan thumbnail di widget tersebut. Caranya sama seperti pada artikel saya Johny Crottube, saya akan ulang lagi disini :

  1. Masuk ke Youtube dan pilih video favorit anda.
  2. Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
  3. Perhatikan kotak yang saya centang pada nomer 3 diatas, disini Anda hanya mencentang pilihan atau opsi yang paling atas (Show suggested videos when the video finishes) biarkan yang lain kosong.
  4. Setelah itu ambil kode iframe Youtube seperti pada nomer 4 diatas, paste ke dalam postingan pada posisi Edit HTML bukan compose. Untuk ukuran panjang dan lebar video terserah silahkan Anda pilih sendiri.
  5. Video dari Youtube sudah nampak di postingan jika Anda preview, tapi thumbnailnya belum akan kelihatan di Homepage. Untuk menampilkan thumbnail di halaman depan (homepage) anda harus menambahkan kode ini setelah kode iframe dari Youtube :
    <iframe width="640" height="360" src="http://www.youtube.com/embed/8Pjh0visgJI" frameborder="0" allowfullscreen></iframe><img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/kode seri video/0.jpg" />
  6. Kode yang saya cetak tebal diatas adalah kode yang harus Anda tambahkan setelah kode Iframe Youtube. Perhatikan tulisan kode seri video (warna merah), anda isi dengan kode seri warna merah diatasnya (8Pjh0visgJI). Kode seri video dari Youtube ini berbeda-beda untuk tiap video, jadi jika Anda memasukkan video jangan lupa untuk mengganti juga kode seri-nya harus sama dengan kode diatasnya. Dan postingan untuk video itu akan nampak seperti gambar di bawah ini :


    Perhatikan kedua kode pada gambar dengan background biru diatas. Dan untuk video yang bukan dari Youtube sebaiknya Anda buat manual thumbnailnya, dengan membuat gambar dari video terlebih dahulu kemudian diupload ke dalam postingan.
Widget Label

Widget label disini adalah Label 3 s/d 15 (label 7 sama 8 hilang dimakan tikus) caranya sama seperti pada widget Video Category diatas, Anda tinggal masukkan/ketik label di kotak HTML/Javascript seperti gambar dibawah :

Ganti jazz dengan label yang ingin Anda tampilkan, ini berlaku untuk semua widget label pada template ini. Jika Anda memakai template ini dan mendapati pengaturan widgetnya mojok ke kiri dan bagian footer ikut menjorok keatas itu tandanya label yang Anda masukkan masih sedikit, usahakan tiap label (Label 3 s/d label 15) terisi dengan label yang sudah mempunyai post atau artikel minimal 5.

Bagi Anda yang ingin memakai template ini saya sarankan untuk menyimpan semua url script dan kode javascript yang ada pada template di tempat penyimpanan Google Code Anda sendiri, bagi yang belum tahu caranya menyimpan di Google Code silahkan baca tutorialnya disini. Disamping bisa untuk sedikit mempercepat proses loading bisa juga untuk mengantisipasi URL script yang rusak jika sewaktu-waktu Google Code saya kena banned seperti yang pernah terjadi kemarin. 

Sekian dulu artikel kali ini, jika ada yang kurang jelas silahkan tinggalkan komentar Anda pada kotak komentar di bawah, selamat mencoba dan semoga bermanfaat.


Update Templates

My Google Code was banned, 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
Label:

Johny Crott, Template Store Online for Bike Lover

I dedicated this template to Omiyan, he likes bicycle very much. He want to make an online store basic on his hobby. I would like to give him this template to make his bussiness more succeed and I hope he enjoy it. This template names Johny Crott, because there's so many oil that spread everywhere when he change his gear and wheel... hahahahaha

johny crott template

I added this template with Shopping Cart feature from wojodesign.com. I made this template more easy to navigated, there's no specific method to make a new post, you write and upload an image just like you did it in ordinary template, all you have to do is just start with this code :
<span class="item_price">$3,000.00</span>
You must change $3,000.00 with your own price, after that you can upload your image and write your description as usual, for better result I suggest you to upload an image first before you write an articles.

To change paypal email with yours, find this code in Edit HTML :
<script type='text/javascript'>
simpleCart.email = &quot;johnytemplate@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = [&quot;Name&quot;, &quot;thumb_image&quot; ,
&quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot;
];
</script>
Change johnytemplate@gmail.com with your Paypal email, and in that codes above you can change how many tax rate and shipping flat rate that you want to provide to your customers.

I removed the order button in homepage, but you can find it in post page. You must make an order form in google docs or other site that similiar. Then you can copy into your static page,  and then go to your edit HTML and change this URL page order http://johny-crott.blogspot.com/p/order.html in demo with yours :
<input class='order'
onclick='window.location=&apos;http://johny-crott.blogspot.com/p/order.html&apos;'
type='button' value='Order'/>
And if you have any question leave your message in comment box below, good luck and happy blogging.


Update Templates

My Google Code was banned, 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

Wakakakakakakakaka.... somprettt, bener nggak sih Inggrisku
Label:

2 Template Toko Online Semrawut (Tanpa Cart)

Kedua template ini memenuhi permintaan teman-teman blogger di kotak komentar, yang meminta agar membuat template Toko Online tanpa menggunakan fitur Shopping Cart. Template ini saya buat tadi malam sambil nonton bola dan baru jam 3 pagi tadi selesai. Harap maklum kalau hasilnya saya bilang semrawut karena buatnya sambil sakit gigi, hasilnya komposisi warna yang asal-asalan dan hanya modifikasi dari template saya sebelumnya. Yang penting sudah memenuhi permintaan dan mau dipakai syukur nggak dipakai ya nggak apa-apa.

Johny Ganteng Store



Johny Joss Mobile Phone



Tidak ada fitur khusus pada kedua template ini, slider yang saya pasang otomatis menampilkan postingan terbaru Anda. Untuk membuat sebuah postingan yang perlu Anda lakukan hanya menambahkan kode dibawah ini di awal setiap postingan pada posisi Edit HTML bukan compose:
<span class="item_price">Rp 1.000.000,00</span>
Ganti harga warna biru diatas dengan harga Anda tentunya dan setelah kode diatas, silahkan Anda menulis artikel atau deskripsi barang maupun upload gambar seperti biasanya. Kedua template ini juga saya tambahkan fitur tooltip image otomatis pada setiap gambar di homepage (arahkan mouse anda ke salah satu gambar). Dan untuk mengaktifkan fungsi reply pada kotak komentar cari ID blog masing-masing template ini dan ganti dengan ID blog Anda. Untuk Johny Ganteng Store ID blognya : 9133655087310583622 dan untuk Johny Joss Mobile Phone ID blognya : 6923142428765575685.

Jika Anda ingin mengupload gambar, disarankan untuk memilih gambar yang persegi panjang dengan ukuran pixel lebih besar lebih bagus, contoh seperti gambar dibawah ini :


Fitur shopping cart disini saya ganti dengan form order barang tombolnya sudah saya sediakan dibawah setiap post di homepage. Untuk membuat form order seperti pada demo kedua template ini, tentunya Anda harus membuatnya terlebih dahulu pada situs-situs layanan form online. Disini saya memakai Google Docs, karena layanan form ini buatan Google mungkin tidak terlalu menghambat dalam proses loading blog. Setelah Anda membuat form order, langkah selanjutnya adalah membuat halaman statis (pages), buka New Pages kemudian copy paste kode dari Docs Google (mana ya yang bener, Google Docs apa Docs Google...???) ke dalam postingan terserah mau dikasih judul apa. Untuk contohnya bisa diklik tombol order yang ada di bawah gambar.

Setelah halaman order Anda sudah jadi, arahkan link dari halaman statis order anda ke dalam link order yang ada di Edit HTML, caranya seperti dibawah ini :
  1. Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget Templates :
    <input class='order' onclick='window.location=&apos;http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html&apos;' type='button' value='Order'/>
    Ganti URL warna kuning diatas dengan URL halaman order yang sudah Anda buat.
  2. Untuk Johny Joss Mobile Phone, cari kode berikut di Edit HTML jangan lupa untuk centang Expand Widget Templates :
    <a class='item_add' href='http://johnyjoss.blogspot.com/p/sample-page-no-image.html'>Order</a>
    Ganti URL warna kuning dengan URL  halaman order Anda.
Sepertinya hanya itu yang perlu diperhatikan jika Anda ingin memakai satu diantara kedua template ini. Sebelumnya jangan menanyakan bagaimana cara menambahkan fitur Shopping cart pada template ini ya, karena template ini dibuat memenuhi permintaan beberapa teman blogger agar fitur shopping cart pada template toko online sebelumnya dihilangkan. Jadi jika ada diantara Anda yang ingin memakai template Toko Online dengan menggunakan Shopping Cart bisa memakai Johny Blackstore dan Johny Magstore. Selamat mencoba dan semoga bermanfaat.

Attention :
Mohon jangan diganti atau dihilangkan kredit link yang ada dibawah sebelah kanan.

Update Templates

My Google Code was banned, 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

Johny Ganteng Store
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

Johny Joss Template
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript
Label:
Langganan: Postingan (Atom)