Download Javascript Bagi Pengguna Template Creating Website

Postingan ini saya khususkan bagi pengguna template Creating Website, kali ini saya akan bagikan semua file javascript yang saya pasang di berbagai template kreasi blog ini. Hal ini untuk mengantisipasi semakin seringnya akun Google Code saya dinonaktifkan alias di banned oleh Google, mungkin sudah tidak terhitung berapa kali akun Google Code saya kena banned dan jika Anda masih menggunakan file javascript dari template bawaan (belum disimpan di Google Code atau file hosting sendiri) akan terkena dampak dengan tidak berfungsinya fitur-fitur yang ada.

File-file ini merupakan ringkasan dari banyak kode-kode script yang disimpan dalam sebuah notepad. Sebenarnya Anda bisa saja tidak harus meringkas dan menyimpannya di Google Code atau situs tempat penyimpanan file lainnya, yaitu dengan cara membuka file tersebut pada notepad atau wordpad kemudian langsung meletakkan pada template. Jika template yang Anda pakai sedikit menggunakan javascript, cara itu bisa dilakukan.

Lain halnya jika Anda memakai template yang banyak menggunakan javascript sebagai penunjang fitur-fitur yang dipasang, hal ini akan menyebabkan kapasitas memori template yang Anda pakai semakin membengkak yang selanjutnya akan mempengaruhi proses loading blod Anda. Untuk itu banyak master-master blogger menyarankan lebih baik file itu diringkas dan kemudian disimpan di situs penyimpanan file seperti Google Code, hal ini untuk mempercepat peramban, dalam hal ini mesin telusur Google dalam menulusuri file-file, baik HTML, CSS maupun Javascript yang ada pada template yang Anda pakai. Karena semakin kecil kapasitas template yang Anda pakai otomatis semakin cepat loading blog Anda.... Mohon bagi para master blogger yang membaca tulisan saya ini, dikoreksi kalau ada yang salah.

Nah, diatas tadi adalah ulasan singkat saya tentang file-file javascript yang akan Anda download jika memang dirasa perlu. Pertanyaannya sekarang adalah, bagaimana cara menggunakan file-file javascript tersebut?

Jika Anda masuk ke Edit HTML template, Anda pasti pernah menemukan sebuah URL script yang berakhiran .js, itu adalah javascript yang sudah diringkas dan disimpan di tempat penyimpanan file online. Contohnya seperti ini :

https://johny-ember.googlecode.com/svn/trunk/labelthumb.js

Jika Anda meletakkan URL diatas pada browser kemudian tekan enter akan mucul banyak sekali kode-kode script yang merupakan isi keseluruhan dari javascript tersebut.

Maksud dari artikel ini adalah, saya menyediakan file javascript yang saya pasang di semua template dari Creating Website dan sudah saya ringkas menjadi file .js. Dimana nantinya Anda tinggal download dan simpan di tempat penyimpanan Google Code Anda sendiri sehingga jika sewaktu-waktu akun saya kena banned dari Google, blog Anda tidak terkena dampaknya. Di bawah ini link download dari kumpulan file-file javascript yang sudah saya ringkas :

Download Javascript

Jika Anda sudah download, disitu terdapat banyak sekali file javascript dari semua template yang pernah saya buat. Anda tinggal memilih script mana yang akan dipakai dan dipasang pada template Anda, tinggal mencari namanya saja, misalnya anda ingin mengganti URL script https://johny-ember.googlecode.com/svn/trunk/label.js, Anda tinggal cari file label.js kemudian upload di Google Code. Bagi Anda yang belum mengetahui cara membuat akun dan menyimpan file di Google Code silahkan baca postingan ini.Demikian postingan singkat kali ini, semoga bermanfaat.

Note :

Jika Anda masih mendapat masalah dengan blog Anda, karena fungsi script yang tidak jalan, baca potingan ini Pengumuman Penting

Pengumuman Penting Bagi Pengguna Template (3)....!!!!!!

