Creating Cool Pages using Templates Blogger

Seperti yang sudah sering MR Beben Koben utarakan, bahwa kita sebagai blogger full stylish jika menginginkan sesuatu tinggal searching sajah :D Semua sudah ada tersedia, tinggal bermodalkan skill and kreativitas! Artikel tutorial bejibun, snippet jQuery tinggal comot, plugin/snippet script apalagi...pokoke buanyak dan semua sudah tersaji rapih ;)) Kesempatan sekarang gue akan mencoba melatih kreasi sobat-sabit cara membuat tampilan HOME.
Begini maksud & tujuan...
Sobat pernah melihat display home yg hanya menampilkan sedikit konten dan hanya menyediakan beberapa link tujuan! Kebanyakan web sering memakainya. Seperti link portfolio, project, about me, contact or etc di kemas hanya dalam satu bundel tampilan!
Contoh:

assadsyaifullahharahap.blogspot.com - techno-39.blogspot.com

Cool kan b-)
Inti trik & tut's dari itu semua tidak lain adalah blank template blogger.
Kode .xml blank template blogger

Beberapa usefully link:

• subinsb.com/make-a-blank-blogger-template
• www.mybloggertricks.com/2012/09/turn-blogger-to-blank-page.html
• stackoverflow.com/questions/10011090/simplest-blogger-template-blogspot
• www.widgetgenerators.com/2012/11/blank-blogger-template-or-blank-html.html
• bungleisinthejungle.blogspot.com/2013/02/create-blank-blogger-template-or-blank.html

Kalau sudah mempunyai itu, tinggal masukin deh kode CSS dan HTML pada tempat semestinya bro. Harus punya dulu dong kode tampilan macam mana yg akan ditampilkan. Mau buat sendiri juga bisa kalo memang sudah jago :D

Penampakan & source file by codepen.io/Akiletour/pen/Eakfn

Penampakan & source file by developer.mozilla.org/en-US/demos/detail/css3-windows-8-animation-demo/launch

Silahkan sobat download kode template .xml dari penampakan screenshot di atas. Upload dan lihat hasil...
Template blogger unduh in 4shared www.4shared.com/zip/XhIwam3Zce/Template_Blogger.html
Download Template-Blogger.zip in Ziddu downloads.ziddu.com/download/24123623/Template-Blogger.zip.html

Ekstrak .zip dan buka hasil download pada notepad, edit link tujuan, warna atau apapun terserah!

Bye :-h

Free Templates Blogger in September 2013

Pada era gadget megang kendali, mau tidak emoh jika sobat memang mau membuat blog/site maka template yang harus terpilih sudah responsive! Free template blogger mungkin kebanyakan belum mendukung ke platform responsive oleh si pembuat. Memerlukan kinerja ekstra jika satu template fullstylish ingin di buat responsivible. Oleh karena itu template keren yg sudah responsive pasti kebanyakan berbayar bro :D Karena AA lagi males mosting, mau berbagi source template nih pada kalian. Mau buat koleksi silahkan, sudah pasti keren abis coy template's sekarang (Maaf kalau ada yg repost, sangkin banyaknya gue ngepost masalah template) :">

Gamer MagZ Premium News Sports Magazine Blogger Template free 2013

SpiceMag 1.1 Premium Magazine Blogger Template

Exposure Blogger Template

Halifax Blogger Template

E Style Premium Blogger

Dazzling Designer Blogger Template

Blogholic Templates Blogger

Timeline Template Blogger

TheStyle Blogger Template

Semoga berkenan buat kalian, template pilihan AA Koben anu ganteng kalem tea!
BONUS:
www.spicytricks.com/themes/free-magazine-blogger-templates-2013 | www.cssauthor.com/10-best-responsive-blogger-templates | www.designerledger.com/best-free-responsive-blogger-templates | templatesledger.com/30-best-free-blogger-templates-download
Happy DL template \m/

Free The Best Blogger Templates 2013

Melihat hasil jadi dari sebuah pembuatan template bisa menimbulkan niatan ganti template! Apalagi template yang tersajikan aneh dan unik. Dari semua aspek, yg paling enak template tersebut adalah gratisan :)) Lama juga AA Koben enggak bagi-bagi template kepada pengunjung setia blog aku :"> Koben minta maaf nih jika info template gratisan sekarang akan merontokan niat kalian untuk berganti template 3:-O Kalau mau mencari sendiri silahkan acak-acak di alamat ini looking for template para blogger. Pasti bingung dan keder sangkin banyaknya pilihan, klik saja tulisan ---> template kalo memang berhasil ;)

