Gallery Showcase Template Creating Website

Seperti janji saya pada artikel bentuk apresiasi kepada pengguna template, postingan kali ini saya akan memuat hasil dari beberapa blog yang telah sudi menggunakan template dari Creating Website dan yang pasti terdaftar pada kotak komentar yang ada di artikel itu. Showcase ini saya buat berdasarkan pengamatan saya sendiri tidak boleh ada yang protes, dengan berbagai pertimbangan misalnya faktor kecepatan loading, pengaturan tata letak widget, kombinasi warna blog, pemanfaatan software modifikasi gambar dan tulisan serta penggunaan kode script yang ringkas. Nah berikut ini adalah 20 blog terbaik yang menggunakan template dari Creating Website :

CaraGampang.Com

DiaryOnline

http://www.caragampang.comhttp://www.diaryonline.web.id

Berita dari Djogja

Indogadget.net

http://berita-jogjakarta.blogspot.comhttp://www.indogadget.net

1001 Ebook

Andi Zulmai

http://www.1001ebook.nethttp://www.andizulmai.com

Rohis Facebook

MUI Rancah

http://rohis-facebook.blogspot.comhttp://muirancah.blogspot.com

Bida Kapamilya

Tele Football

http://bidakapamilya.blogspot.comhttp://telefootball.blogspot.com

Madu Alam

pusat belanja online berkualitas

http://tokomadumulia.blogspot.comhttp://galerianisa.blogspot.com

panjz online

Katalog Galvano

http://panjz-online.blogspot.comhttp://galvanoshoes.blogspot.com

taman nasional way kambas

idel-blogger

http://www.way-kambas.blogspot.comhttp://www.idel-blogger.com

tips trik blogspot dan seo

catatan pak guru

http://kupas-ampas.blogspot.comhttp://catatan-ngajar.blogspot.com

Kompi Ajaib

Sulaeman Bloggercom

http://kompiajaib.blogspot.comhttp://www.sulaeman-enambelas.com

Awalnya saya sama sekali tidak menduga ternyata banyak yang mau ikut serta, semuanya bagus dan keren, saya sampai bingung memilih, maunya sih semua saya letakkan disini. Untuk teman-teman blogger yang sudah ikut serta mendaftarkan blognya di kotak komentar tapi blognya tidak tercantum di gallery showcase diatas saya mohon maaf, mungkin lain kali jika saya membutuhkan data pengguna template, Anda bisa sertakan lagi blognya. Dan untuk semua pengguna template Creating Website saya mengucapkan terima kasih sebesar-besarnya.

Untuk teman-teman yang blognya tercantum pada showcase diatas, jika masih menginginkan template dibawah ini, silahkan tinggalkan email pada kotak komentar dibawah :



Tambahan :

Showcase ini juga saya letakkan pada bagian navigasi di gallery template Mas Template

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

Bentuk Apresiasi Kepada Pengguna Template

Sebagai bentuk rasa terima kasih kepada teman-teman blogger yang telah sudi menggunakan template buatan saya, pada artikel kali ini saya akan menawarkan kepada Anda semua pengguna template dari Creating Website untuk mengirimkan alamat URL blog pada kotak komentar yang ada dibawah bukan dalam bentuk link hidup, yang nantinya akan saya jadikan showcase dan yang pasti blog Anda mendapatkan backlink permanent dari blog saya ini yang meskipun masih memakai domain blogspot.com tapi punya pagerank lumayan dan rangking Alexa yang lumayan juga untuk ukuran blog yang masih memakai blogspot.com.

Artikel ini adalah hasil usulan dari teman Faiz Naufal yang menyarankan agar saya membuat sebuah postingan khusus tentang blog-blog yang sudah menggunakan template dari Creating Website dan dijadikan sebagai showcase. Saya awalnya ragu apa iya template saya sudah banyak yang pakai? Tapi tidak ada salahnya juga sih, paling tidak dengan artikel ini saya jadi tahu seberapa besar respon teman-teman blogger terhadap template yang sudah saya buat. Andai saja template-template saya banyak diminati para blogger seperti template bikinan Kang Rohman, Pak Oom, dan digunakan oleh ribuan warga Indonesia bahkan di dunia. Waduh betapa senangnya.