Selamat malam teman-teman blogger semua...! Lama saya tidak menyapa kalian semua, karena sesuatu hal, saya pribadi tidak bisa melakukan aktivitas blogging seperti biasa. Pertama saya mau minta maaf kepada seluruh pengunjung blog ini, khususnya bagi teman-teman pengguna template Creating Website, karena komentar atau pertanyaan seputar template belum bisa saya jawab karena kesibukan saya di dunia nyata. Kedua, saya juga meminta maaf karena untuk kesekian kalinya google code saya kena banned lagi, dan ini sangat membuat tidak nyaman bagi pengguna template.

Untuk itu, pada kesempatan kali ini saya menyempatkan diri untuk memberikan solusi bagi para pengguna template creating website, agar blognya bisa berfungsi normal kembali. Langsung saja, karena waktu saya juga terbatas karena setelah ini saya ada kegiatan lain, maklum pindah kerja di tempat baru banyak pekerjaan yang harus diselesaikan. Jika Anda membuka blog dan menemukan peringatan seperti gambar di bawah ini :

Gambar diatas menunjukkan akun Google Code dengan alamat https://masolis-javascript.googlecode.com sudah tidak bisa berfungsi lagi karena di-banned Google. Saya sudah menyiapkan 4 akun lagi di Google Code dibagi untuk semua template, sehingga tidak semua template nantinya menggunakan satu akun dari Google Code. Hal ini untuk mengantisipasi jika akun Google Code kena banned lagi.

Berikut ini adalah langkah-langkah yang harus Anda lakukan untuk membuat blog Anda normal kembali.

1. Masuk ke Blogger dengan akun Anda
2. Kemudian pilih Template >> Edit HTML >> Proceed
3. Jangan lupa untuk mencentang kotak kecil Expand Widget Templates.
4. Selanjutnya cari semua URL script yang berawalan : https://masolis-javascript.googlecode.com
5. Setelah ketemu ganti dengan URL script ini : https://johny-blogger.googlecode.com
6. Saya berikan contoh, misalnya URL script di bawah ini :

   https://masolis-javascript.googlecode.com/svn/trunk/relatedpost.js

   Anda tinggal mengganti (masolis sampai com) dengan URL script berikut :
   

   https://johny-blogger.googlecode.com/svn/trunk/relatedpost.js

7. Ingat...!! Temukan semua URL script dengan awalan https://masolis-javascript.googlecode.com pada template Anda seperti contoh diatas dan ganti dengan.https://johny-blogger.googlecode.com
8. Terakhir, save template

Demikian tadi penjelasan singkat saya tentang cara untuk menghilangkan peringatan seperti gambar diatas. Sekali lagi saya mohon maaf atas ketidaknyamanan ini, saya pribadi tidak menginginkan hal ini terjadi lagi, dan sewaktu-waktu akun Google Code saya yang baru bisa kena banned lagi. Oleh karena itu, untuk lebih aman Anda silahkan membuat akun di Google Code sendiri dan simpan semua script yang ada pada template Anda pada situs Google Code yang sudah Anda buat, bagi yang belum mengetahui caranya, silahkan baca dipostingan ini. Sekian semoga bermanfaat.

Note :

1. Bagi Anda yang belum memodifikasi template, silahkan download ulang.
2. https://maskolis.googlecode.com sudah di-banned lagi ganti dengan :
   https://johny-blogger.googlecode.com
   
3. Sambil nyari hosting lain selain Google Code sementara ini dulu

Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia

Mengutip ilustrasi dari asuransi yang dipapar di Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia. Berasuransi merupakan hal penting yang mesti disadari karena tingkat resiko hidup yang tidak menentu. "Sedia payung sebelum hujan", tamsilan ini jelas memberi makna bahwa, mempersipakan proteksi merupakan hal yang sangat - sangat penting dalam perjalanan hidup yang dihadapkan pada tingginya tingkat resiko.