Dazzling Designer Blogger Template

E Style Blogger Template

Western Blogger Template

Eleven40 Theme

MBL Apollo

Masih banyak bos, itu mah versi elegan dan resmi! Cocok sekali bagi blogger baik dan budiman :) Sekarang saatnya bagi² template untuk blogger gokil dan punya rasa yg berbeda ~O)

Bubble Theme Blogger Template

Screenshot Template

Sword Art Online v2 Blogger Template

Screenshot Template

Shinpuru v2.3 Blogger Template

Screenshot Template

Robotic Notes Blogger Template

Screenshot Template

Oreshura Blogger Template

Screenshot Template

Hatsune Miku Blogger Template

Screenshot Template

Date A Live Blogger Template

Screenshot Template

SkyBlue Blogger Template

Screenshot Template

Anime Note Blogger template

Screenshot Template

Sword Art Online Blogger Template

Screenshot Template

Mirai Suenaga Blogger Template

Screenshot Template

Hyouka Blogger Templates

Screenshot Template

Blue Minimalist Blogger Template

Screenshot Template

Fairy Tail Blogger Template

Screenshot Template

Shinobu Oshino Blogger Template

Screenshot Template

Hatsune Miku Magazine Style

Screenshot Template

Red Minimalist Blogger Templates

Screenshot Template

Demikian saja bagi-bagi template pilihan AA Beben Koben si Bloglang anu Gantengna teu aya duana. Semoga berkenan di hati kalian. Plisss jangan salahkan AA jika sobat kepengen ganti or nambah blog gara-gara melihat template sekarang yah :(|)
www.cssauthor.com/10-best-responsive-blogger-templates/
Happy template \m/

Enable Google Plus Comments in Blogger Customize Template

Hai blogger, baru saja kemarin perombakan terjadi pada bagian html editor template blogger! Sekarang google selaku pengembang blog berbasis blogspot sudah mengeluarkan lagi terobosan terbaru di bagian comments Berikut beberapa link informasi resmi mengenai mergernya comments google+ dengan comments blogger:

1. blogger buzz.
2. official blog.
3. blogger help.

Sebelum masuk ke acara bagaimana cara mengaktifkan comments google+ agar berkerja di blog, ada beberapa hal penting yang mesti diperhatikan oleh kita.
[-] Threaded Comments II for Blogspot.
Bagi sobat yg sudah mengkatifkan sistem threaded comment, seluruh kode & javascript tidak akan berkerja lagi.
[-] Emoticon For Blogger.
Hack penanaman emoticon pada sesi komentar akan turn off alias tidak berfungsi lagi.

Mungkin yang terakhir kita akan disibukan dengan harus membersihkan kode-kode CSS dan script yg tidak terpakai lagi di dalam blog kita! Lantas langkah apa yg mesti di lakukan terlebih dahulu sebelum benar-benar memasang comments google+ tertanam ke comments blogger? Kita harus mempelajari untung ruginya dulu ;)
Kerugian
Kehilangan beberapa hack/snippet yg sudah kita lakukan di bagian komentar. Menghilang tampilan comments (Published / Spam) yg ada di dashboard!
Keuntungan
Kolom komentar terlihat baru, terintegrasi langsung ke halaman google+, fitur reply sudah tertanam, tombol g+ sudah ada di dalam bagian komentar, bisa memasukan & melihat link postingan yg kita ikuti, Apa-apa yg terjadi di google+ akan terlihat juga di blog kita! dll :d

Before	After

Kekurangan dari New google+ commenting system

   Google+ ready stock - Untuk membuat komentar di blog, pembaca harus memiliki akun Google. Jika mereka tidak memiliki, mereka akan dipaksa untuk membuat akun Google sebelum mereka dapat mengomentari blog. Pengomentar tidak akan lagi mendapatkan pilihan untuk masuk menggunakan OpenID, atau membuat komentar anonim.
   Pilihan Moderasi - Saat ini, default blogger memiliki opsi untuk menyetujui dan menolak komentar yang ataupun tidak akan tampil di blog. Tanpa mekanisme moderasi yang tepat, maka akan lebih sulit untuk berurusan dengan spammer.
   Widget recent comment - Widget recent comment yang bekerja pada komentar blog mungkin tidak bekerja dengan baik karena ini tergantung pada komentar blogger.
   Update: Sistem komentar baru memiliki beberapa pilihan untuk menangani komentar bernada spam. Google menambahkan secara otomatis dan akan menyembunyikan komentar yang menurutnya spam. Kita dapat meninjau komentar tersembunyi dengan mengklik blue review comments bar.Kita dapat menghapus komentar dengan meng-klik pada V di sisi kanan komentar.