Banyak yang tanya di email kenapa sih seneng banget bikin template blogger dan gratis lagi, lalu saya pikir apa sih yang menjadi alasan saya membuat template blogger? Apa saya mau cari tenar… sorry nggak lah yauw, apa saya minta bayaran nggak juga. Saya bikin template hanya untuk menyalurkan hobby saja, persis seperti saya juga hobby main game, main musik, pacaran, membaca buku di toilet bahkan hobby ngelus-ngelus jerawat dan jilat-jilat pantat... eh coklat. Lagipula selesai bikin template kan bisa dibuat postingan sekalian updates blog, soalnya maunya bikin tutorial blog tapi sudah banyak yang buat dan canggih-canggih lagi.

Walah malah ngelantur nggak karuan, lanjut........ Saya akan berikan satu contoh blog yang memakai salah satu template dari saya dan sudah memodifikasinya sehingga hasil akhirnya lebih bagus dari aslinya dan seperti inilah yang sebenernya saya harapkan dari teman-teman blogger semua, yaitu untuk memodifikasi template yang sudah ada dan dijadikan lebih menarik dengan menambahkan bermacam fitur pendukung.


Nama Blog : Madu Alam
Pemilik : Nggak tau
URL : http://tokomadumulia.blogspot.com/
Template asli : Johny Blackstore

Jika Anda tertarik, silahkan tinggalkan data seperti nama blog, nama pemilik, URL blog dan template asli seperti keterangan diatas pada kotak komentar. Nanti saya akan buat postingan khusus yang berisi hasil dari artikel ini (itu juga kalau ada yang kirim) yang berjudul showcase template Creating Website yang berjumlah 20 blog setelah saya saring berdasarkan pengamatan saya sendiri dan nggak boleh ada yang protes. 

Syaratnya hanya satu, masih ada kredit link dari Creating Website yang di sebelah kanan (Template Created by Creating Website published by Mas Template). Kalau kredit yang disebelah kiri ada tiga itu nggak apa-apa diganti. Dan sebagai oleh-oleh untuk 20 blog yang saya tampikan pada showcase ini saya berikan satu template Gallery classic (Nggak usah kasih gambar) klik URL link ini :


Tambahan :

Waktunya seminggu dan teman-teman dipersilahkan memodifikasi template menjadi lebih menarik dalam jangka waktu itu.

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

3 Template Paling Sompret Sedunia

Artikel ini mungkin terlalu panjang, semoga teman-teman blogger tidak bosan membacanya. Tapi jika Anda memakai salah satu dari ketiga template ini mesti membacanya sampai selesai. Awalnya saya hanya mencoba untuk membuat readmore tanpa menggunakan Javascript, akhirnya jadilah dua template ini. Pada dua template awal di artikel ini saya menggunakan fitur Readmore dengan tidak meletakan kode Javascript di dalamnya, yang tentu saja karakternya jadi terbatas, yang pertama ukuran maksimum pixel untuk thumbnail hanya 72 x 72 px, Anda tentu saja bisa memperbesar ukuran ini dengan merubah width dan height kode CSS .post-thumbnail pada template ini tapi dengan konsekuensi gambarnya menjadi semakin kabur. Yang kedua adalah jumlah huruf untuk summary juga hanya dibatasi sampai 100 karakter dan ini fixed dari platform Blogger tidak bisa lagi untuk ditambah dan dikurangi. Jadi untuk kedua kasus diatas sengaja saya jelaskan dulu disini agar Anda tidak menanyakan lagi kedua hal tersebut.

Ketiga template ini sebenernya pengembangan dari template sebelumnya, Johny Classicsite. Karena terlalu sederhana dan minim sekali fitur yang saya pasang pada template itu, saya mencoba untuk memodifikasi kembali agar tampak lebih menarik. Untuk judul artikel ini jangan pernah menanyakan kenapa artikel ini saya kasih judul seperti itu, karena dari dulu memang saya tidak pernah perduli dengan judul yang penting isinya bung....!!

Johny Sompret

johny sompret


Template ini adalah paling sompret sedunia, karena bikinnya waktu pusing dan saya sering bilang sompret waktu bikin jadi namanya Johny Sompret (nggak nyambung blasssss....). Fitur yang terdapat pada template ini apa ya..? Bisa dilihat sendiri pada demo, untuk slider yang saya pasang otomatis menampilkan artikel terbaru. Jika anda ingin mengganti dengan tampilan per label Anda bisa baca petunjuknya di artikel Johny Blackstore template, karena slider yang saya pasang sama, cuma beda kode CSS saja.