Ada banyak sekali jenis - jenis asuransi itu sendiri, mulai dari asuransi mobil, investasi, hingga pada asuransi jiwa yang tentunya sangat familiar dikalangan masyarakat dan bahkan kita sendiri barangkali sudah matang tentang makna atau pengertian dari asuransi jiwa itu sendiri.

Membahas tentang asuransi jiwa, mengasuransikan kesehatan dan kematian merupakan jenis dan bagiaan dari asuransi jiwa. Ironisnya sebagian orang masih beranggapan bahwa, asuransi kematian untuk apa, kan kalau mati tidak bisa hidup lagi toh?.

Ya. Benar sekali dengan pertanyaan tersebut, Namun pada dasarnya, asuransi jiwa (kematian) yang dimaksud adalah sebagai kenang - kenangan orang yang meninggal dunia untuk alhli waris seperti anak atau istri. Ini bertujuan untuk mengurangi beban ahli waris yang ditinggalkan hingga sang istri kembali bisa memperbaiki perekonimian keluarga. Hal ini sejalan dengan apa yang telah dibahas pada Perusahaan Asuransi Jiwa Terbaik Indonesia.

Tips Memilih Produk Asuransi Jiwa Terbaik.

secara umum, semua perusahaan asuransi jiwa Indonesia selalu menawarkan sejumlah keunggulan yang melekat pada produk-produk asuransi jiwa mereka. Tentu kita akan bingung akan memilih produk asuransi jiwa yang seperti apa bukan? Dan perusahaan asuransi jiwa yang mana untuk menentukan dan memberikan kepercayaan Anda?

Dalam memilih sebuah produk asuransi jiwa, hal pertama yang harus diperhatikan adalah background perusahaan asuransi jiwa itu sendiri. Sihingga Anda benar - benar memahami sejauh mana kondisi keuangan perusahaan tersebut? Kondisi keuangan yang bagus tentu akan lebih memberi jaminan serta rasa aman kepada setiap nasabah sebagai pemegang polis.

Umumnya setiap perusahaan asuransi akan mempublikasikan kondisi keuangan perusahaan mereka dalam bentuk laporan keuangan perusahaan melalui media cetak, media online dan sebagainya. Dengan mengetahui kondisi keuangan perusahaan asuransi yang bagus, tentu akan membantu para calon pemegang polis untuk menentukan perusahaan asuransi jiwa yang mana yang tepat dapat dipercaya.

Sebagai contoh perusahaan asuransi jiwa Commonwealth Life. Perusahaan asuransi jiwa ini dikenal terbaik dalam hal layanan dan transparansinya. Penghargaan award 2012 sebagai asuransi terbaik Indonesia yang menerima award untuk kategori layanan terbaik selama tujuh tahun berturut, seperti yang tertulis di blog media Bisnis Online. Bisa acuan Anda dalam menentukan pilihan dalam memilih Asuransi jiwa terbaik.

Pelayanan Commonwealth Life melalui akses yang luas terhadap keuangan perusahaan melalui situs resminya bisa anda lihat di www.commlife.co.id. Berbagai produk dan klarifikasi secara detail juga bisa Anda lihat disini.

Demikian sekilas ulasan tentang Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia. Semoga memberi manfaat untuk kita semua. Terimakasih sudah berkunjung ke BloggerBugis dan selamat beraktifitas.

Kawasan Industri dan Pergudangan De Primaterra

Setelah sharing informasi tentang Bisnis Kompetitif akhir tahun. Kali ini Kawasan Industri dan Pergudangan De Primaterra menjadi informasi tambahan untuk Anda. Kawasan industri dan pergudangan De primaterra merupakan sebuah kunstruksi lahan bisnis baru untuk para pengusaha yang memiliki tempat ruas untuk mendirikan usaha. Kawasan Industri De Primaterra dibangun atas lahan yang cukup strategis dan bebas banjir. Tidak hanya untuk lahan pendirian industri dan pergudangan, Namun peminat juga bisa memiliki kantor guna mengakomodasi bisnis mereka di Kawasan De Primaterra.