Keuntungan dari New Google + Commenting System

   Lihat semua diskusi tentang Blog pada satu tempat sekaligus. - Ketika seseorang berbagi posting kita di google +, akan muncul di google plus komentar.
   Pilihan untuk komentar publik atau pribadi untuk Lingkaran mereka - Google + sistem komentar memungkinkan pembaca untuk komentar publik atau pribadi untuk Lingkaran mereka di Google+.
   Melihat Komentar - Pembaca dapat memilih untuk melihat semua komentar, atau hanya komentar atas atau hanya yang dibuat oleh orang-orang di kalangan mereka
   Ada Komentar tidak akan hilang - Tidak seperti komentar Facebook, semua komentar Blogger lama Anda masih akan terlihat di Blog Anda dan jumlah komentar tidak akan hilang.
   Terlihat lebih baik - Sistem komentar baru benar-benar bersih dan terlihat jauh lebih baik daripada standar Blogger.

Cara Mengaktifkan Blogger Comments ke Google+

Langkah mengaktifkan comment google+ terhadap blog pada dasarnya ada dua langkah pokok.

1. Mengintegrasikan blog kita dengan google plus integrate your blog with google plus.
2. Hidupkan (turn on) google+ comments.

Setelah blog kita terintegrasi dengan google+, kita akan dapat menggunakan google+ comments.Setelah langkah ini dilakukan, kalian akan melihat google+ comment system di blog. Jika tidak muncul, maka harus melakukan tweak template untuk memunculkannya. Jika tidak mau mengubah kode HTML, cara termudah adalah mengembalikan widget templates ke default (kalian akan kehilangan kustomisasi yang dibuat untuk Blog Post Widget jika melakukan ini)

LAKUKAN BACKUP TEMPLATE TERLEBIH DAHULU, TAKUT TERJADI APA-APA BOOO!

Untuk melakukan revert widget templates to default ikuti langkah² berikut
Go to Template > Edit HTML and click on the Revert Widget Templates to default button, select the Blog1 Widget and click on the Revert Selected widgets button.Jika sobat masih tidak mau melakukan tweak terhadap template, maka jalan satu-satunya adalah melakukan penambahan kode secara manual!

Langkah-langkah mengaktifkan google+ comment system ke dalam custom blogger template

1. Go to Template > Edit HTML
2. Klik di dalam template editor window, tekan Ctrl + F dan temukan kode berikut <b:includable id='comment-form' var='post'>
3. Klik tanda panah untuk memperluas kode widget.
4. Tambahkan kode berikut sebagai baris berikutnya (tepat di bawah langkah ke 2) KODENYA
5. Save template.
6. Pergi ke google+ tab dan aktifkan google plus commenting system.
7. DONE.

Opsi baru cara mengaktifkan comments google plus...
Cari yang terlihat seperti ini (Press Ctrl + F dan cari threaded_comments or comments)Ganti tulisan yg diberi tanda dengan<b:include data='post' name='comment_picker'/>Good luck :)
Resource: blogger widgets & blogger how
Happy blogging \m/

Improvements HTML Editor Template Blogger

Informasi terhangat dari buzz blogger memberitakan Improvements to the Blogger template HTML editor [Perbaikan Template HTML Editor Blogger] Semenjak dikumandangkan pengalihan editor lama vs draft mode look menjadi final sampai sekarang, pihak blogger terus bebenah :d Sekarang giliran HTML editor template yang diperbaharui dengan menambahkan, menghilangkan dan menggabungkan fungsi.Peningkatan template editor HTML sekarang mendukung line numbering, syntax highlighting, auto-indentation & code folding untuk membuat mengedit template jauh lebih mudah. Satu yg pasti sudah hilang yaitu Expand Widget Templates digantikan dengan fold markers '►' (letak bersamaan dengan line numbering) dengan fungsi expands the widget dan mengungkapkan satu set tag includable
Penambahan tombol Back, Jump to widget ▼, Format Template, Revert changes, Revert widget templates to default mempermudah kinerja edit mengedit kode template.