Untuk mengaktifkan fungsi reply pada kotak komentar sama dengan template Johny Classicsite, caranya 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=119520779966455589&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 :


Black Beauty Template

black beauty


Ini bukan template hitam, dan bukan juga mendekati hitam apalagi beauty. Fiturnya sama dengan template Johny Sompret cuma beda warna saja. Untuk fungsi reply yang harus Anda ganti blog ID warna merah pada template ini 5806754556786281613 (disimpan nomernya siapa tahu besok keluar angka ini), ganti dengan ID blog anda. Caranya sama seperti pada Johny Sompret

Johny Jazzytube (Only for Youtube)

johny jazzytube


Nah, kalau template ini agak serius bikinnya, karena berbeda dengan kedua template diatas. Template ini khusus untuk blog dengan konten video, dan itupun harus video dari Youtube. Template ini permintaan Antonio Rios dari Meksiko pada artikel Dua Template Gratis Untuk Pecinta Music dan Game.

Untuk menampilkan video Youtube ke dalam postingan, tentunya cari dulu video kesayangan Anda di Youtube. Setelah ketemu copy URL nya yang terletak di browser seperti gambar di bawah :


Atau anda juga bisa memperoleh URL ini dengan klik share di bagian bawah video, kemudian centang kotak kecil long link disampingnya, lalu copy URL pada kotak diatasnya, seperti gambar dibawah ini :


Setelah Anda copy URL Youtube tersebut, masuk ke new post posisikan pada Edit HTML (jangan compose), paste kemudian akhiri URL dengan kode endofvid (tanpa spasi). Untuk menambahkan teks pada postingan tersebut, awali dengan menggunakan kode [starttext] dan akhiri dengan kode [endtext]. Contoh akhir postingan seperti ini :
http://www.youtube.com/watch?v=K4Di2rvigVkendofvid

[starttext]
Your description here..........
[endtext]
Untuk menampilkan widget video per kategori, masuk ke layout >> add gadget pilih HTML/Javascript kemudian masukkan kode di bawah ini kedalamnya :
<script style="text/javascript">
    var numposts = 3;
    var showpostthumbnails = true;
    var displaymore = true;
    var displayseparator = true;
    var showcommentnum = true;
    var showpostdate = true;
    var showpostsummary = true;
    var numchars = 70;
</script>
<script src="/feeds/posts/default/-/sting?orderby=published&alt=json-in-script&callback=showlabelpostswiththumbs"></script>
Ganti kode warna merah sting dengan label yang ingin anda tampilkan pada sidebar. Dan untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML (centang Expand Widget Templates) cari blog ID 3009056898743314712 ganti dengan blog ID anda.

Bingung mau nulis apa lagi, udah segitu aja dulu ya. Oya ketiga template diatas ringan loading semua apalagi yang Jazzytube nggak sampe 70kb cuma sekitar 67kb kalau nggak salah. Jika anda berminat silahkan download ketiga template diatas gratis tanpa dipungut biaya, paling cuma biaya koneksi internet aja, 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

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

Black Beauty template
Click this link and read subtitle "Update Template" in that post for the latest updates of Javascript

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

Johny Classicsite, Template Sederhana dengan Style Klasik

Satu lagi template simple yang akan saya bagikan kepada teman-teman blogger semua, template ini saya beri nama Johny Classicsite sesuai dengan tampilannya seperti template-template blogger klasik jaman dahulu kala. 90% template ini hanya menggunakan warna, silahkan dilihat pada kode CSS, yang saya pasang hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari lainnya semua memakai permainan gradasi warna.

johny classicsite maskolis

Yang jelas template ini sangat ringan, masalah SEO friendly saya tidak berani bilang karena patokan baku sebuah template dikatakan SEO Friendly tiap master blogger juga beda-beda. Tapi paling tidak semua meta tag deskripsi untuk sebuah template bisa dibilang SEO Friendly sudah saya pasang disini. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar, caranya 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=1226831301029866842&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 :


Fitur lain tidak ada yang sulit, untuk navigasi kedua dalam template ini adalah navigasi page list jadi jika Anda membuat halaman statis akan otomatis muncul disitu. Itu aja dulu, saya sudah menyiapkan satu lagi template baru untuk teman-teman blogger tapi buat besok aja, nanti kalau jadi satu sama artikel ini postingannya jadi sedikit. Udah ya mau kembali bekerja dulu, 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