Kawasan industri dan pergudangan De primaterra yang bertempat di Jl Raya Sapan, Gedebage, Kabupaten Bandung. Dirancang cukup ekslusif untuk mengakomodasi pelaku bisnis agar tetap aman dan nyaman. Disamping lokasi yang cukup strategis, De primaterra kawasan industri ini di lengkapi dengan penghijauan. Kondisi ini khusus dirancang agar lokasi kerja tetap sejuk.

Di bidang security, Kawasan industri dan pergudangan De primaterra ini di lengkapi dengan CCTV di setiap sudut bangunan industri dan gudang serta sudut - sudut bangunan kantor. Hal ini dimaksud untuk meningkatkan keamanan bagi pemilik bisnis di kawasan De Primaterra. Hal ini sejalan dengan yang telah disebutkan pada Deprimaterra.com Kawasan Industri dan Pergudangan Eksklusif dengan Penghijauan.

Selain itu, Kawasan industri De Primaterra juga memiliki jalur masuk dengan system satu gerbang. Dengan demikian tingkat keamanan akan lebih terkontrol. Menariknya kawasan De primaterra sangat mudah dijangkau melalui jalan tol Buah Batu dan Gedebage, tentunya hal ini akan membantu pemilik usaha di kawasan ini terbebas dari macet.

Demikianlah sekilas sharing informasi tentang Kawasan Industri dan Pergudangan De Primaterra. Semoga bermanfaat. Terimakasih sudah berkunjung ke BloggerBugis. Selamat beraktifitas dan salam sukses.

Kompetisi Terbesar Akhir Tahun 2012 (Kontes SEO)

Akhir tahun 2012 ini ternyata membawa berkah untuk pencinta kontes SEO. Kompetisi terbesar akhir tahun 2012 ini juga di ikuti dan dimeriahkan oleh ratusan para netter Indonesia dalam merebut jutaan rupiah. Beberapa di antaranya adalah Asuransi commonwealth Life dengan kata kunci yang di pertandingkan adalah Commonwealth Life Perusahaan Asuransi Jiwa Terbaik Indonesia dengan total hadiah Rp. 30.200.000,-.

Kompetisi Terbesar Akhir Tahun 2012 berikutnya adalah kontes SEO toko online. Masing - masing di pertandingkan dengan keyword Rakuten.co.id Toko Online Murah Serba Ada barang Unik Jepang dan Ekiosku.com Jual Beli Online Aman Menyenangkan. Masing - masing berhadiah Rp.15.000.000,-

Beberbagai teknis SEO pun laku laris dalam kontes SEO ini guna membuat artikel tembus ke halaman 1 Google dan Search Engine lain seperti Yahoo dan Bing.

Untuk memeriahkan kontes terbesar tersebut, Planet Bisnis Online juga saya ikut sertakan dalam memeriahkan kontes besar di Indonesia kali ini.

Demikian dulu sharing informasi tentang Kompetisi Terbesar Akhir Tahun 2012 (Kontes SEO) ini sebagai sharing informasi. Doakan saya semoga berhasil ya!!! he he he.. Terimakasih sudah berkunjung ke BloggerBugis. Selamat beraktifitas dan salam sukses.

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

Demo | Download

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

Demo | Download

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.

Demo | Download

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

Demo | Download

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

Johny Crottmag

Demo | Download

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.

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

Demo | Download

Download Javascript

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 :

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

Demo | Download

Download Javascript

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

X

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

Demo | Download

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

Download Javascript

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

Demo | Download

Download Javascript

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 

Pengumuman untuk Pengguna Template (Lagi)

Sebelumnya saya ucapkan selamat Idul Fitri 1433 H. Mohon Maaf Lahir dan Batin bagi teman-teman blogger yang merayakan. Kesibukan menjelang dan sesudah lebaran membuat aktivitas blogging saya jadi mandeg, tradisi Lebaran di Indonesia memang menyita waktu, meskipun saya bukan termasuk aktivis mudik tapi gara-gara banyak orang mudik saya pun ikut super sibuk, entah itu kegiatan Halal Bihalal antar keluarga, silaturrahmi ketemu teman-teman waktu sekolah dulu, sungguh "mengharuskan" kita untuk sedikit meluangkan waktu bagi mereka.