Keterangan

>> Back: Mengembalikan satu langkah sebelum.
>> Jump to widget ▼: Mencari lokasi widget dengan cepat dengan mode drop down Jump to widget.

>> Format Template: Membuat kode menjadi mudah dibaca kembali (Beautiful HTML Code Looks)
>> Revert changes: Memulihkan perubahan.
>> Revert widget templates to default: Mengembalikan widget templates ke default setting (HATI-HATI)
>> fold markers '►' Mengklik ► penanda lipat baru di samping line numbers memperluas widget dan mengungkapkan satu set "includable" tag.

Untuk memeriksa perubahan, klik tombol "Preview template" untuk melihat update pengeditan.
Sentuhan akhir pihak blogger telah menambahkan di dalam area 'Format template' yakni 3 buah tombol shortcuts pencarian dan penggantian.
1. Pressing Ctrl+F

Search:   

Untuk mencari teks yang dimaksud.
2. Pressing Ctrl+Shift+F

Replace:   

Mencari dan mengganti teks satu per satu.
3. Pressing Ctrl+Shift+R

Replace all:   

Mencari & mengganti secara sekaligus.

Other good resources:
www.stylifyyourblog.com/2013/04/New-Blogger-Template-Editor.html
Happy blogging \m/

Make Your Own MiMspot Theme Template

Semakin lama bergelut dengan satu dunia tertentu, kita dituntut untuk melakukan sesuatu yang lebih. Mau lebih gaya, lebih WOW atau lebih GRENK :D Terkadang malah bisa menjadi jenuh & bosan. Dunia blogging contoh kecil, dari sub domain sekarang sudah banyak yg beralih ke domain sendiri b-) Tidak kalah dengan dunia template design lama kelamaan pasti terbesit di benak kalian bagaimana cara membuat template keren indah plus unyu-unyu.
Menyelami tutorial membuat template sendiri harus memiliki beberapa bekal! Bekal utamanya adalah menguasai bahasa HTML, CSS and JavaScript. Bekal dukungan yaitu niat, kemauan, semangat dan daya juang! Bekal terakhir yakni merupakan opsional extra...NEKAT!!!
Penampakan dasar struktur template blogger

     - Body      - Outer Wrapper      - Content Wrapper

Berikut link keterangan cara bikin template blog sendiri versi bahasa indonesia ;))

1. Penyusunan Dasar Template Blogger
2. Membuat Template Blog Hasil Karya Sendiri
3. Hasil Akhir jadilah Template MiMspot

Mari ramai-ramai kta bikin template karya sendiriii...biar bagus yg penting made in kitaaa :))

Extra links

• Blogger Cheat Sheet.pdf
• Struktur Template Blogger Blogspot
• Simple Structure Design Blog

Happy template \m/

Template Windows 8 SM All Version

Koben pikir aplikasi yang mirip dengan windows 8 hanya terbatas pada platform itu-itu saja! Ternyata template blogger ada juga yg berpenampilan layaknya aplikasi windows 8. Pertama-tama menemukan & melihat template Windows 8 SM saat menclok ke Bfc Sarif Blog. Itu temp. versi kedua dari ketiga versi yg ada.
Template blogger professional yang di desain mirip dengan os windows kreasi blogger asal kota Malang, Indonesia. Mungkin sudah ada yang pada tahu juga ;)) Nick name tertulis Santa Mars dengan motto

Banggalah pada dirimu sendiri, Meski ada yang tak Menyukai. Kadang mereka membenci karena tak mampu menjadi seperti dirimu.@santa_mars

Berikut screenshot dan demo dari Template Blogger Windows 8 SM All Versi

Template Blogger Windows 8 SM

Windows 8 SM

Windows 8 SM adalah template windows 8 SM pertama direlease.
18 November 2012

Demo

Template Blogger Windows 8 SM (V.2)

Windows 8 SM Versi 2

Windows 8 SM Versi 2 mempunyai fitur yang sangat lengkap , tetapi fitur music di hapus.
22 December 2012

Demo

Template Blogger Windows 8 SM (V.3)

Windows 8 SM Versi 3

Windows 8 SM Versi 3 sebagian fiturnya telah diupgrade menjadi lebih bagus.
19 January 2013

Demo

Kepengen?

Explanation Modification Template Blogger

