Minggu, 24 Juni 2012
Gallery Showcase Template Download Disini
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 Download Disini 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 Download Disini :
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 Download Disini 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
Label:
Iseng
Jumat, 22 Juni 2012
Johny Crottube, Template Iseng Sambil Nunggu Jerman Vs Yunani
Daripada bengong sambil nunggu pertandingan bola nanti malam dan mumpung besok libur, mending ini saya bagi lagi satu template gratis buat Anda yang suka mengkoleksi video dari Youtube. Template ini serial dari template Johny Crott, kali ini saya buat untuk versi konten video dan hanya dari Youtube. Template ini berbeda dengan template video Youtube saya sebelumnya Johny Jazzytube, karena disini saya hanya memanipulasi gambar dari iframe youtube untuk dijadikan thumbnail di homepage, dan masih menggunakan ytimg.com tapi untuk template ini diletakkan di dalam postingan bukan di Edit HTML template. Untuk lebih jelasnya perhatikan gambar untuk membuat postingan video di bawah ini :
- Masuk ke Youtube dan pilih video favorit anda.
- Kemudian klik share seperti langkah nomer 1, lalu klik embed tunggu hingga kodenya muncul.
- 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.
- 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.
- 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" />
- 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.
Pada template ini saya tambahkan fitur untuk tampilan Grid dan List style, dibawah ini adalah screenshot untuk tampilan grid dan list syle :
Sekarang untuk menampilkan widget Video Category yang ada pada template ini. Yang Anda harus lakukan hanya membuka widget Video Category 1 dan 2 kemudian masukkan/ketik label di dalam kotak HTML/Javascript seperti gambar di bawah ini :
Dari gambar diatas jazz adalah label yang saya tampilkan pada video category 1, Anda ganti dengan label yang diinginkan, demikian juga dengan widget Video Category 2.
Untuk mengaktifkan reply pada kotak komentar, masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :
<a expr:href='"https://www.blogger.com/comment.g?blogID=1128587339572285487&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
Template ini juga dilengkapi fitur related video di setiap postingan dan slider otomatis yang menampilkan postingan terbaru Anda. Template ini bisa digunakan juga untuk konten gallery gambar biasa, dan untuk video hanya khusus dari Youtube, tapi jika anda ingin menambahkan video selain Youtube harus membuat thumbnail manual dulu kemudian baru di upload saat buat postingan. Segitu dulu tutorial cara instalasi untuk template Johny Crottube kali ini. Jika ada yang mau ditanyakan silahkan tinggalkan pesan pada kotak komentar di bawah. Selamat mencoba dan semoga bermanfaat.
Label:
Template
Minggu, 17 Juni 2012
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
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 = "johnytemplate@gmail.com";simpleCart.checkoutTo = PayPal;simpleCart.currency = USD;simpleCart.taxRate = 0.02;simpleCart.shippingFlatRate = 3.25;simpleCart.shippingQuantityRate = 1.00;simpleCart.cartHeaders = ["Name", "thumb_image" ,"Quantity_input" , "Total", "remove"];</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 :
And if you have any question leave your message in comment box below, good luck and happy blogging.<input class='order'onclick='window.location='http://johny-crott.blogspot.com/p/order.html''type='button' value='Order'/>
Wakakakakakakakaka.... somprettt, bener nggak sih Inggrisku
Label:
Template
Kamis, 14 Juni 2012
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 Download Disini 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 Download Disini 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 Download Disini 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 Download Disini 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.
Label:
Iseng
Selasa, 12 Juni 2012
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 :
- Untuk Johny Ganteng Store, cari kode ini di Edit HTML jangan lupa untuk centang Expand Widget Templates :
<input class='order' onclick='window.location='http://johny-gantengstore.blogspot.com/p/sample-page-no-image.html'' type='button' value='Order'/>
Ganti URL warna kuning diatas dengan URL halaman order yang sudah Anda buat. - 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.
Label:
Template
Rabu, 06 Juni 2012
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
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='"https://www.blogger.com/comment.g?blogID=119520779966455589&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
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
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)
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.
Label:
Template
Minggu, 03 Juni 2012
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.
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='"https://www.blogger.com/comment.g?blogID=1226831301029866842&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
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.
Label:
Template