5 hari menjelang Lebaran saya sudah tidak aktif lagi nge-blog, baru dua hari kemarin saya mencoba untuk membuka blog ini dan ternyata dari 150-an komentar yang masuk banyak yang mengatakan bahwa semua javascript yang saya pasang pada template buatan saya sudah tidak bisa dipakai lagi. Ya bener, ini untuk ketiga kalinya Akun Google Code tempat penyimpanan semua Javascript  saya kena Banned sama empunya, entah apa sebabnya sampai sekarang saya tidak tahu. Lebih parah lagi bukan cuma satu, tapi semua akun Google Code, termasuk akun yang baru saya buat, jika ada di antara teman-teman blogger yang pernah mengalami nasib serupa dan bisa mengatasinya saya sangat berterima kasih sekali jika Anda mau berbagi disini, meskipun paling tidak hanya mengetahui sebab kenapa akun Google Code di-banned. Kalau memang menyalahi aturan, aturan seperti apa yang sudah dilanggar sehingga sebuah akun kena blokir berkali-kali.

Dan kembali saya tegaskan disini, semua itu bukan karena faktor kesengajaan, saya sendiripun juga tidak mengharapkan akun saya kena banned. Karena di samping merugikan para pengguna template, juga membuat saya mesti kerja ulang untuk kembali menyimpan semua javascript tersebut pada akun Google Code yang baru..... somprett nggak sih!!!. Dan kali ini untuk kedua kalinya, saya sengaja menulis artikel ini untuk memberitahukan kepada teman-teman blogger pengguna template buatan saya, pertama saya minta maaf atas ketidaknyamanan ini, kedua, semua javascript yang saya simpan pada akun Google Code yang kena banned sudah saya pindah ke akun yang baru. Jadi silahkan Anda download ulang template yang Anda pakai, atau langsung menuju ke artikel template yang Anda pakai, disitu sudah ada sub judul "Update Templates" (warna merah) di bagian bawah artikel. Jika anda sudah terlanjur memodifikasi template, Anda tinggal ganti URL javascript yang sudah saya update-an terbaru.

Sebagai informasi tambahan, semua javascript yang sudah saya pindah ke akun baru memang masih menggunakan Google Code sebagai hosting, bedanya kali ini saya menggunakan sistem penyimpanan Subversion dengan bantuan software TortoiseSVN sebagai mediasi. Ya banyak yang bilang sistem ini lebih aman karena semua data file yang kita simpan di Google Code terintegrasi melalui TortoiseSVN, sehingga jika Google Code nya kena banned, file yang disimpan masih bisa digunakan. Untuk pengertian subversion sendiri, dan bagaimana subversioning file ke Google Code nanti akan saya bahas pada artikel yang lain. Tapi jika Anda ingin lebih aman lagi dalam menggunakan Javascript, Anda bisa simpan sendiri semua javascript  pada template yang anda pakai di tempat penyimpanan Google Code anda sendiri, bagi yang belum mengetahui cara membuat akun di Google Code dan bagaimana cara menyimpan sebuah file di Google Code, silahkan baca artikel ini.

Demikain tadi pemberitahuhan kali kedua bagi teman-teman blogger pengguna template dari Creating Website. Mohon dimaklumi, saya sendiri tidak menginginkan hal seperti ini terjadi, semua di luar kehendak saya. Jika Anda ingin mengganti URL script yang mati, silahkan langsung menuju ke artikel template yang Anda pakai. Dan terakhir saya mohon maaf belum bisa menjawab semua pertanyaan yang masuk di blog ini maupun di blog Mas Template, karena masih agak sibuk dengan suasana Lebaran. Maaf saya tidak bisa berlama-lama di depan komputer soalnya masih ada "acara" Lebaran lagi yang menunggu. Selamat menikmati liburan dan semoga bermanfaat