Koben akan sedikit menjelaskan penerapan Mobile Theme for Blogger Blogspot. Seperti kita ketahui bersama blogger telah memiliki beberapa theme for mobile template. Terlihat pada sesi dashboard template, pilih opsi MOBILE di samping Customize and Edit HTML! Untuk mengaktifkan fasilitas mobile pada blog, sobat pilih
Yes. Show mobile template on mobile devices.
Di sini AA Beben mau menerangkan bagian Template mobile opsi Customize ;) Skill yang dibutuhkan yakni: familiar dengan tag HTML, CSS dan tentunya conditional tag blogger :D Kode (markup HTML, ID and class) pada setiap template akan berbeda. Oleh sebab itu kenalilah template kalian seperti diri sendiri :)) Contoh penerapan template Default Mobile Template - Customize Mobile Template.
Choose mobile template ► Custom ► SAVE.

Dont forget to download/backup full template every you'll editing

Preview blog tidak akan terlihat langsung sebelum kita melakukan edit apa-apa saja yg mau ditampilkan atau dihilangkan pada mode mobile, dan akan terlihat di template dashboard :p

Setelah melakukan setingan Yes show mobile berikut beberapa markup HTML (code) yang harus kalian perhatikan! Jika sobat pernah memasang gadget/widget maka akan ditunjukan dengan atribut <b:widget>
Widget yang ditampilkan pada ponsel secara default adalah sebagai berikut:

• Header
• Blog
• Profile
• PageList
• AdSense
• Attribution

Mungkin ada beberapa atribut lain yg memang tidak ditampilkan dalam mode phone. Di sini kita bisa mengakali itu semua! (mau tampil atau tidak)

Contoh syntax menampilkan widget pada tampilan mobile. Tambahkan atribut mobile='yes' agar tampil.
<b:widget id='BlogArchive1' mobile='yes' title='Blog Archive' type='BlogArchive'>Mengatur value 'no' membuat widget tidak akan ditampilkan pada tampilan ponsel, bahkan jika tersedia dalam tampilan ponsel secara default.<b:widget id='BlogArchive1' mobile='no' title='Blog Archive' type='BlogArchive'>Sobat juga dapat membuat widget hanya tersedia dalam tampilan mobile dengan pengaturan ke bentuk 'only'.<b:widget id='BlogArchive1' mobile='only' title='Blog Archive' type='BlogArchive'>

Itu segelintir penjelasan & pemaparan cara modifikasi menampilkan atau menghilangkan gadget di dalam bentuk mobile phone. Sekarang bagaimana cara memodifikasi isi/konten widget agar terlihat seperti halnya di atas? Contoh kode isi widget dimodifikasi untuk tampilan mobile dengan data variabel boolean menambahkan atribut data:blog.isMobile

<div class="widget-content">
  <b:if cond="data:blog.isMobile">
    <!-- Show a text link in mobile view.-->
    <a href="http://www.blogger.com">
      Powered By Blogger
    </a>
  <b:else/>
    <!-- Show an image link in desktop view.-->
    <a href="http://www.blogger.com">
      <img expr:src="data:fullButton" alt="Powered By Blogger"/>
    </a>
  </b:if>
</div>

HTML template di atas menunjukkan isi yang berbeda antara tampilan desktop dan mobile view, tergantung pada nilai variabel data:blog.isMobile

Dalam memberikan tampilan berbeda antara desktop dan mobile untuk class yg sama kita dapat memakai conditonal tag di dalam atribut <body><body expr:class='&quot;loading&quot; + data:blog.mobileClass'>Kemudian, kita dapat menentukan/membubuhkan kode CSS yg berbeda untuk tampilan desktop & mobile.

/* For desktop view */
.date-posts {
  margin: 0;
  padding: 0;
}

/* For mobile view */
.mobile .date-posts {
  margin: 0;
  padding: 0;
}

Bagaimana, mengerti apa tidak, tertarik membuat tampilan template blog kita versi mobile tetap dengan tampilan aslinya!!! Semua tergantung skill kalian masing² ;)) Good luck :)
Ref: http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html
Happy mobile \m/

Free 7 Icons Blogger Template

Rileks sejenak dari rutinitas tutorial, kembali berbagi template pilihan Beben Koben si Bloglang anu Ganteng Kalem Tea. Mungkin di antara sobat juga sudah ada yang pernah melihat template-template ini. Cek q dot...