Woooyyy... Mbah Google kasih alasan dong kalau mau nge-banned.... somprettt

Laku.com Belanja Online Grosir Eceran Murah dan Aman

Laku.com Belanja Online Grosir Eceran Murah dan Aman - Internet telah memberikan banyak kemudahan, salah satunya adalah kita bisa belanja baju online. Sayangnya, tidak sedikit penipu di internet yang berkedok toko online. Karena itu, kita harus berhati-hati memilih toko online aman agar tidak terjebak penipuan. Khusus untuk toko baju online, Laku.com adalah solusi pilihan yang paling tepat. Selain murah, toko online shopping tersebut juga sangat aman dan terpecaya karena telah diliput oleh beberapa majalah terkenal Indonesia seperti "Gadis", "CitaCinta", "GoGirl", "CosmoGirl", dan "Dresscode".

Kenapa memilih Laku.com ?

Laku.com adalah salah satu toko baju online shopping terbesar di Indonesia saat ini. Sebagai toko baju online yang telah berkomitmen untuk memberikan pengalaman berbelanja online terbaik dengan memberikan pengalaman terbaik, barang yang lengkap, dan harga yang kompetitif, Laku.com sudah mengirimkan ribuan paket ke semua provinsi di nusantara sehingga terus mendapatkan testimonial positif untuk pengalaman berbelanja pelanggannya. Selain menjual pakaian, Laku.com juga menjual tas, make up, dompet, jam tangan, kaca mata, aksesoris, dan lain lain.

Didukung oleh tim customer service yang ramah dan murah senyum, siap melayani pesanan dari pukul 08:30 sampai 24:00 menjadikan Laku.com sangat bersahabat dengan pengunjung dan customernya. Adapun lokasi Toko Baju Online ini yaitu di Menara BACA Grand Indonesia 50th floor, Jl. M.H. Thamrin No.1 Jakarta Pusat. Jadi, tidak ada alasan untuk mengatakan Laku.com tidak aman karena alamatnya lengkap dan jelas.

Gambar Salah Satu Tim Laku.com

Laku.com BELANJA ONLINE GROSIR ECERAN MURAH DAN AMAN

Untuk memberikan kepercayaan lebih kepada pelanggannya, Laku.com berkomitmen sebagai berikut :

• Kenyamanan berbelanja customer menjadi tanggung jawab Laku.com dari mulai membuka website Laku.com sampai barang tiba di tangan customer sehingga memberikan shopping experience yang paling memuaskan.
• Data customer akan terjaga sepenuhnya, tidak akan pernah dijual ke pihak ke tiga diluar operational Laku.com
• Barang yang ditampilkan di website adalah sama dengan barang yang dijual karena difoto langsung oleh in-house photographer Laku.com.
• Memberikan pilihan yang lengkap dengan harga yang kompetitif bagi customer.
• Membantu setiap customer dalam setiap hal yang berhubungan dengan Laku.com baik pertanyaan maupun kesulitan.

Pernyataan tersebut telah terbukti benar dengan banyaknya testimonial positif yang masuk ke website Laku.com dan bisa dilihat langsung di http://laku.com. Selain itu, Laku.com juga menyediakan fasilitas chatting bagi pengunjung yang ingin mendapatkan pelayanan langsung tim customer service chat Laku.com atau untuk mengirim pesan ke customer service apabila sudah lewat pukul 24:00 karena chat sudah offline.

Gambar Chatting Laku.com

Dengan menggunakan fasilitas chat ini, pengunjung bisa berhubungan langsung dengan customer service Laku.com jika ada keluhan atau hanya sekedar untuk memberikan pertanyaan seputar Laku.com dan barang yang di jual di Laku.com. Hal ini menjadikan Laku.com lebih memiliki nilai tambah jika di bandingkan dengan toko online sejenisnya.