deStyle Blogger Template

Insomnia Blogger Template

Pegasus Blogger Template

TheStyle Blogger Template

Johny Crottube Blogger Template

Videofication Blogger Template

Fotoblog Blogger Template

Happy template \m/

10 Free Premium Template Blogger

Pada bulan suci Ramadhan penuh barakah, maghfirah mari dengan sesungguh-sungguhnya terus menerus mengisi catatan amal kita dengan segala aktifitas ibadah. Alloh SWT tidak melihat manusia itu dari harta, kedudukan, tampang,...tetapi dari derajat Taqwa seseorang.
Koben tidak akan menulis tutorial blog, karena memang tidak ada yang uptodate. Jika ide sedang paceklik begini terpaksa menggunakan jurus bagi-bagi template :p Apabila kurang berkenan template pilihan Koben, silahkan sobat pilih sendiri Cari Template Para Blogger Dimulai dari tampilan sederhana terlebih dahulu :x

Simple n' Sweet

RetroPop

Financial

Dieting

Boyburnsblog

BlogForme

Business Solutions

London Creative

WpInsurance

Speed Hosting

Bila sobat mau melihat template² itu semua di browsingan berbeda, baca saja artikel berikut Best Tools For Cross-Browser Compatibility Check by DesignModo :)
Happy template \m/

Make The Simplecart On Static Page Blogger

Blogger mau diapain saja bisa, asal ada kemauan dan kreatifitas. Tidak kalah penting ilmu yang mumpuni ;)) Melihat platform Template Shopping Cart for Blogspot sudah barang tentu untuk berdagang. Konten blog yg terisi pasti barang dagangan semuanya :d
Sekarang bagaimana ceritanya jika blog seperti kita² yg notabene bukan blog berjualan, namun memiliki sedikit barang dagangan yang mau ditawarkan pada khalayak! Cara tercepat dan tersimpel dengan membuat satu postingan khusus mengenai barang tersebut :p Kurang full-stylish menurut Koben :-s Mari sekarang kita manfaatkan satu fitur blogger yakni static page untuk membuat sebuah simplecart on static page blogger.
Langkah awal sobat buat satu halaman postingan pada submenu Edit Pages. Klik New Page. Selanjutnya tentukan bagian² pada template yg akan dihilangkan (display: none)

Ide berawal datang dari web simpleCart(js) The Wojo Group selaku owner, telah membuat satu sistem jual-beli dengan memakai JavaScript sederhana. Mudah dalam pemakaian dan langkah-langkah penggunaan (kalo ngerti) :p
View Demo in New Window.
Gimana keren kan tuh. Apalagi dipasang ke blog tersayang :"> Oke, langkah komplit seperti berikut:

1. New Post ► Edit Pages ► New Page
2. Download file http://dinhquanghuy.110mb.com/cart.txt
3. Masukan bumbu download, bersama dengan kode² CSS template yg akan dihilangkan.

Lihat demo Koben yg sudah jadi, bandingkan tampilan blog pada home page. My Demo. Ketara apa saja disana yg hilang?

Customize Code

Lihat pada script berikut.<script type="text/javascript">
simpleCart.email = "YOUR.EMAIL@WTF.com";
simpleCart.checkoutTo = PayPal;
simpleCart.cartHeaders = [ "name", "thumb_image" , "Quantity_input" , "increment", "decrement", "Total" ];
</script>simpleCart.email = "YOUR.EMAIL@WTF.com"; = Email Paypal untuk melakukan pembayaran. Ganti dengan email aku :D
simpleCart.checkoutTo = PayPal; = Metode pembayaran dalam bentuk PayPal.

Struktur HTML

Format HTML harus berada di dalam tagging
<div id="demoContainer">
. . .
. . .
</div>
Format HTML<div class="simpleCart_shelfItem">
<img src="attack-release.png" alt="product 1" title="product 1" class="item_image"/>
<h5 class="item_name">Sample DVD</h5>
<p class="item_Description">
Blah-bleh-bloh...Blah-bleh-bloh...Blah-bleh-bloh...Blah-bleh-bloh...
</p>
<span class="item_price">$00.00</span>
<a id="s1" href="javascript:;" class="item_add">Add to Cart</a>
<span class="item_thumb">attack-release.png</span>
</div>Resource by: http://vivavivugeek.blogspot.com/2012/01/simple-shop-with-blogger.html
This is file via ziddu, all default coded and example Download simpleCart.zip in Ziddu. Dokumentasi komplit ada di web simplecartjs ;)
Happy cart \m/