Tim Laku.com Belanja Online Grosir Eceran Murah dan Aman yang lain membungkus dan menyiapkan ratusan order setiap harinya. Mereka juga yang membantu memberikan setiap barang yang keluar dari werehouse dalam kondisi OK. Ada juga Team Content Laku.com yang menyiapkan barang di belakang layar sebelum ditayangkan di web. Dari profesional photographer sampai team jurnalistik semuanya siap memberikan presentasi dan deskripsi supaya customer bisa berbelanja dengan nyaman dan tidak salah pilih.

"Kami sangat senang kalian mengunjungi dan berbelanja di Laku.com. Kami selalu berusaha melayani customer kami sebaik mungkin setiap harinya. Didukung team terbaik yang ada di Indonesia, kami ingin memberikan pengalaman terbaik dalam berbelanja online".

Demikian kalimat yang dikutip dari web Laku.com sebagai pesan untuk customer Laku.com Toko Baju Online Murah dan Aman.

Akibat Mengedit URL Artikel Blog

Blogger dengan Tampilan Barunya banyak menanamkan fitur SEO. Beberapa di antaranya adalah Desripsi penelusuran, Gambar yang bisa langsung di beri rel nofollow atau doffolw tanda edit HTML, dan masih banyak lagi termasuk fitur Tautan Permanen yang berguna untuk mengedit URL artikel.

Gambar 1 : Akibat Mengedit URL Artikel Blog

 Semua fitur baru blogspot terbukti mendongkrak SEO blogger kecuali fitur tautan permanen agar kita bisa memberikan link sendiri untuk artikel, baik URL panjang maupun URL pendek. Kesimpulan sementar ini berdasarkan salah satu artikel BB yang saya publikasikan beberap minggu lalu dengan memberikan URL lengkap sesuai judul artikel dan terget keyword yang saya bidik. Hasilnya... artikel tersebut hanya mampu tembus di halaman 3 beberapa jam setelah dipubliksikan.

Tertarik dengan salah satu kontes SEO yaitu Laku.com BELANJA ONLINE GROSIR ECERAN MURAH DAN AMAN, saya coba ikut kontes untuk yang pertama kalinya setelah beberapa tahun mengenal blog. Karena artikelnya harus super SEO agar bisa bersaing dengan kontestan lain, artikelnya saya publish beberapa menit sebelum membuat artikel ini + 3 hari tersimpan di draft. URL yang lengkap sesuai terget keyword yaitu laku.com belanja online murah dan aman seharusnya lebih SEO di bandingkan dengan URL yang terpotong karena batas URL blogspot hanya 5 kata.

Saya lupa dengan nasib artikel sebelumnya lalu saya edit URL kontes Seo tersebut. Hasilnya....

10 Menit setelah dipublikasikan artikel laku.com belanja online grosir eceran murah dan aman belum terindeks juga. Seharusnya arikel BLOGGERBUGIS bisa langsung terindeks oleh google beberapa detik setelah di publikasikan atau paling lambat 2 menit. Tapi artikel kontes ini belum muncul juga setelah 10 menit. Ini mungkin awal yang buruk untuk artikel kontes, tapi bisa jadi sebaliknya. Alogaritma google pinguin yang selalu berubah ubah menjadi semakin rumit. Padahal sebelumnya, 3 artikel pengawal artikel Kontes mampu tampil di halaman 1 hanya dalam 3 menit. Tragis untuk artikel yang seharusnya Super SEO agar bisa menang kontes. Ternyata mengedit URL arikel dengan menggunakan fitur baru blogspot, membuat artikel lama terindeks.

Cara Membuat Semua Label Breadcrumbs Terindeks

Setelah sebelumnya BLOGGERBUGIS menulis artikel tutorial cara submit blog ke 3.124 search engine sekaligus secara otomatis, sekarang dengan pembahasan yang sama seputar SEO yaitu tentang breadcrumbs. Di blog ini sendiri sudah ada 2 artikel tentang breadcrumbs. Artikel ketiga ini merupakan penyempurnaan dari kedua artikel tersebut yaitu Trik Membuat Semua Label Breadcrumbs Terindeks dengan tujuan untuk memaksimalkan kinerja breadcrumbs yang telah terindeks.