10 Amazing Template My Choice

Tidak ada kerjaan melongo ngeliatin template keren². Kubuka satu² template tersebut, tengok yang gaya punya, untuk dijadikan postingan sekarang :)) Biasa berbagi bahagia, share is care to be happy gito loh :d Sangkin banyaknya berbagi informasi template full stylish sampe lupa sendiri Koben mana yg belum :"> Silahkan diacak-acak saja di arsip blogku ini! Tapi kalo tidak salah link postingan lists template top markotop ada di sini bos Look for Template Para Blogger ;) Monggo di open atu² webnya pasti nemuin template idaman kalian ;)) :-"
Koben punya style, tidak sengaja kok menclok di web ini. Ya karena gaya gue memang berbeda toh :))

Free ProStyle Blogger Template

Free ProStyle Blogger Template adalah desain template bertemakan theme background kayu dengan desain sederhana dan slider untuk fitur posting, warna coklat dengan kombinasi hitam untuk latar belakang utama, ads space ready, 2 kolom dan 3 kolom pada footer.

Free Bussiness Solutions Blogger Template

Free Bussiness Solutions Blogger Template adalah bisnis desain profesional template blogger 2 tema tipe warna dengan desain minimalis dan slider untuk posting fitur, warna putih untuk latar belakang utama, tema yang sangat baik untuk situs pribadi, 3 kolom dan sidebar kanan untuk layout dasar.

Free Unlimited Hosting Blogger Template

Free Unlimited Hosting Blogger Template adalah blogger template gaya magazine dengan menu desain yang stylish. 2 kolom blogger template dengan sidebar kanan, footer 3 kolom, slider haccordion konten, pagination ready add, seo dioptimalkan, dan banyak lagi. Ini template yang dirancang untuk bisnis atau blog terkait teknologi cocok tentang review hosting.

Free Mangos Blogger Template

Free Mangos Blogger Template adalah gaya magazine blogger template yang diadaptasi dari WordPress Theme ke Blogger dengan template desain gaya minimalis. 2 kolom dengan sidebar kanan, 3 kolom footer, otomatis menampilkan slider konten, iklan siap, SEO dioptimalkan, menu dropdown, posting ringkasan dan banyak lagi. Template ini dirancang untuk semua jenis blog Google!

Free Flexor Magazine Blogger Template

Free Flexor Magazine Blogger Template adalah gaya magazine blogger yang diadaptasi dari WordPress Theme ke Blogger template dengan warna dasar abu-abu. 2/3 template dengan sidebar kanan, 4 kolom footer, otomatis menampilkan slider konten, iklan siap, pagination untuk blogger siap, SEO dioptimalkan template, iklan siap, tabview siap, posting ringkasan dan banyak lagi.

Free Stylify Blogger Template

Free Stylify Blogger Template adalah desain template blogger yang bagus dengan desain template minimalis. 2 kolom dengan sidebar kanan, 4 footer kolom, pagination untuk blogger siap, SEO dioptimalkan, desain template bersih, widget related post, komentar membalas siap, dan banyak lagi. Sudah auto responsive looked loh ;)

Free CPanel Blogger Template

Free CPanel Blogger Template adalah gaya magazine blogger template dengan desain bagus. 2 kolom blogger template dengan sidebar kiri, 3 kolom footer, fitur slider konten, pagination untuk blogger siap, seo dioptimalkan blogger template, dan banyak lagi.

Free Blogazine Book Blogger Template

Free Blogazine Book Blogger Template adalah desain template blogger yang bagus dengan gaya Blogazine. Sidebar tidak ada, 3 kolom footer, template disain yang rapi dan minimalis, dan banyak lagi. Template ini dirancang untuk blog pribadi!

Free Premium Proposal Theme Blogger Template

Free Premium Proposal Theme Blogger Template adalah nice looking blogger template dengan gambar latar belakang dapat diubah. Ini adalah 2 kolom blogger template yang kiri sidebar, footer 3 kolom, iklan siap, posting ringkasan otomatis, dan banyak lagi. Template ini dirancang untuk blog pribadi!

Ini yang terakhir nih, lagi hot-hotnya dengan issue responsive performance :)) Not pay, it's free :x Screenshot templatenya gini aja yah :D

BONUS

Happy template \m/