Jika membuat sebuah artikel dengan bebrapa label, breadcrumbs biasa maupun breadcrums terindeks hanya akan menampilkan 1 label. Untuk itu, jika anda hanya menggunakan salah satu dari kedua breadcrumbs yang dimaksud, sebaiknya ganti kode breadcrumbs anda dengan kode breadcrumbs yang baru agar semua label artikel tampil di BREADCRUMBS, baik di dalam artikel, maupun di hasil pencarian google.

Gambar 1 : Cara membuat Semua Label Breadcrumbs Terindeks

Cara Membuat Semua Label Breadcrumbs Terindeks.

Ada 2 kode yang di pasang di template untuk membuat breadcrumbs. Kode pertama adalah kode CSS untuk mengatur tampilan breadcrumbs dan kode kedua adalah kode HTML untuk menampilkan breadcrumbs di dalam artikel, baik di atas posting maupun di bawah postingan sesuai keinginan kita.

• Untuk anda yang sudah mempunyai breadcrumbs, lewati step pertama ini.
• Untuk anda yang belum memasang breadcrumbs di template anda, pasang kode berikut di atas kode ]]></b:skin>

Berikut kodenya :

.breadcrumbs{padding:8px 5px 5px 0;margin:10px 0 0px;font:normal 11px georgia; border-bottom:1px dashed #ccc;font-weight:normal}

Selanjutnya, cari kode <b:includable id='main' var='top'>.

Untuk anda yang belum memasang breadcrumbs, ganti kode tersebut dengan semua kode di bawah ini. Untuk anda yang sudah memiliki BREADCRUMBS, ganti kode HTML ( kode kedua ) breadcrumbs anda dengan kode di bawah ini :

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Jangan lupa save template anda lalu kunjungi  :

http://www.google.com/webmasters/tools/richsnippets

Untuk memeriksa hasil pekerjaan anda. Masukkan URL artikel anda yang memiliki label lebih dari 1 lalu klik preview. Semua label sudah muncul, berarti anda telah melakukan tutorial cara membuat semua label breadcrumbs terindeks ini dengan baik.

Semoga bermanfaat...

Cara Submite Blog ke 3124 Search Engine Sekaligus

Mendaftarkan blog ke banyak search engine adalah cara yang sebaiknya dilakukan agar blog lebih populer di hasil pencarian.Semakin banyak search engine atau mesin pencari yang mengindeks artikel blog, maka akan semakin besar kesempatan blog muncul di halaman depan hasil pencarian ketika seseorang mengetikkan kata kunci di google search atau search engine lain seperti BING dan Yahoo. Karena itu, SUBMITE BLOG ke search engine adalah hal yang harus dilakukan agar trafik blog bisa meningkat.

Beberapa Cara Submit Blog.

Sebelumnya BLOGGERBUGIS telah menulis beberapa artikel tentang cara mendaftarkan blog di search engine. Beberapa diantanya adalah :

• Cara mendaftarkan Blog ke goole,
• Cara mendaftarkan blog ke bing, dan
• Cara mendaftarkan blog ke 50 Search Engine sekaligus.

Untuk menambah daftar search engine yang mengindeks blog, masih ada banyak situs yang bisa digunakan untuk melakukan submit ke banyak search engine sekaligus, salah satunya adalah www.imtalk.org. Dari banyak web submitter, ini adalah situs yang paling banyak daftar search enginenya yaitu sampai 3.124 situs. Dengan menggunakan situs ini, kita bisa mendaftarkan blog ke ribuan search engine sekaligus secara otomatis tapi tentunya membutuhkan waktu sedikit lebih lama di bandingkan web submitter lainnya.

Gambar 1 : Cara Submite Blog ke 3124 Search Engine

Untuk mulai melakukan SUBMIT ke ribuan search engine yang dimaksud, silahkan kunjungi :

www.imtalk.org

Semoga bermanfaat...