all about blogspot templates | tips SEO, modifikasi template

Cara Jitu Memilih Jasa Bordir Komputer

2019-03-01T14:01:00.000+07:00

Cara Jitu Memilih Jasa Bordir Komputer di Jakarta pada khususnya dapat dibilang gampang dapat juga agak susah. Akan namun bukan berarti tak dapat untuk disiasati bagaimana teknik paling baik dalam memilih suatu jasa bordir. Memang di internet tidak sedikit sudah yang menyerahkan penawaran mengenai jasa bordir komputer tersebut. Akan namun disini anda harus tahu bagaimana teknik memilih jasa nya yang tepat.

Perlu diketahui bahwa teknik jitu memilih jasa bordir komputer memang mesti teliti dan jeli. Bagaimanapun dengan kehati-hatian dan ketelian tersebut, maka bakal didapat tidak sedikit manfaat. Alih-alih akan memakai jasa bordir komputer di Jakarta, andai tidak teliti maka ketidapuasan akan mendekat kita. Karena tidak sedikit juga bisnis yang tidak cukup maksimal dalam pelayanan.

Cara Jitu Memilih Jasa Bordir Komputer di Jakarta

Untuk mengetahui teknik Cara Jitu memilih jasa bordir komputer, maka tahapan terbaik yakni dengan teknik melihat sejumlah aspek yang dapat mempengaruhi reputasi jasa pembordiran tersebut.

Portfolionya

Untuk tahapan selanjutnya metodenya yaitu dengan teknik melihat hasil karya yang telah dihasilkan. Bagaimana barangkali kita dapat membandingkan hasil produk nya andai kita sendiri tidak pernah menyaksikan apa yang telah di hasilkan.

Teliti dan amati hasil karya nya sampai-sampai kita dapat berkesimpulan guna menilai. Bagus, rapih, tanpa cacat dari hasil produk penyedia jasa itu adalahnilai plus yang dapat kita jadikan patokan dan rekomendasi.

Company Profile

Cara Jitu memilih jasa bordir komputer yang kesatu yakni dengan menyaksikan company profilenya. Cara nya yakni dengan menyaksikan latar belakang bagaimana perusahaan tersebut berdiri dan berjalan. Apakah latar belakang nya memang menggeluti dalam bidang bordiran tersebut.
Di samping itu, menyaksikan basic nya pun berarti melihat pun bagaimana kemudahan yang dimilikinya. Apakah benar-benar real terdapat mesin bordir yang digunakan, karyawan yang mengerjakan, dan urusan lainnya yang sehubungan dengan jasa pembordiran tersebut.

Testimonial

Pelanggan seringkali akan mencatat sebuah testimonial baik di forum, maupun di sekian banyak tempat media sosial. Dengan menyaksikan rating testimonial dari penyedia jasa bordir baju, kaos, topi, maupun yang lainnya, maka akan dapat dengan mudah diperoleh satu kesimpulan. Baik buruknya dapat dilihat dengan teknik membaca rekomendasi dari semua pelanggan yang telah memakai jasa nya.

Cara Membuat Website Sendiri di 2019: Panduan Untuk Pemula

2019-02-23T22:04:00.000+07:00

Cara Membuat Website? Berikut adalah artikel tentang penjelasan cara membuat website. Cocok untuk pemula.

Oke, jadi anda memutuskan untuk menciptakan website. Pertama-tama, selamat! Artinya, anda benar-benar menggarap sesuatu yang butuh diketahui dunia. Dan “dunia” di sini berarti setengah dunia, sebab separuhnya lagi belum punya koneksi internet (jadi bersyukurlah anda sudah punya internet, ya!).

Nah, petunjuk ini bakal membimbingmu melewati seluruh proses menciptakan situs web dengan teknik yang jelas, ringkas, dan yang terpenting, tanpa omong-kosong. Halaman web yang baru dan segar bakal siap dalam waktu tidak cukup dari separuh jam. Dan irit lebih dari $200 dengan konsentrasi pada hal-hal urgen dan memakai kode promo kami.

Ya, kita seluruh tidak sabar guna mulai, namun usahakan anda membahas sejumlah hal lebih dulu (jangan khawatir, tidak bakal lebih dari 5 menit). Tapi, bila kamu telah gemetar tidak sabar mencoba menciptakan website, dan hendak MULAI SEKARANG JUGA, scroll sejumlah kali ke bawah memakai link dalam halaman ini.

Pertama-tama

Pertama, ayo kita perjelas di awal: meskipun petunjuk ini cuma-cuma sepenuhnya (duh!), ini bukan tentang menciptakan situs web gratis. Memang, secara kiat kita dapat membuat situs tanpa menerbitkan sepeser pun. Tapi, anda harus memakai hosting cuma-cuma (yang seringkali payah sekali) atau paket langganan tidak berbayar guna pembuat website laksana Weebly (yang memperlihatkan iklan dan brand mereka di websitemu, ih!). Tapi, dalil terbesarnya merupakan: anda tidak dapat punya nama domain gratis. Lagipula, menumpang domain orang, laksana “situsku.weebly.com”, menciptakan pengunjung tidak memandang serius websitemu.

Kedua, untuk anda yang bertanya “siapa sih orang yang mengajari ini?!” Inilah perkenalan diri singkat – atau dapat dibilang pujian blak-blakan guna diri sendiri: nama saya Andrii Shekhirev. Saya ialah pendiri Satori Webmaster Academy (alias situs ini). Selain menciptakan website guna proyek saya dan orang lain semenjak tahun 2007, saya ialah Elite Author di ThemeForest, pasar template situs terbesar di dunia – produk saya telah menolong lebih dari 200 orang untuk menciptakan website mereka sendiri (dan tidak, ini bukan iklan).

Selama bertahun-tahun, saya telah mencoba tidak sedikit cara menciptakan website, menguji program situs builder, penyedia hosting, dan sistem manajemen konten yang tak terhitung banyaknya. Panduan ini ialah inti dari seluruh yang telah saya pelajari, dan dengan senang hati saya bagikan pada kalian hari ini.

Huff! Untunglah percobaan tersebut sudah berlalu. Sekarang, saya mesti beri tahu bahwa petunjuk ini memuat sejumlah link afiliasi. Artinya, saya bakal mendapat komisi tetap dari vendor bersangkutan, misalnya bila kamu melakukan pembelian paket hosting melewati link dalam tulisan ini.

Namun, keistimewaannya: jumlah yang anda bayarkan tetap sama sebab vendor menyerahkan kompensasi dengan duit mereka sendiri – seperti menerbitkan uang guna iklan. Jadi, ya, bila kamu suka petunjuk ini, pertimbangkan untuk melakukan pembelian hosting via link kami. Biarkan si perusahaan multinasional raksasa yang menunaikan saya, muahahaha!

…Ehm, oke. Kembali ke topik. Sebelum anda mulai (bersabarlah memperhatikan saya!), ada sejumlah mitos yang telah meluas tentang penciptaan website. Abaikan saja, dan anda akan menyadari hal-hal yang sebetulnya penting.

Beberapa Kesalahpahaman – Ketahuan!

Mitos nomor satu: anda harus tahu teknik memprogram kode untuk menciptakan situs web. Tentu saja. KALAU INI TAHUN 1994! Serius. Seperti yang anda tahu, teknologi telah lebih maju semenjak masa-masa mula web, dan mayoritas proses penciptaan website telah otomatis, tergolong penulisan kodenya. Kamu lumayan memilih perangkat yang paling sesuai dan mengetahui sejumlah hal urgen (yang adalahinti dari petunjuk ini).

Mitos nomor dua: menciptakan situs web sendiri memerlukan uang jutaan. Hanya bila kamu meminta agensi membuatkan situs sepenuhnya. Dan bisa jadi besar, langkah-langkahnya sama laksana yang diterangkan dalam petunjuk ini (lalu mereka memberi tagihan besar guna itu).

Mitos nomor tiga: menciptakan situs web membutuhkan waktu lama. Ya, kadang-kadang, terutama bila kamu masih pemula dan belajar dari nol. Tapi, bila kamu bersikap cerdas dan konsentrasi pada urusan yang tepat, halaman websitemu dapat live dalam masa-masa KURANG DARI SETENGAH JAM. Tujuan petunjuk ini ialah membantumu melakukannya. Jadi, mari mulai!

Langkah 1 dari 4: Mendapatkan Domain dan Hosting

Hal kesatu yang anda butuhkan ialah tempat bermukim website. Dalam istilah teknis, lokasi ini dinamakan web hosting. Intinya, hosting adalahkomputer eksklusif yang tidak jarang kali menyala guna menyimpan berkas websitemu dan menampilkannya pada siapa juga yang mengetikkan alamat situs dan mengurangi Enter.

Di samping itu, kamu pun harus punya alamat (seperti www.contoh.com), alias nama domain. Untungnya, kamu dapat mendapatkan domain sekaligus sebab ada tidak sedikit penyedia hosting yang pun menawarkan domain dalam satu bundel.

Ada ribuan perusahaan hosting besar dan kecil, tapi seringkali kita tidak memilih yang kecil. Sebaliknya, pilih hosting yang stabil dan tepercaya dengan track record yang bagus. Kamu pasti mengharapkan website yang dapat diakses 24/7/365, dan saya takkan membicarakan proses migrasi yang menyusahkan ke penyedia hosting baru bila website yang lama tidak dapat dipakai lagi. Melelahkan, percayalah.

Agar proses pemesanan hosting dapat dilakukan dengan cepat dan lancar, saya sarankan guna lebih dulu memikirkan nama domain. Kamu dapat memakai search bar domain. Banyak di internet. Bila yakin nama yang dipilih belum ada, atau memakai alat eksklusif yang menghasilkan nama. Alat terbaik yang saya tahu (dan pun sering saya gunakan) ialah Dot-o-Mator, alat cuma-cuma yang membantumu mengombinasikan 'kata' turunan dengan tidak sedikit prefiks dan sufiks, ditata menurut topik.

Tapi, bila kamu mendatangi jalan buntu, pertimbangkan untuk memakai ekstensi domain baru daripada .com yang telah biasa (dan padat).

Jika pusing dalam hal ini, anda dapat berkonsultasi di WWW.GARUDA.WEBSITE
Sebuah layanan jasa pembuatan website profesional.

Dalam pembelian hosting, pilih yang menyediakan layanan SSL.

Sertifikat SSL; adalah lapisan enkripsi tambahan yang menyelamatkan traffic webmu, seringkali terlihat dengan jelas berupa ikon gembok hijau dengan emblem “Aman” di search bar browser. Di samping itu, Google Chrome telah mulai menampilkan emblem “Tidak Aman” yang paling jelas guna website non-SSL semenjak bulan Juli 2018. Jadi, jelas mereka memberi tahu anda bahwa mereka tidak suka situs yang tidak aman:

Jadi, meskipun websitemu bisa bermanfaat tanpa SSL, sangat dianjurkan untuk langsung melakukan pembelian SSL (selain sebab migrasi dari situs non-SSL ke situs SSL paling sulit).

Kedua, ada pilihan Backup dan Cloudflare Protection. Kamu dapat mengabaikannya dengan tenang sebab pilihan tersebut tidak urgen untuk menciptakan website. Di samping itu, di unsur terakhir petunjuk ini, saya bakal menunjukkan teknik backup dan menemukan perlindungan situs tanpa biaya!

Dengan telah memiliki hosting & domain, kita bisa melangkah ke selanjutnya.

Ngomong-ngomong, kita telah menyelesaikan tahapan 1, yang mungkin ialah bagian tersulit dalam proses ini. Sekarang, kamu dapat merilekskan badan dan minum kopi. Saya akan menantikan di sini...

Sudah segar? Sekarang tahapan 2.

Langkah 2 dari 4: Menginstal WordPress

Kita telah punya hosting nyaman guna website yang bakal dibuat. Jadi, tak terdapat yang merintangi kita untuk mengawali website. Sudah siap?

Kalau anda bertanya, “apa tersebut WordPress”, interlud singkat: WordPress, atau disingkat WP, dinamakan sistem manajemen konten, ialah perangkat empuk yang membantumu menjalankan semua website, dari desain dan konten sampai pengaturan dan struktur.

Kenapa memilih WordPress? Sederhana saja, sebab WordPress ialah mesin situs yang digemari internet, menjalankan nyaris sepertiga situs di semua dunia (artinya tidak sedikit sekali), contohnya CaraJadiKaya. WP cuma-cuma untuk dipakai atau dimodifikasi, gampang dikembangkan dengan ribuan plugin gratis, dan mempunyai komunitas pemakai yang besar dan ingin saling mendukung. Panduan, tutorial, dan tip tentang pemakaian WP tidak sedikit tersedia di jagat web, dan beberapa besar pun gratis.

Kedengarannya memang opsi logis guna orang yang baru kesatu kali punya website. Jadi, anda akan membicarakan WordPress saja di petunjuk ini. Plus, saya memiliki sejumlah tip ekstra tentang ketenteraman dan performa sesudah kita menuntaskan pengaturan 3 tahapan ini.

Baik, anda lanjutkan, ya. Ayo masuk ke akun Hostinger yang baru dibuat. Kamu bakal melihat susunan produk di sana. Klik tombol “Kelola” di unsur “Hosting”.

Kamu akan ditunjukkan ke dasbor hosting, tempat urgen yang tentu akan sering anda kunjungi nanti. Tapi, guna sekarang, carilah “Auto Installer” di bawah “Website” (ikon monitor komputer dengan kilat kuning) dan klik.

Auto Installer ialah antamuka yang mudah dipakai untuk meningkatkan sistem manajemen konten pada website. Klik pilihan WordPress untuk mengawali proses (ikon “W” putih dalam lingkaran abu-abu, sama laksana mata Pacman yang memakan dunia di gambar di atas).

Ada tiga tahapan mudah, yaitu:

Pada tahapan kesatu, anda diminta guna memilih nama domain guna menginstal situs WordPress. Kamu dapat memilih root domain default atau memilih folder (misalnya, domain.id/blog) kalau hendak WordPress guna blog saja.
Selanjutnya, anda harus menciptakan akun administrator guna website. Masukkan nama pemakai dan kata sandi serta alamat email kalau-kalau anda perlu mengulang akses ke website. Dan demi keamanan, tidak boleh menggunakan ucapan-ucapan “admin” dan “sandi”, pikirkan sesuatu yang lebih susah ditebak! Karena WP paling populer, ada tidak sedikit hacker yang mengejar website WordPress dengan kredensial admin yang terlampau mudah.
Pada tahapan ketiga, anda diminta guna memilih bahasa panel admin situs dan judul situs (tidak begitu penting, nanti dapat diubah) dan klik tombol besar “Install” berwarna hijau……dan tunggu ibu peri menata WordPress untukmu. Setelah selesai, anda akan menyaksikan tabel mengandung informasi mengenai website yang baru diciptakan ini. Klik tombol “WP Admin” guna masuk ke panel administrasi WordPress:

…Bisakah anda menciumnya? Aroma situs segar di pagi hari! Saya suka sesuatu yang baru.

Sudah selesai! Tapi, ada sejumlah hal yang barangkali harus segera anda utak-atik sebab pengalaman mengajarkan bahwa tidak semua penataan bawaan WP adalahpilihan optimal.

Langkah 3 dari 4: Mengonfigurasi WordPress

Sebelum mulai menambahkan konten ke websitemu, mari kita tur singkat dalam sistem seraya menambahkan sejumlah perbaikan guna nantinya.

Di sisi kiri dasbor admin WP, anda akan lihat menu admin dengan background abu-abu gelap. Tidak seluruh fiturnya urgen dan anda cuma akan memakai beberapa. Kamu dapat mempelajari fitur lainnya seraya jalan.

Bagian yang sangat sering digunakan ialah Pos dan Halaman, di mana kamu dapat membuat konten baru, pun Komentar, guna memoderasi diskusi pada pos – siapa tahu anda mau menggiatkan fitur ini.

Perbedaan antara halaman dan pos merupakan: halaman digunakan untuk konten statis yang tidak akan tidak sedikit diubah, laksana halaman “Tentang Kami”; sedangkan itu, pos digunakan untuk konten yang ditambahkan secara teratur, laksana berita atau blog pos. Ada pun konsep spesial halaman blog di WordPress, berupa halaman otomatis yang memperlihatkan semua posmu. Kita bakal membahasnya nanti. Bagi sekarang, mari kita lanjut!

Bagian urgen lainnya dalam menu admin WP ialah Tampilan, di mana kamu dapat menginstal tema visual situs (Tampilan → Tema). Ini sangat menolong untuk menambahkan menu navigasi (Tampilan → Menu) serta widget (Tampilan → Widget), balok kecil yang punya faedah spesifik laksana menampilkan susunan kategori atau search bar, seringkali ada di sidebar. Bagian Tampilan ini pun memuat Customizer, yang sering digunakan dalam tema modern supaya kamu dapat menyesuaikan aspek dalam website, laksana warna dan font.

Di samping itu, terdapat bagian Plugin tempat anda menginstal dan mengonfigurasi sekian banyak ekstensi yang menambahkan fitur lain, laksana keamanan, tombol sosial (share), eksemplar isian kontak, dsb.

Nah, barangkali inilah tur WP tercepat yang pernah ada! Selanjutnya, mari kita ubah sejumlah pengaturan di unsur Pengaturan di menu admin sangat bawah:

Pengaturan → Umum: ingat masa-masa saya bilang kamu dapat mengedit “Judul Website” dan “Slogan Website” belakangan? Di sinilah kamu dapat melakukannya. Di samping itu, pastikan pilihan “Keanggotaan”, “Zona Waktu”, “Format Tanggal”, “Format Waktu”, dan “Minggu Dimulai Pada” telah disetel cocok keinginan.

Pengaturan → Bacaan: guna sekarang, simaklah saja unsur ini. Di sini, kamu dapat mengatur halaman depan situs untuk memperlihatkan blog post atau halaman statis (setelah menyimpulkan mana yang anda mau). Kalau anda tidak menata halaman blog post sebagai halaman depan, kamu dapat memilih lokasi lain. Cukup bikin halaman kosong baru di unsur admin Halaman yang dilafalkan di mula tadi. Lalu, pulang ke sini dan atur halaman tersebut sebagai bukan halaman depan blog post. Halaman tersebut otomatis akan memperlihatkan post setelah anda menyimpan evolusi ini.

Pengaturan → Diskusi: bila kamu hendak orang lain dapat mengomentari post di blog atau newsfeed website, pastikan anda mencentang kotak “Izinkan orang memposting komentar pada artikel-artikel baru” serta “Aktifkan komentar berutas” (agar pengunjung dapat membalas komentar orang lain) dan “Komentar mesti diamini secara manual” (kalau tidak, anda akan mendapat BANYAK SEKALI SPAM). Apa juga pilihanmu, hapus centang di pilihan “Izinkan pengumuman tautan dari blog lain” sebab opsi ini cuma bakal mengundang tidak sedikit spam. Terakhir, lihat sebentar unsur “E-mail saya masing-masing kali”. Pastikan opsinya ditata sesuai keinginanmu.

Pengaturan → Permalink: sangat dianjurkan memilih pilihan Nama Post sebab menghasilkan URL guna halaman dan post yang dapat dipahami insan (jujur saja, saya tidak begitu yakin kenapa opsi beda di subbagian ini ada).

Intinya, tersebut saja! Sekarang, kamu dapat bermain-main dengan situs baru dan mulai menambahkan konten. Tapi, terdapat satu tahapan lagi yang sebetulnya opsional, tetapi penting:

Langkah 4 dari 4: Menambah Tema dan Plugin

Pada dasarnya, kamu dapat mengabaikan tampilan visual situs dan konsentrasi pada konten. Tapi artinya, websitemu tampak biasa dan laksana triliunan situs lain yang terlampau malas mengolah tema bawaan.

Plus, ada tidak sedikit tema WP cuma-cuma yang menawarkan kustomisasi dan personalisasi lanjutan. Jadi, kamu dapat membuat situs dengan tampilan unik.

Ini tip yang tak tahu malu: Saya sarankan untuk mengupayakan tema WP serbaguna kami, Bento (kami di Satori paling suka Jepang :)

Dengan tema ini, kamu dapat mengganti warna dan tampilan unsur virtual di website, menciptakan layout grid yang cocok dan ramah seluler, serta tidak sedikit fitur bermanfaat lainnya yang tercantum di dalam halaman sah mereka:

Dan, Bento terdokumentasi dengan baik (yang tidak terdapat di dunia WordPress) dan mempunyai forum sokongan khusus di mana kami membalas semua pertanyaan mengenai tema.

/ akhir dari promosi diri yang blak-blakan /

Sementara guna plugin, terdapat 50.000+ plugin cuma-cuma yang tidak jarang kali tersedia guna menambahkan sekian banyak fitur baru di websitemu dari terjemahan dan pop up sampai forum dan komunitas (tidak, kami tidak menciptakan plugin, jadi jangan bercita-cita melihat link ke ekstensi “Sushi” atau “Kamikaze”).

Sebaliknya, saya cuma bakal mencantumkan sejumlah plugin sangat tepercaya dan bermanfaat yang mesti dipertimbangkan oleh semua empunya website – menurut pengalaman, review orang lain, dan statistik objektif. Semuanya gratis, pasti saja:

Akismet guna memfilter komentar dari spam secara otomatis. Ini plugin penyelamat! Atau penghemat masa-masa karena dapat menyingkirkan seluruh komentar yang berisi ucapan-ucapan dan link spam. Akismet memakai semacam algoritme voodoo pembelajaran mesin yang meningkat baik seiring waktu.

All in One SEO guna optimasi mesin pencari. Mungkin inilah di antara plugin WP terbaik untuk menata meta data yang benar di website supaya kontenmu tidak terlihat laksana “sampah” di hasil penelusuran Google. Google paling suka perhatian detail laksana ini.

Google Analytics Dashboard guna melacak pengunjung yang mampir. Kamu juga perlu akun Google Analytics tentunya, yang dapat dibuka secara cuma-cuma di website web sah mereka.

Contact Form 7 supaya pengunjung dapat mengirim pesan padamu. Bagi menerima email masing-masing kali seseorang mengirim pesan di website, kamu pun harus menginstal plugin mailer laksana WP Mail SMTP.

Jadi, ya, anda sudah berlalu sekarang. Nikmati situs barumu yang keren! Kalau kamu perlu saran dan praktik terbaik, lanjutkan ke unsur terakhir petunjuk ini. Judulnya paling cocok.

Tip Berguna (Opsional)

Saya tidak tak sempat dengan janji sebelumnya: membicarakan metode cuma-cuma untuk meningkatkan ketenteraman website dan mengerjakan backup. Jadi, ini dia.

Tip #1: Membuat websitemu lebih aman. Mumpung websitemu masih baru dan polos, mungkin anda ingin konsentrasi pada sejumlah hal lain sebab belum terdapat yang hendak meretasnya. Tapi, terdapat hal-hal kecil yang nyaris tidak perlu waktu, namun dapat mengurangi kemungkinanmu diserang sampai 10 kali lipat.

Pertama, saran yang paling jelas (dan 99% orang tidak mengikutinya): jangan pakai “admin” sebagai nama pemakai panel admin WP. Gunakan kata lain. Itu saja sudah menciptakan websitemu seribu kali lebih susah diretas. Dan pakai kata sandi yang kuat, dengan huruf kapital, angka, simbol, dan lainnya. Bagi kekuatan ekstra, pakai autentikasi dua hal (kode ekstra yang didapatkan ponsel ketika masuk).

Kebiasaan beda yang tidak jarang diabaikan tidak sedikit orang: update WordPress, plugin, dan temanya. Kami telah membahas tersebut di Langkah 2 (“Menginstal WordPress”), tapi anda masih mesti menyimak notifikasi update dalam admin WP.

Untuk anda yang hati-hati, saya sarankan guna menginstal plugin Wordfence gratis. Ada tidak sedikit opsi perlindungan tambahan yang akan menolong webmaster sangat paranoid sekalipun istirahat nyenyak di malam hari.

Tip #2: Backup otomatis yang mudah. Karena anda pasti tidak mau menguras waktu untuk mengerjakan backup secara manual. Ada hal beda yang lebih baik dilakukan, seperti menciptakan konten website! Satu kata: UpdraftPlus. Alat ini gratis, pengaturannya mudah, dan kamu dapat memilih guna menyimpan backup di sekian banyak tempat, dari servermu sendiri (tapi tidak direkomendasikan) sampai penyimpanan awan (cloud).

Saya sendiri memakai opsi Google Drive di Updraft. Pengaturannya semakin gampang setelah mereka mengerjakan integrasi sendiri. N.B. Versi gratisnya meluangkan semua yang anda butuhkan guna website normal. Saya belum pernah mengupayakan versi Pro meskipun menjalankan sekian banyak proyek online dengan pelbagai tingkat kerumitan.

Gambaran dasar dalam membuat website toko online

2019-02-16T17:22:00.004+07:00

Website toko online saat ini memang menarik minat banyak orang. Gaya hidup dan kecendrungan manusia dalam berbelanja secara online, menjadi salah satu faktor penyebabnya.

Jika anda menjual suatu produk, saat ini anda tidak dapat hanya mengandalkan cara-cara konvensional. Anda harus mengikuti perkembangan zaman. Atau tertinggal oleh kompetitor anda yang sudah beralih ke dunia digital.

Ketika anda memutuskan untuk ikut berkompetisi di dunia online, maka hal utama yang harus dipersiapkan, adalah website. Memiliki wesbite toko online. Memang, anda mungkin bisa menggunakan media sosial atau menumpang berjualan di website milik orang. Seperti bukalapak, blibli, tokopedia dan lainnya.

Namun, memiliki website sendiri, anda memiliki keleluasaan. Dan tentunya, memberi kredit point atas usaha anda sendiri.

Ada beberapa opsi dalam membuat website toko online. Bisa dengan cara gratisan dan atau berbayar. Cara gratisan, anda dapat menggunakan layanan google dengan flatform blogspot. Atau wordpress.

Kedua flatform banyak pula digunakan blogger dalam membuat blog. Juga bisa diaplikasikan untuk web toko online. Ada beberapa hal yang ditawarkan;

Pertama, anda tidak perlu membeli hosting dan domain. Karena ke dua layanan raksasa ini, telah menyediakan space hosting tanpa batas. Anda dapat mengupload konten anda seberapa pun banyaknya. Sementara untuk domain, anda dapat menggunakan sub domain dari layanan tersebut.

Jika menggunakan layanan wordpres, anda bisa menggunakan sub domain; tokoanda.wordpress.com. Jika blogspot; anda akan mendapat domain, tokoanda.blogspot.com.

Sub-domain seperti ini; jelas mengindikasikan gratisan. Semua orang tahu. Opsinya, anda bisa membeli domain pribadi. Seperti; tokoanda.com. Ada banyak layanan penyedia domain. Harga normal, berkisar antara Rp.100 ribu sd. 150 ribu. Pertahun.

Sesuatu yang gratis, memang tidak akan memberi pengalaman lebih. Segala sesuatunya, serba terbatas. Anda hanya memiliki akses ke halaman admin. Tidak ke cpanel. Apa itu Cpanel? Akan dijelaskan ke para artikel terpisah.

Sementara, jika anda memilih untuk bermain lebih serius. Anda dapat membangun website profesional. Dalam hal ini, anda dapat menggunakan jasa pihak ketiga. Anda tidak perlu belajar bahasa pemerograman atau coding. Anda dapat fokus pada marketing, penyiapan produk, hingga sistem penjualan.

Jika anda pemula, opsi ini, lebih saya rekomendasikan. Kebanyakan pelaku usaha yang berpikir bahwa membuat website toko line gratisan atau membuat sendiri itu, hemat. Namun, ketahuilah; anda perlu banyak belajar agar sebuah website benar-benar dapat bersaing secara global di internet. Sebagian besar akhirnya menyerah kalah, karena waktu malah habis digunakan untuk belajar. Sementara, potensi transaksi belum tentu didapatkan.

Menggunakan jasa pihak ketiga, dapat saya katakan cukup bijaksana. Anda dapat lebih fokus ke hal-hal utama. Hal-hal yang memungkinkan sistem management anda terkelola dengan baik. Memang anda akan mengeluarkan biaya lebih, tapi itu akan sebanding dengan perputaran bisnis anda.

Apa saja yang harus dipersiapkan untuk membuat website toko online

Anda boleh saja menggunakan jasa pihak ketiga dalam membuat toko online. Namun, anda tentunya tetap harus mengetahui hal-hal dasar yang perlu dipersiapkan. Setidaknya, membuat anda tidak benar-benar buta, dalam mekanisme pembuatan website.

Berikut gambaran sederhana yang perlu anda ketahui dalam membuat web toko online;

Nama domain
Web hosting tempat penyimpanan data website & konten.
Platform toko online. Seperti; WordPress dan WooCommerce.
Tema website
Riset keyword
Penyiapan materi iklan berbayar

Untuk pertimbangan nama domain dan pemilihan hosting, tema dan lainnya; anda bisa artikel: rencana pembuatan website.

Walau pun anda menggunakan jasa pihak ketiga dalam pembuatan website. Ada baiknya, anda telah menyiapkan materi yang akan diimplementasikan dalam pembuatan website. Seperti deskripsi toko online anda. Semacam company profil atau artikel singkat tentang produk apa saja yang akan anda jual di website.

Ada beberapa bagian; yang biasanya menjadi bagian dari sebuah website. Landing page atau halaman squeeze. Halaman ini adalah halaman utama. Biayanya, berbagai keterangan tentang website dan produk anda dijelaskan disini. Dimana akan dipasang link yang mengaraha pada halaman lain. Seperti; form pemesanan, info kontak, dll.

Di landingpage, juga bisa dimunculkan display produk. Mewakili seluruh produk anda.

Layoutnya web toko online memiliki struktur tersendiri. Tidak harus sama persis. Namun, secara umum yakni;

Home; bisa berupa landingpage atau “squeeze page”. Bisa juga disebut sebagai laman pengantar.
About; sebuah halaman yang menjelaskan toko online anda. Bisa berupa profil singkat, visi, dan lainnya.
Halaman produk; halaman dengan fitur yang memuat photo2 produk. Deskrip dan biasanya telah dilengkapi tombol fungsi yang mengarah ke transaksi.
Halaman Blog; adalah halaman khusus yang menampilkan artikel-artikel di website. Artikel pada website dapat meningkatkan jumlah kunjungan yang berpotensi terjadinya transaksi.
Halaman Cara Pemesanan; halaman ini cukup penting. Biasanya berisi tentang petunjuk cara pemesanan, metode pembayaran dll.
Halaman Kontak; halaman berisi info website, pemilikl, alamat, hingga form contact.

Demikian gambaran dasar dalam membuat website toko online. Jika anda ingin tahu lebih banyak, dapat berkonsultasi secara gratis dengan team jasa pembuatan website dari Garuda Web Development

Desain Kartu Nama Hitam Elegant + Minimalist

2016-07-20T07:00:00.001+07:00

Kartu nama, merupakan hal penting dalam dunia bisnis. Memang kita bisa saja bertukar nomor contact atau PIN BBM, namun kertas kecil yang memuat identitas kita tersebut tetap harus tersedia di kantong. Banyak relasi yang tidak mempunyai waktu cukup, merasa lebih efektif untuk saling memberi kartu nama.

Kartu nama sendiri, perlu mendapat sentuhan desain dengan nilai art yang baik. Agar relasi tetap merasa potongan kertas tersebut merupakan sesuatu hal yang istimewa dan menyimpannya di dompet. Tampilan yang unik dengan desain Elegant serta Minimalist bisa memberi kita kredit point dimata relasi.

Pada kesempatan posting kali ini, saya ingin sedikit share kartu nama dengan desain kombinasi warna hitam dan orange. Menurut saya sich, tampilannya cukup unik serta elegant. Mungkin bisa menjadi inspirasi anda ketika berencana membuat kartu nama.

Inilah karya yang kemudian akan saya gunakan sebagai desain kartu nama untuk Toko Online saya yang menjual Pakaian Branded Original | Surf & Skate | Big Size Clothing | ARIKO.CLOTHING
dan BAJEU.COM | Menjual pakaian branded wanita 100% Import.

Kartu nama Ariko Clothing dan Bajeu.com

Anda bisa menggunakan Desain kartu nama saya di atas, dan terusnya anda cukup mengeditnya saya sesuai data yang anda inginkan.

Tips SEO terbaik sepanjang waktu

2015-01-26T17:17:00.000+07:00

Tips SEO terbaik sepanjang waktu

Berbicara tentang SEO (Search Enggine Optimasion) memang menarik. Sejak beberapa tahun yang lalu saya mulai ngeblog, hingga saat ini, masalah perlombaan menempatkan kata kunci menjadi top 1 di google tetap menjadi sesuatu dan senantiasa di bahas.

Memang akhir-akhir ini saya jarang nge-blog (istilah blogger update postingan), soalnya saya mempunyai kesibukan yang baru. Sebenarnya tetap di dunia online. Saya tengah menyiapkan website layanan jasa pembuatan. Anda boleh kunjungi situsnya; GARUDA WEBSITE

Kembali ke topik awal, “come on”: Tulisan ini saya buat Cuma karena rindu ngeblog. Dari berbagai topik yang dipilih, jatuhnya tetap yang terbaik masalah SEO.

Sejak awal, saya sangat tertarik dengan SEO dan berupaya penuh mempelajari tentang SEO. Termsuk berbagai kaidah dan rumus-rumus SEO yang bisa kita baca melalui tutorial yang jumlahnya jutaan diluar sana. Dengan berbagai versi dan pengalaman masing-masing blogger.

Alhasil, yang didapat makin melebar dan tidak ada rumus baku tentang SEO. Malah semakin pusing dan beberapa diantaranya, para blogger, menyerah dan berhenti ditengah jalan.

Sejujurnya, saya pun demikian. Pernah mengalami hal yang namanya “lesu darah” (kaya judul lagu dangdut aja gkgkgk). Hingga pernah memutuskan untuk berhenti nge-blog. Namun, hoby dan kecintaan menulis membuat saya kembali dan kembali lagi nge-blog. Termasuk sekarang.

Kembali kemasalah SEO. Dari pengalaman dan proses waktu yang memakan waktu bertahun-tahun penelitian, hasilnya saya bisa memerikan tips ini. Dan terbukti berhasil!!! Checkodot bro; langsung baca saja. Sebelumnya, ambil kopi dan regangkan otot-otot mu terlebih dahulu, karena tulisan ini akan panjang.

1. SEO tidak ada rumus baku

Ini yang sempat saya tulis diawal. Memang SEO tidak ada rumus baku, mbah Google seolah semaunya saja menampatkan konten pada posisi terbaik. Terkadang, artikel atau konten yang kita tulis sembarangan malah berada pada serf bagus dan artikel yang kita buat dengan segenap tenaga dan jerih payah yang mengandung berbagai unsur/rumus SEO malah entah berada pada posisi sekian ribunya.

Begitu lah pendapat awal saya brother. Hingga sekarang, masih. Namun, kemudian saya mendapat sebuah kesimpulan dan catat ini rumus baku.

Dalam setiap petunjuk, google selalu menyarakan untuk membuat konten yang unik. Sekali lagi unik dan original untuk dapat di indeks google dan berada pada posisi bagus. Nah... mungkin konten yang kita buat sembarangan tanpa berpikir tentang SEO malah dianggap google unik.

Saran saya, ini yang paling penting dari sekian banyak rumus SEO. Tidak perlu terlalu banyak berpikir untuk menyempurnakan kode html dan lain-lainnya. Apalagi memodifikasi template sedemikian rupa dan mendapat nilai 100% di aplikasi check SEO seperti CHKME.COM atau lainya.
Cukup dengan membuat konten berkualitas, lepaskan di jagat raya dunia maya. Dan biarkan google memutuskan untuk menempatkannya pada posisi berapa di search enggine. Sesuatu yang baru jelas akan menjadi produk yang disukai pembaca/visitor dan google.

Google telah berupaya semaksimal mungkin menciptakan robot crawl untuk dapat bertindak sebagaimana manusia berpikir. Sesuatu yang menurut manusia menarik maka menarik pula menurut robot google. Robot itu mendata dan mendatangi jutaan web/blog di dunia maya, memperifikasi dan menganalisis konten dan memisahkan yang berkualitas dan abal-abal untuk ditempatkan sesuai dengan nilai masing-masing.

Yah.. robot crawl diciptakan untuk menyerupai cara manusia berpikir. Jadi jangan aneh-aneh, manusia ingin sesuatu yang baru dan bermanfaat. Demikian juga robot crawl berupaya menilai konten/artikel mana yang dianggap paling bermanfaat dan unik untuk ditempatkan di posisi terbaik mesin pencari.

Hal ini pula yang membuat google dipercaya sebagai salah satu mesin pencari terbaik di dunia.

2. Modifikasi template dan html

Ada banyak salah kaprah dalam hal ini. Awalnya saya sedemikian sibuk mengurus tampilan template dan berbagai code html yang memusingkan agar sempurna telihat dan terbaik dalam unsur SEO

Saya bolak-balik mengunjungi website yang menyediakan tool-tool untuk melakukan pengechekan SEO. Memperbaiki dan terus memperbaikinya, hingga akhirnya mendapat skor 100% dari chkme.com dan lain-lainnya.

Hasilnya, saya lupa tentang memproduksi konten/artikel berkualitas. Saya terlalu sibuk dengan berbagai hal modifiasi dan bongkar pasang widget template. Gkgkgkggkgkg....

Bahkan, terkadang sempat mengganti template blog hingga 2 atau 3 kali dalam seminggu. Terus mencari tempate terbaik yang jutaan jumlahnya berserakan secara premium maupun gratis di internet. Dan setiap hari menemukan template yang baik, dana kemudian bertemu lagi dengan yang terbaik. Dan setiap hari jutaan pula para pengrajin template memproduksi tempate terbaiknya.

Begitulah terus, hingga blog saya mungkin telah ratusan kali ganti template dan saya terus memodifikasinya. Terus berulang-ulang.

Yah.. saya lupa, point penting dari SEO tetap kembali pada tulisan nomor 1 di atas. Konten adalah raja dan menjadi faktor utama penentuan posisi di mesin pencari. Dan bukankah SEO fungsinya untuk itu.

Jadi SEO sebenarnya adalah tentang bagaimana membuat konten yang bermanfaat bagi manusia dan tentunya akan menarik pula bagi robot crawl.

Visitor terbaik adalah pengunjung yang datang dan bolak-balik kembali mengunjungi blog anda. Karena, disana di blog kita, menurut mereka banyak terdapat konten berkualitas dan bermanfaat bagi mereka.

Dan tahukah bro dan sist sekalian, robot crawl pun menilai itu. Dan menganggap blog kita memang bermanfaat dan akan memberi apresiasi lebih. Catat!! Karena robot crawl diciptakan sedemikian rupa agar menyerupai cara berpikir manusia.

Kita memang harus memutuskan dan menggunakan template yang baik. Sempurna unsur SEO dan desain tata letak yang baik. Sehingga baik dimata google dan indah dimata manusia. Dan tentunya dilengkapi dengan fitur dan tombol fungsi untuk mempermudah manusia menjelajahi isi blog kita.

Namun, point penting tetap konten yang unik dan bermanfaat.

3. Submit blog dan artikel

Sejak awal saya selalu melakukan ini. Saya berpikir, kita harus memberi tahu seluruh orang di dunia bahwa kita telah membuat blog dan memproduksi konten dan artikel didalamnya.

Apa yang saya lakukan, tiap hari pun saya disibukkan dengan submit-submitan. Share kesana-kesini. Melakukan ping blog juga kesana-kesini.

Banyak blogger capek dan jenuh, sebenarnya hanya karena ini. Sebagian besar blogger menghabiskan energinya untuk ini. Sehingga lupa, bahwa membuat konten yang unik dan bermanfaat lah yang penting.

Soal submit, mungkin perlu. Share di media sosial juga perlu. Namun lakukanlah dengan ala kadarnya saja.

Kita tidak mungkin dapat mendatangi orang hingga jutaan jumlahnya, hanya untuk agar konten kita dibaca oleh jutaan orang, kawan.

Itulah alasannya kenapa kita menulis di blog dan melepaskannya di dunia maya. Agar di baca oleh jutaan orang. Tapi bukan dengan cara-cara yang menghabiskan energi tersebut. Yakin lah.

Saran saya, cukup dengan membuat sitemap dan mengirimkannya ke google webmaster dan beberapa webmaster terkenal lainnya, seperti Bing yang sekaligus juga Yahoo.

Biar mereka menempatkan posisi konten kita di urutan terbaik. Dengan potensi kunjungan jutaan visitor. Cukup itu.

4. Membangun backling berkualtias.

Memang untuk yang satu ini nampaknya harus. Karena popularitas blog/web kita juga dinilai dari backling. Pun demikian dikatakan oleh orang dari google bernama ‘Macut’ atau siapa namanya entah....

Namun, jangan berharap hal ini bisa dilakukan dalam sehari. Dan jangan sekali-kali berpikiran bahwa ini bisa dilakukan dalam waktu singkat. Kenapa?? Karena jelas akan menghabiskan energi!!!

Sekali lagi, energi dan waktu kita harus digunakan semaksimal mungkin dengan membuat konten/artikel yang unik dan bermanfaat. Karena ini lah rajanya SEO.

Bangunlah backling secara natural dan jangan melakukan hal-hal yang aneh. Seperti membeli ribuan link atau ikut arisan link kaya MLM dan lain-lain. Dimana kemudian kemudian juga dianggap oleh robot crawl sesuatu yang aneh. Ingat, robot crawl dibuat menyerupai cara berpikir .........

Lakukan secara bertahap dan jangan sampai menyita waktu mu. Karena waktu kita terlalu berharga hanya untuk melakukan hal-hal yang menunjang bukan utama.

5. Apalagi ya???

Kenapa saya tulis “apa lagi ya”. Karena hal ini selalu menjebak cara berpikir para blogger termasuk saya.

Kita terlalu sibuk berpikir dan berbuat tentang bagaiman agar SEO bisa dilakukan dengan sempurna.

SEO yang sempurna itu bagus, tapi tidak ada gunanya sama sekali tanpa didukung oleh konten/artikel yang unik dan berkualitas.

Untuk itu, jangan terjerumus untuk terus berpikir “apalagi ya” yang harus dibuat agar blog kita dan konten didalamnya bisa bersaing dengan jutaan konten diluar sana.

Cukup dengan rumus pada nomor 1 yang telah saya buat diatas. Yakni, produksilah sebanyak-banyaknya konten yang unik, original, dan bermanfaat bagi manusia. Bangunlah visitor yang loyal terhadap blog kita. Biarkan mereka bolak-balik untuk terus berkunjug dan mendapatkan manfaat dari blog kita.

Dan yakinlah ini akan berkembang. Perlu dicatat!! Membangun sebuah blog dengan trafik yang tinggi membutuhkan energi, proses, dan waktu. Maka janganlah hal itu kita sia-siakan untuk melakukan hal-hal yang sebenarnya hanya penunjang. Gunakanlah untuk hal-hal utama yakni membuat konten yang unik dan bermanfaat bagi orang banyak.

Cuma itu!! Dan lepaskanlah ke dunia maya. Sesuatu yang unik dan bermanfaat pasti akan dicari orang. Ciptakan hal-hal baru dan kemudian lepaslah, biar dia berkembang dan terus berkembang menjadi raksasa-raksasa yang bahkan menjadi sesuatu hal yang tidak pernah kita bayangkan sama sekali. Yah... itulah hakikat SEO yang saya dapat dari proses belajar selama nge-blog.

Saya telah memutuskan untuk mengunakan template sederhana yang fast loading dengan unsur SEO yang malah tidak saya utak-atik dari sononya. Template buatan Mas Sugeng (liat di footer blog).

Saya bahkan tidak pernah menyentuh kode htmlnya untuk menyempurnakan SEO. Dan bahkan saya tidak terlalu peduli dengan keyword. Hanya penulisan deskripsi konten yang telah disediakan secara standar oleh Blogspot.

Dan dari banyaknya konten, sebagian besar menyumbang hadirnya visitor. Dan beberapa saya yakin balik lagi untuk membaca konten yang lain. Salah satu blog saya, kunjungannya saat ini stablil diatas 1.000 dan terus merangkak naik dengan bertambahnya konten yang saya produksi.

Demikian tips SEO terbaik terbaik sepanjang waktu menurut saya. Buat sesuatu karya yang bermanfaat dan berkualitas dan lepaskanlah, biar orang-orang yang menemukannya.
Sesuatu yang berkualitas akan terus dicari orang. Dan tidak perlu kita antar dari pintu-kepintu. Karena kita tidak mungkin akan punya waktu jika berharap dunia mengetahuinya.

DroidPluss : Responsive Blogger Template Valid HTML5, CSS3, 100% SEO Friendly

2014-03-18T10:17:00.000+07:00

Jujur saya sebenarnya kurang suka memuji Kang Ismet takut nantinya dia jadi besar kepala he... he... Tapi untuk karyanya yang satu ini, mau tidak mau saya harus mengatakan "dia memang hebat". Dia salah satu blogger Indonesia yang patut di banggakan.

DroidPluss Blogspot Template

DEMO TEMPLATE

Menurut saya, buah karyanya - DroidPluss Responsive Blogger Template - merupakan mahakarya yang layak diketengahkan dan bersaing dimata dunia. Bahkan, menurut saya lagi, template dia yang satu ini lebih bagus dari template yang ia pakai sendiri... he... he...

Sayangnya template tersebut dia bagikan secara gratis. Sehingga mau tidak mau, saya langsung mengganti template saya dengan karyanya he... he... Terimakasih banyak Kang Ismet.

Siapa yang tidak tergoda hatinya untuk berganti template jika melihat beberapa point penting untuk DroidPluss Blogger Template ini.

Bayangkan kawan inti point penting yang melengkapi stuktur keren DroidPluss Blogger Template:

Responsiv cek -> disini
Valid HTML5 pada Homepage cek -> disini
Valid HTML5 pada postingan cek -> disini
Valid CSS3 cek -> disini
SEO 100% cek -> disini
Sticky Widget
Back to top
Customized Deleted Comment
Smooth scroll to comment hash
dll.

Dan yang terpenting, template ini dibagikan Gratiiis/free download. Anda bisa menghilangkan Credit pada footer, dengan membayar Rp. 50.000,-. (This template is absolutely free, you may remove credit link by sending me $5 USD through PayPal). Contact

Kostumisasi DroidPluss : Responsive Blogger Template

Untuk kostumisasi saya rasa tidak ada masalah, tapi mungkin ada beberapa hal yang perlu saya jelaskan disini. Untuk merubah sticky widget (Sosial media yang melayang) silahkan temukan kode seperti dibawah ini kemudian edit.

<div id='stickywidget'>
<h3>Sosial Media</h3>
.....
.....
.....
</div>

Untuk membuat widget Artikel Terbaru, tambah widget HTML/JavaScript dan simpan kode ini :

<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="https://redaksiexpo2012.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Ganti yang ditandai warna merah dengan url blog anda.

Untuk membuat blog tetap valid HTML5, setelah menambah widget hapus kode ini pada Template -> Edit HTML

<b:include name='quickedit'/>

Oke... saya kira demikian puja-puji ini.. Semoga bermanfaat..

Simplex Reporter News Responsive Blogger Template

2013-11-25T01:44:00.000+07:00

The Simplex Reporter is a news category based theme that is best suited for news publishing site and also for information blogs.The important features of this theme are premium design,4 column footer,best style that makes your blogs professional,social sharing icons,mega menu and many other cool features.

Simplex Reporter Blogger Template is a free news based blogger template. The template looks elegant and attractive. It has features which are rarely found on blogger blogs. The site is responsive and looks really beautiful on all the screens with different sizes. This is an idol template for news blog. Its features like fast loading, Ticker, Superb menu make it best out of the rest.

Features : 1 Right Sidebar, 2 Right Sidebar, 3 Columns, 4 columns, 4 Columns Footer, Adsense ready, Blogger Template 2013, Elegant, Fashion, Fixed width, Free Premium, news, Red, SEO, White, Wordpress Look.

VIEWDEMO | DOWNLOAD

Platform Type : Blogger / Blogspot
Template Name : Simplex Reporter Blogger Template
Template Author : Rocking Templates
Designer The Simplex Design | http://www.thesimplexdesign.com/

Portofolio responsive blogger template : PISGOR

2013-11-19T00:49:00.001+07:00

Pisgor Blogger Template saya dapat dari Loefa-cebook, merupakan tema blog yang responsive dengan gaya Portofolio. Template ini, cocok untuk anda yang mempunyai blog menampilkan photo-photo.

Pisgor Blogger Template dibangun menggunkan framework profesional bernama Skeleton, framework Skeleton ini banyak digunakan untuk membangun sebuah website profesional.

ViewDemo : DownLoad

Cara Intall Template
Untuk sistem instalasi PISGOR Blogger Template ini, tidak begitu rumit. Berikut caranya:

Unzip file Blogger Template yang sudah anda download
Masuk ke Blogger Halaman Template, lalu klik EDIT HTML
Buka file XML Template dengan HTML Editor seperti Notepad++ untuk Windows atau TextWrangler untuk Mac.
Lalu Copy semua kode template
Kemudian Paste kedalam EDIT HTML Blogger
Terakhir Klik Save Template

Untuk cara settup template lebih lengkap telah dibuat file instruksi, dan dimasukan kedalam file download Pisgor Blogger template.

Demikian Pisgor Blogspot Template ini, semoga bermanfaat

Fungsi, Manfaat dan Cara Setting Komentar Untuk Optimasi Blog

2013-11-14T16:42:00.000+07:00

Jika selama ini, kolom komentar hanya dianggap sebagai fitur pelengkap dalam sebuah blog, maka saat ini, saya merasa fasilitas yang sejatinya diperuntukkan bagi visitor itu mempunyai peran penting dalam optimasi blog.

Rasa ini (puitis, red), saya dapat akhir-akhir ini selama belajar blogging. Ditambah ketika membaca diskusi menarik antara Kompi Ajaib dengan Mas Kolis di forum. Dimana mengambarkan aktifitas di kolom komentar sangat berpengaruh terhadap masa depan blog. Bisa positif atau malah sebaliknya negatif.

Dimana dalam diskusi tentang template juga menyinggung soal sistem komentar agar di setting hanya untuk user google saja. Karena untuk menghindari, jika suatu saat para komentator, blognya dihapus atau expire yang menyebabkan dead link. Dead link sangat berpengaruh di SERP.

Sejujurnya, jika hanya dari diskusi singkat antara dua blogger diatas, saya belum begitu berpikir serius tentang pengaruh besar 'kolom komentar' untuk masa depan blog.

Nah, ketika Matt Cutts kembali berbicara tentang hal ihwal sistem komentar di blog. Maka jelas kita harus serius menanggapinya. Mau tahu siapa Matt Cutts? Dia adalah orang kampung yang sok paham tentang dunia maya. Sok penting di Google as a software engineer. Huh...

Ssstttt... just kidding brother, emang si Akang Matt Cutts tokoh penting dalam hal ini. Dia adalah Kepala Web Spam di Google sekaligus praktisi SEO dunia. Masa gak percaya dengan kata-katanya, he... he....

Nah baru-baru ini Matt Cutts sebagai kepala tim webspam Google tersebut, ia telah membuat sebuah video yang berbicara tentang komentar blog. Matt Cutts mengatakan jika Anda berkomentar pada sebuah blog hendaklah menggunakan nama Anda (Profil Google), jangan menggunakan nama dengan link atau url (anchor text) semisalnya url blog Anda bila tidak ingin dianggap SPAM. Dan ini tentunya akan berdampak buruk juga terhadap blog yang Anda komentari.

Jika terdapat sebuah blog dengan banyak outbound link yang datang dari komentar, ini akan berakibat buruk pada kesehatan blog. Dan lebih parahnya lagi blog akan disingkirkan dari SERP bahkan dibanned.

Namun pertanyaan lain akan muncul, bagaiman jika linknya disimpan pada komentar bukan pada nama komentator? Semua Blogger tentunya telah sependapat bahwa komentar yang menggunakan link hidup pada komentar adalah komentar spam yang wajib dihapus. Kita bisa menghapus manual komentar spam ini melalui dashbord blog.

Namun jika ini terlalu banyak dan kita terlalu sibuk untuk menghapus satu per satu komentar spam ini kita bisa menggunakan script yang secara otomatis akan menghilangkan link hidup pada komentar. Script ini banyak bertebaran di Google, atau silahkan baca "Cara Menghilangkan Link Aktif pada Komentar Blog" dijamin beres!!

Nah salah satu cara untuk menghindari pemakaian anchor text dengan url ini yaitu dengan menggunakan setting komentar User with Google Account atau Anda bisa mengaktifkan fitur komentar Google+ pada blog Anda.

Dalam hal ini, saya tidak akan berbicara banyak tentang cara setting komentar User with Google Account atau fitur komentar Google Plus. Karena sebagian besar blogger sudah paham dengan hal ini. Jika tidak, kebangetan... he... he...

Berikut adalah video dari Matt Cutts yang menjelaskan tentang komentar spam. Silahkan Anda simak baik-baik...

Nah bagaimana dengan Anda? Apakah blog Anda masih mengaktifkan fitur Anonymouse atau OpenID? Atau sudah menggunakan setting User with Google Akun? Atau mungkin Anda sudah menggunakan komentar Google Plus?

Itu tentunya terserah masing-masing dari Anda sebagai pengelola blog dan tentunya memiliki argumen masing-masing untuk setting komentar blog Anda.

Cara Setting Komentar Untuk Optimasi Blog

Tidak sampai hati rasa jika tidak berbagi tentang cara setting komentar, kali aja memang ada yang benar-benar newbie he.. he...

Pertama, sudah pasti anda harus dilakukan login ke blog:
Pilih dashboard atau blog yang ingin Anda setting kolom komentarnya.
Kemudan pilih setelan, dan selanjutnya pilih pos dan komentar seperti yang terlihat pada gambar.

Selanjutnya, pada halaman setelan pos dankomentar Anda bisa melakukan setting pada beberapa bagian dan memilih opsi yang anda inginkan:

LOKASI KOMENTAR

Tersemat: Komentar bisa dilakukan pada halaman yang sama di bawah posting.
Halaman penuh dan jendela pemunculan: Orang yang melakukan komentar akan dibawa pada halaman baru atau halaman yang berbeda.
Sembunyikan : Tidak menampilkan komentar. Opsi ini tidak menghilangkan komentar yang sudah ada sebelumnya. Anda bisa memunculkan lagi dengan memilih opsi yang lain.

SIAPA YANG DAPAT KOMENTAR

Semua orang-termasuk pengguna tanpa nama : Siapa saja bisa melakukan komentar termasuk pengguna tanpa nama atau anonymous.
Pengguna terdaftar-termasuk openID : Siapa saja bisa melakukan komentar kecuali anonymouse. Pengguna harus melakukan log in terlebih dahulu sebelum melakukan komentar.
Pengguna dengan Akun Google : Hanya pengguna yang mempunyai Akun google saja yang dapat memberi komentar.
Hanya anggota blog ini : Hanya pengguna yang terdaftar di blog Anda saja yang bisa memberi komentar.

MODERASI KOMENTAR.

Selalu dan kadang-kadang : Komentar harus menunggu persetujuan Anda untuk ditampilkan. Anda bisa memilah-milah komentar yang ingin Anda tampilkan.
Tidak pernah : Komentar akan langsung tampil saat itu juga.

TAMPILKAN VERIFIKASI KATA

Untuk mengghindari komentar otomatis dengan robot Anda bisa pilih ya. Maka pengguna harus memasukkan kode captcha terlebih dahulu agar komentar bisa tampil.

TAMPILKAN TAUTAN BALIK

Tampilkan : Anda bisa pilih tampilkan untuk menampilkan link hidup.
Sembunyikan : Anda bisa pilih sembunyikan jika tidak ingin menampilkan link hidup.

Untuk cara setting fitur baru Google Plus Comment baca di sini

NB
Bagi para blogger Blogwalking termasuk acara wajib, termasuk meninggalkan jejak dengan cara berkomentar dengan blog yang di kunjungi. Selain menjalin tali silahturrahmi sesama blogger, juga mendapat bonus suplemen khusus untuk kesehatan blog, yakni backling.

Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot

2013-11-13T22:42:00.000+07:00

Custom Permalink

Custom permalink di Blogspot atau juga disebut permanent link dan dalam bahasa Indonesia Tautan Permanen, merupakan salah satu fitur penting blogger untuk mendongkrak konten blog lebih SEO Friendly di Search Enggine.

Fungsi fitur custom permalink di Blogger

Tidak ada hal yang tidak penting pada setiap fitur yang disediakan oleh blogger. Termasuk Custom Permalink itu sendiri. Fitur ini, berfungsi untuk merubah URL judul postingan, sesuai keinginan.

Sebagai gambaran, cara kerja atau cara menggunakan custom permalink: Ketika anda membuat sebuah judul post "Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot", apabila anda menulis artikel dan kemudian langsung publish, maka kemungkinan akan muncul permalink secara otomatis seperti ini:

http://redaksiexpo2012.blogspot.com/2013/11/fungsi-dan-manfaat-custom-permalink-di.html

Sedangkan ketika menggunakan fasilitas custom permalink, maka permalink (url postingan) tidak akan terpotong. Atau dengan kata lain, kita dapat membuat permalink secara manual sesuai dengan keinginan kita.

Caranya, lihat sebelah kanan, klik Tautan Permanen dan tandai URL Khusus. kemudian masukan kata-kata yang diinginkan, contoh : Manfaat-dan-fungsi-Custom-Permalink-di-Blogger-Blogspot kemudian klik Selesai, maka hasilnya pasti akan terbentuk permalink menjadi:

http://redaksiexpo2012.blogspot.com/2013/11/Manfaat-dan-fungsi-Custom-Permalink-di-Blogger-Blogspot.htm

(jangan gunakan spasi, tapi gunakan strip (-) untuk pemisah kata), lihat contoh tulisan berwarna merah diatas:
Berikut adalah gambar contoh editing Custom Permalink di Blogger/Blogspot:

Custom Permalink di Blogger/Blogspot

Manfaat Custom Permalink di Blogger/Blogspot

Sudah barang tentu setiap fitur di blogger mempunyai manfaat yang besar untuk sebuah blog. Demikian juga dengan Custom Permalink tersebut.

Dengan adanya fasilitas custom permalink, maka permalink (url postingan) tidak akan terpotong. Caranya, sebagaimana telah dijelaskan diatas. Dengan terlihatnya perbedaan permalink yang terbentuk secara otomatis dengan permalink khusus, mungkin anda sudah mulai tergambar tentang manfaatnya.

Benar kawan!!!! dengan adanya "tautan permanen khusus" melalui fitur Custom Permalink tersebut, URL konten/artikel yang kita tulis pasti akan lebih SEO Friendly. URL tersebut, dapat terbentuk secara lengkap sesuai dengan judul artikel dan bahkan mampu membentuk deskripsi singkat artikel/konten bersangkutan.

Dengan fasilitas Custom Permalink ini, jelas artikel/konten anda lebih SEO friendlly.

Catatan
1. Untuk bisa menggunakan layanan ini, harus menggunakan tampilan baru (new interface)
2. Hanya bisa diedit sebelum artikel di publish
3. Gunakan strip (-) untuk pemisah antar kata.

Tips Sebelum Memilih/Mengganti Template Blog

2013-11-13T00:32:00.000+07:00

All About Blogspot Templates : Siapa yang tidak tergiur untuk berganti template, jika setiap saat bermunculan berbagai jenis themes blog dengan berbagai desain menarik. Belum lagi pengaruh fitur yang ditawarkan. Mulai dari SEO Friendly, Valid HTML5, Valid CSS3, Responsive desain, dan berbagai kelebihan lain dari templates standar.

Template blog merupakan komponen terpenting dan berharga dalam membangun blog, salah memilih template akan menimbulkan rasa tidak nyaman pengunjung saat berkunjung untuk membaca ataupun sekedar melihat-lihat blog kita.

Selain faktor tampilan yang menarik, ada beberapa unsur penting yang harus diperhatikan dalam menentukan pilihan template. Yang jelas, tema yang dipakai harus sesuai dengan konsep dasar blog bersangkutan.

Bagaimana cara agar kita tidak salah memilih template blog? Berikut Tips Sederhana Dalam Memilih Template Blog, agar dikemudian hari tidak menyesal sehingga harus kembali mengutak-atik
code HTML yang njelimet bin ruwet karena harus berganti template baru. Disisi lain, jika terlalu sering gonta-ganti template akan berpengaruh buruk terhadap blog dimata search enggine.

Ok... langsung saja kita kepokok pembahasan, beberapa point penting yang perlu dipertimbangkan dalam mengganti template:

1. Pilih warna dan background yang padu atau serasi, usahakan jangan terlalu banyak warna pada blog karena hanya akan menambah kesan berantakan.

2. Kurangi widget, aksesoris atau script yang tidak perlu pada blog karena akan membuat berat loading blog bertambah, pengunjung lebih suka blog yang mempunyai loading cepat. Demikian juga search enggine. Template yang termasuk dalam kategori SEO Friendly jelas harus fast loading.

3. Pertimbangan Template yang SEO Friendly, sedikit harus di utamakan. Karena untuk bersaing dengan jutaan blog sejenis dikancah dunia internet, unsur ramah search enggine sangat diperlukan. Untuk rekomendasi templates SEO Ready disini.

4. Lebih Baik Pilih Responsive templates. Kenapa? Dewasa ini, seiring dengan perkembangan tehnolgi, dalam mengakses internet, visitor sudah tidak terpaku menggunakan PC atau Laptop. Sebagian menggunakan gadget berupa handphone, tab, atau lain. Templates yang didesain responsive mampu menyesuaikan dengan screen/layar tampilan yang digunakan visitor. Untuk lebih jelasnya tentang manfaat template responsive baca disini

5. Valid HTML5. Bagi beberapa blogger memvalidasi HTML merupakan langkah penting. Dengan begitu, kita memastikan bahwa halaman yang kita buat sudah sesuai dengan standar dan akan berjalan sempurna pada user agent dan browser web.

Membangun halaman web atau blog tidaklah sulit. Dengan perangkat lunak yang tersedia sekarang, kita dapat membuat halaman web dan itu pun dapat dicapai dalam waktu setengah jam atau malah kurang. Terus apakah kita perlu menjalankan validator HTML pada halaman yang kita buat untuk menemukan kesalahan? memang semuanya tidak perlu, akan tetapi jika kita ingin halaman tetap dapat dilihat sempurna melalui beberapa browser yaitu menampilkannya dengan benar, maka validasi HTML5 adalah sesuatu yang memang wajib di penuhi.

6. Tidak terlalu banyak banner, gambar, dan iklan yang terpasang. Kenapa? Karena keberadaan mereka cukup mengganggu fokus visitor dalam menikmati konten yang kita suguhkan. Jika pun harus, maka pertahankan yang memang benar-benar dianggap penting. Dan jangan berlebihan.

4. Cari referensi template blog yang dipakai oleh blogger professional, pelajari tata letak widget dan design blog mereka. Di blog ini banyak pilihan template he... he... promo dikit Mas Brooo...

Nah, demikian Tips Sebelum Memilih/Mengganti Template Blog ini. Sebenarnya, masih banyak lagi tips memilih template blog yang baik. Namun, pada intinya gunakan template yang enteng, ringan, dan rapi namun tetap elegan atau Anda juga bisa menggunakan template seo friendly yang sudah banyak disediakan para blogger. Sebagian gratis dan berkualitas tinggi.

Dan atau, jika anda rajin dan ahli coding, mungkin dapat melakukan modifikasi template sendiri. Agar, berbagai unsur penting sebuah template dapat terpenuhi. Cara ini jelas sangat baik, karena template yang digunakan bisa sesuai dengan selera, fungsi, dan keinginan sendiri.

Cara Menampilkan Screenshot Preview Responsive Blog

2013-11-11T01:47:00.000+07:00

Sekarang kan zaman responsive templates - Mungkin saat ini anda baru saja berganti template blog, atau habis berjuang keras melakukan editing HTML dan lainnya agar blog kalian bisa tampil Responsive dan tampil sempurna disemua resolusi layar.

Tentunya, untuk ingin memastikan seberapa sempurna template tersebut responsive, tentunya ada keinginan hati menguji atau melakukan test.

Dalam hal ini sebenarnya terdapat beberapa situs penyedia Screenshot Preview Responsive Web/blog desain. Gunanya untuk mengujinya sekaligus memamerkanya dalam bentuk Screenshot.

Jujur, sebelumnya (Pengalaman sendiri sob...) sempat bingung bagaimana saya membuat Screenshot Preview untuk Responsive Web Design dibeberapa perangkat desktop dan mobile. Setelah browsing sana sini ternyata paling banyak cuman nemuin tools untuk testing Web Design Responsive dan bukan untuk menampilkan Preview-nya. Hadeuhhhh....

Eh... ujung-ujungnya ketemu di oom.com.

Am I Responsive? ya ini dia tool yang baru dia share. Dan ternyata cukup bagus buat kalian yang ingin menampilkan preview desain blog dibeberapa perangkat sekaligus dan tool ini sebenarnya bukan hanya untuk preview saja tetapi sekaligus buat melakukan testing secara nyata.

Untuk menggunakan tool diatas caranya sangat mudah kita hanya memasukan URL alamat blog atau website dan selanjutnya biarkan tool tersebut bekerja otomatis menampilkan Screenshot-nya, selain itu kita juga bisa mengatur letak posisi perangkat dengan hanyak menggesernya. Untuk hasil Screenshot karena tidak ada fasilitas untuk menyimpan gambar cara termudah tentu saja hanya menekan tombol PrintScreen dan simpan hasil gambarnya.

Jika ingin atau mau mencoba Menampilkan Screenshot Preview Responsive Web Design dengan Am I Responsive bisa disini

Atau jika masih sedikit penasaran dan ingin menjajal ditempat lain, juga bisa dilakukan The Responsinator. Sama caranya tinggal add your url ditempat yang sudah disediakan di pojok kiri atas. Monggo... silahkan dicoba...

Simple And Clean Color’s Blogger Template : Warm Mag

2013-11-09T15:24:00.001+07:00

Warm Mag Is a New Blogger Template. Its High User Friendly Blogger Template. If You Blogger User This is a best Template For You, Mobile, Desktop And Tablet Friendly User Interface. Simple And Clean Color’s, Navigation Menu, Image Slider and Tabs Wight Ready Template.

Warm Mag TEMPLATE INFORMATIONS
Platform Type : Blogger.com
Template Name : Warm Mag
Author name : probthemes
Designer URL : http://www.probthemes.com

ViewDemo | DownLoad

Features Warm Mag Blogspot Template

Responsive Template Design
Auto Blog Post summarize And “Read More” Button
Auto Image Crop With Thumbnail (Home Page and Label Page Only)
Css And HTML Base Menu With Drop down
Auto Date Show At Header Right side
Tabs Widgets ready (Powered By Jquery)
Image Slider (Powered By Jquery)
Simple User Friendly Search Box
Auto Pagination Added To Post Footer
Social Share Widget (Placed Post Footer)
Custom Error 404 Page With Search Box (Official 404 Page)
Related Post Widget (Placed Post Footer)
Ads Banner Ready
Meta Keywords And Description Support (Official Meta Description Support)
Random Post Selector
Recent Post By Label
4 Column Footer Area
Flicker Image Gallery
Official “FOLLOW BY EMAIL” Widget

Cara memasang Tool Color Wheel di Blog

2013-11-08T15:24:00.002+07:00

All About Blogspot Templates : Postingan kali ini sebenarnya hanya menjawab pertanyaan dari sobat blogger saya, yakni +Kang Ucup. Dimana pada post sebelumnya Generator Kode Warna HTML, dia berkomentar dengan kata lain meminta tentang cara mendapatkan tool Color Wheel untuk blogspot.

Memang, Tool Color Wheel sebegai generator kode warna HTML sangat diperlukan, khususnya bagi para blogger yang hobby melakukan editing template. Kode Warna HTML itu sendiri, digunakan untuk mendeskripsikan dan melakukan spesifikasi dari warna-warna yang di inginkan dalam perancangan halaman web/blog. Gunanya tentu, untuk mempermudah seorang blogger dalam memilih warna yang akan digunakan untuk elemen-elemen web/blog-nya.

Tool Color Wheel adalah generator kode warna HTML yang sangat simple digunakan. Hanya dengan meng-click bagian warna yang diinginkan, maka secara otomatis akan muncul beberapa pilihan kode HTML warna yang diperlukan.

Berikut code/srcipt untuk memasang Tool Color Wheel di Blog:

<center>
<div style="text-align: center;">
<object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div>
</center>

Cara mengaktifkan fitur meta description di blogspot

2013-11-08T14:23:00.002+07:00

All About Blogspot Templates : Sama kita ketahui, selain blog kita, di dunia online terdapat jutaan blog sejenis. Jadi, untuk bersaing dimata search enggine, perlu pondasi kuat. Salah satunya adalah melakukan Optimasi SEO On Page untuk meningkatkan Peringkat Blog (SERP). Dan inilah satu-satunya optimasi yang kendalinya berada pada kita.

Dulu, pada template standar untuk blogspot sebagian besar masih perlu dimodifikasi agar lebih SEO Friendly. Meta description tag adalah salah satu meta tags yang sangat penting bagi blog, bahkan kini mungkin menjadi satu-satunya meta tag yang memiliki bobot besar bagi search engine.

Meta description berfungsi sebagai pemuat meta informasi yang mendeskripsikan isi halaman blog. Meta deskripsi ini juga menjadi bagian dari snippet deskripsi di hasil pencarian Google. Oleh karena itu, menggunakan dan mengoptimalkannya secara tepat akan menambah kekuatan SEO blog di search engine, atau setidaknya menjadi alat bagi blog untuk menarik pengunjung dari search engine.

Sebenarnya, ada banyak sekali poin penting yang dapat di-ulas mengenai meta description ini, baik mengenai "kesalahpahaman" meta description yang dianggap sebagai keseluruhan meta tags (meta tags ada banyak: meta keywords, meta author, meta robots, meta location, dll), maupun dalam konteks apakah meta description masih digunakan search engine, khususnya Google. Namun untuk kali ini, pembahasan lebih difokuskan tentang Cara mengaktifkan meta description dinamis di blogspot.

Beberapa fitur baru Blogger memang mengagumkan, salah satutnya fitur Blogger yang berkaitan erat dengan SEO: Fitur Custom Meta Description Blogger. Sebenarnya fitur ini muncul sudah agak lama, sekitar Februari-Maret 2012, tapi belum selengkap dan sesempurna seperti sekarang, yaitu adanya penambahan fitur search description pada single post (deskripsi unik untuk masing-masing halaman posting).

Cara Menggunakan dan Menambahkan Meta Description Blogger

Jika dulu, sebelum ada fitur search preferences yang dapat diatur dengan mudah melalui dashboard Blogger, kita mesti menambahkan tag meta deskripsi secara manual:

<meta name='description' content='deskripsi konten/halaman blog' />

Tapi kini, hal itu tidak perlu lagi, karena fitur meta description dapat dengan mudah diakses melalui halaman settings blogger.
1. Buka dashboard > settings
2. Pilih search preferences
3. Lihat Pada bagian Meta Tags > Description
4. Klik "Edit".
5. Pada opsi Enable search description? Pilih "Yes/Ya".

6. Akan muncul content box seperti ini:

7. Isikan deskripsi blog sesuai keinginan. Ingat, maksimal hanya 150 karakter, jadi optimalkan penggunaan kata-kata se-efisien mungkin. Lalu klik "save changes" untuk menyimpannya.

Berikut contoh snippet description-nya di Google:

Cara Menambahkan Meta Description Pada Single Post/Halaman Posting

Ini langkah kedua setelah atau tindak lanjut dari sistem meta description yang kita bicarakan diatas. Yakni mengatur fitur setting meta tags (description), dimana masing-masing halaman blog dapat diberi deskripsi unik, sehingga menambah kekuatan SEO-nya, setidaknya ketika tampil di hasil pencarian. Berikut caranya?

1. Syarat penting dari penggunaan fitur "Search Description" ini adalah dengan mengakftifkan terlebih dahulu fitur Meta Description seperti cara di atas.
2. Setelah diaktifkan, buka halaman posting editor (seperti ketika membuat posting baru).
3. Lihat ke sebelah kanan pada "Post Settings", akan ada beberapa panel.
4. Jika setting meta description telah diaktifkan (enable) seperti cara di atas, maka akan muncul satu fitur lagi, "Search Description", deskripsi pencarian, yang bukan lain adalah fitur untuk menambahkan meta deskripsi unik pada masing-masing halaman posting.

Perhatikan gambar berikut:

- Klik "Search Description/Deskripsi Penelusuran"
- Isikan deskripsi isi artikel/posting/halaman sesuai keinginan
- Klik "Done/Selesai" jika sudah selesai.

Langkah di atas dapat dilakukan ketika membuat posting baru atau ingin mengedit posting-posting lama untuk menambahkan deskripsi. Sehingga, setiap halaman posting akan memiliki meta description unik pada masing-masing halaman blog.

Tapi masih ada satu catatan lagi: meta description, seperti namanya, harus memiliki isi yang benar-benar deskriptif, sehingga pengunjung yang melihatnya tidak bingung dan justru tidak jadi melakukan klik.

Seperti disarankan oleh salah satu blogger Indonesia Ahmad Khoirul Azmi, tentang Cara Mengoptimalkan Meta Description:

Katanya, ada beberapa kiat khusus untuk mengoptimalkan isi meta description, baik untuk search engine maupun untuk user/visitor.

1. Meta description hendaknya berisi kalimat, bukan sekedar frase atau keyword tanpa bisa dipahami maknanya oleh pengunjung. Meta description adalah yang ditampilkan sebagai snippet deskripsi di bawah judul konten. Gunakan kalimat jelas dan upayakan dapat "merayu" pengunjung untuk melakukan klik. Meta description merupakan alat ampuh untuk meningkatkan traffic blog jika digunakan dengan benar.

2. Memperhatikan keyword yang digunakan sangat penting, namun sebaiknya jangan membanjiri deskripsi dengan keyword saja, karena membingungkan pengunjung dan justru bisa dianggap sebagai spam oleh Google. Be natural! Saya sering melihat deskripsi sengaja dibuat dengan menggunakan tag: page title - blog name - page title, yang menghasilkan judul blog - nama blog - judul blog, ini justru dapat merugikan blog karena tidak deskriptif, berisi pengulangan-pengulangan tidak penting, dan tentunya, spammy!

3. Jumlah karakter yang ditampilkan di search snippet kini semakin berkurang, dulu karakter deskripsi bisa mencapai 160 karakter. Tapi kini cuma di bawah jumlah itu. Bahkan untuk berjaga-jaga, sebaiknya deskripsi memiliki karakter tidak lebih dari 140 karakter (mengingat kini snippet tanggal juga ditampilkan).

Demikian sedikit tips tentang optimalisasi meta description blog. Yang saya dapat dari berbagai sumber, salah satu dari blog Mas Ahmad Khoirul Azmi. Semoga bermanfaat...

Generator Kode Warna HTML : Color Wheel Untuk Blogger

2013-10-31T21:27:00.000+07:00

I'm Blogger : Bagi yang hobi dengan desain template jelas sangat akrab dengan code yang satu ini.

Namun tidaklah mungkin, kita harus menghapal seluruh code html untuk dapat bermain warna yang maksimal. Mungkin jika, hanya warna-warna dasar, seperti merah, kuning, hijau, biru, putih dan hitam, kita masih dapat mengingat, namun ketika sudah berbicara tentang kombinasi warna, jelas harus ada alat bantu.

Tampilan template blog sebagian besar bermain dengan warna agar terilhat menarik. Dalam dunia online/web, penempatan/pemasangan warna biasanya menggunakan code HTML. Memang, sebenarnya juga bisa menggunakan image, namun kurang efektif dan jelas menambah beban loading blog.

Kode Warna HTML sendiri, digunakan untuk mendeskripsikan dan melakukan spesifikasi dari warna-warna yang di inginkan dalam perancangan halaman web/blog. Untuk mempermudah seorang blogger dalam memilih warna yang akan digunakan untuk elemen-elemen web/blog-nya, diperlukan tool berupa generator kode warna HTML.

Berikut adalah Color Wheel for Blogger:

Responsive Thesis Template For Blogger Blogspot V2

2013-10-30T23:57:00.000+07:00

Responsive Thesis Template For Blogger Blogspot V2

Responsive thesis template for blogger blogspot V2 adalah penyempurnaan daripada template thesis responsive untuk blogspot yang dikeluarkan pertamakali oleh andrianovitcrew. Template yang mengusung desain, clean, minimalis, visitor friendly ini juga dirancang khusus untuk memaksimalkan SEO blogger blogspot.

Sesuai dengan janjinya, walau belum lama realese Responsive thesis template for blogger blogspot,
andrianovitcrew telah melakukan update terbaru template yang terkenal SEO Killer ini. Pada V2 ini, ada banyak penyempurnaan telah dilakukan.

Menurut dia,pada awal pembuatan Responsive thesis template for blogger blogspot yang pertama masih terlalu banyak bugs yang perlu disempurnakan lagi. Sehingga, setelah melakukan beberapa kali ujikaji dari template thesis untuk blogger (blogspot) yang pertama, akhirnya telah siap direlease responsive thesis template untuk blogger blogspot yang kedua (V2).

Responsive thesis template for blogger blogspot ini, adalah gabungan antara beban loading halaman yang sangat cepat dengan optimasi SEO dan juga rich microdata.

Berikut berbagai kelebihan dari Responsive thesis template untuk blogger blogspot v2 ini:

Minimalis ,clean design, visitor friendly

Desain template thesis yang kedua ini terinspirasi dari thesis 'social triggers' dimana demo asli dari templatenya bisa dilihat di http://diythemes.com/demo/?skin=thesis_social_triggers.

Desain yang bersih dan rapi sehingga memudahkan pembaca dalam menjelajahi blog dan juga membuat visitor betah untuk berlama-lama di blog kita.tapi perlu diingat juga "Konten is the King"

Seo heading tags

Susunan heading tags yang benar dan sejatinya sudah seo friendly sangat disukai oleh mesin pencari (google). Untuk menambah pengetahuan atau sekedar referensi tentang bagaimana susunan heading tags yang benar bisa dibaca disini.Tak lupa juga Heading h1, h2, h3, h4, h5 dan juga h6 pun tersusun secara sempurna di dalam template ini (banyak dari pembuat template blogspot yang mengabaikan hal ini).

Fast Loading Page

Kecepatan loading yang benar-benar sangat cepat diterapkan di responsive template thesis V2 ini. Dalam hal ini, anda bisa test di http://developers.google.com/speed/pagespeed/insights/ atau di http://gtmetrix.com/. Untuk memaksimalkan kecepatan template ini, sengaja tidak memasang jquery, soalnya jquery itu bikin loading blog jadi super berat.

Responsive Web desain

Sebelumnya, apa itu responsive web desain??

Responsive Web Desain adalah sebuah pendekatan yang menunjukkan bahwa desain dan pengembangan harus menanggapi perilaku dan lingkungan pengguna berdasarkan pada ukuran, platform dan orientasi layar. Praktik ini meliputi penggunan perpaduan grid fleksibel dan layout, gambar dan CSS media query. Sebagaimana pengguna saat ini yang beralih dari laptop ke tablet, website secara otomatis harus menyesuaikan resolusi, ukuran gambar dan kemampuan scriptingnya. Dengan kata lain, website harus memiliki teknologi untuk secara otomatis merespon preferensi pengguna yang didasarkan pada resolusi layar gadget yang digunakan (komputer pc, laptop, netbook,tablet, smart phone dan mobile phone).

Hal ini yang merupakan salah satu kelebihan dari template thesis untuk blogspot yang mana sebelumnya belum ada yang bikin (responsive thesis untuk blogger blogspot ). Responsive desain disini termasuk juga pada bagian komentar. Biasanya pada template yang mengaku 'responsive' ternyata tidak support pada bagian komentar.

Rich Microdata Dan Mark Up schema (schema.org)

Lengkapnya microdata dan mark up schema dari schema.org juga melengkapi sempurnanya template thesis for blogger blogspot V2 ini.

Seo Breadcrumb

Breadcrumb bisa dikatakan sangat special. Breadcrumb yang Ter-index oleh google, juga dilengkapi dengan microdata breadcrumb sekaligus.

Tidak adanya error di rich snippet google testing tool.

Hal ini meliputi 'Error: Missing required field updated ', 'Error: Missing required hCard author' Dan error lainya yang mana tak bisa disebutkan satu persatu disini. Untuk membuktikan masalah ini bisa di test di http://www.google.com/webmasters/tools/richsnippets.

Seo meta tags (dynamic seo meta tags)

Cukup satu kali setting untuk mengaktifkanya ( ini sudah termasuk seo post meta tags, seo label meta tags, seo search meta tags dan lain lain.

Halaman dengan lebar penuh (full width) di halaman statis (single page)dan halaman error (error page).

Bertujuan untuk membedakan mana itu halaman statis dan mana itu halaman post.

Block link aktif di area komentar

Ini bertujuan untuk mencegah para spammer yang sering menanam backlink secara semena-mena.

Javascript manipulasi komentar

Visitor/orang yang komentar di blog secara otomatis bisa memasukkan gambar/video youtube/tag 'pre'/tag 'code' ataupun juga tag 'blockquote' di dalam komentar. Ini sangat berguna bagi blog yang sering memberikan posting tentang tutorial .

Search Widget menggunakan Quick search dengan Json Blogger

Melakukan pencarian di dalam blog secara cepat tanpa meninggalkan halaman yang sedang dikunjungi.

Valid sebagai HTML5 template

Hanya valid untuk homepage alias halaman utama saja .

Jikalau widget popular post disertakan dengan gambar thumbnail dan snippet, maka akan mengakibatkan error saat validitas. Tapi jangan takut, asal rajin editing code HTML template tips nya ada disini.

Untuk halaman post ataupun halaman statis, memang sedikit susah untuk membuat valid HTML5. Banyak sekali faktor yang membuat error di halaman selain homepage (halaman utama). Untuk check validitas html5 dapat dilakukan di http://validator.w3.org/. Memang, platform blogger (blogspot) di desain untuk xhtml bukan nya HTML5. Di dalam template ini memang telah sengaja dilengkapi beberapa 'blogspot hacks' supaya bisa valid HTML5.

More Features Responsive Thesis Template For Blogger Blogspot V2

Support social sharing dan juga social network widget
Support email subscription widget
Support about author widget
Support Ads ( iklan )
Custom Tips, Info Dan Warning Block di postingan
Related Post widget
SEO comment system
Custom Error Page 404

VIEWDEMO | DOWNLOAD

Metro Blogger Template with 4 column footer

2013-10-29T21:47:00.000+07:00

Metro Blogger Template

Metro is a free blogger template custom design with 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Blue, Custom Navbar, Fixed, Gray, Page Number, Responsive, and now you can download Metro blogger template for free in All About Blogspot Templates.

Template Author : Ozynetwork
Designer : Ozynetwork.com

Metro blogger Template- A Unique Stylish Blogger Template. Two Column Metro Style template with 4 column footer. Highly Customized Navigation and sidebar menus. Author Box with Related posts and subscription box.

Almost everything from head to toe is customized and we haven’t left a single item in customization. Some of the features are very impressive like Metro Style Navigation Menu, Metro Style Post titles and Metro Social Subscription widget. This is a free of cost template but in order to thanks the Author you must keep the credit link.

DEMOVIEW | DOWNLOAD

What More Metro Blogger Template?

Beside these fantastic features, Blogger Metro blogger Template has many other exciting features which you will definitely like. After reviewing the features, we will now take a look over the customization part.

Installation
1) Open Your Blogger dashboard and click on template and Edit Html.
2) Now open the file we provided it to you and copy all the data from that file and paste it there.
3) Save your template and the installation process in over.

Navigation
1) Click on Template >> Edit Html.
2) Press CTRL+F and search for

<div class='mblmetromenu'>

3) Edit the Menus and Put the links.

Author Box1) Click on Template >> Edit HTML
2) Press CTRL+F and search for

<div class='auth-panel'>

3) Edit the Author panel and you are done.

Meta Tags1) Press CTRL+F and search for

<!--meta tags-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Mtro|A stylish blogger template</title>

2) Edit the Keywords, Meta Description and Title for your blog and you are done!

Happy blogging BROO.

Cara pasang Auto Read More Otomatis #Terbaru

2013-10-29T21:07:00.000+07:00

All About Blogspot templates : Fungsi Read More tanpa hosting file .JS, memang agak berbeda dengan versi Read More biasanya. Bila sebelumnya kita harus meng-cut tulisan menggunakan cara manual dengan melakukan pemangilan fungsi <div class="fullpost">..</div> atau <span class="fullpost">..</span> dimana kode ini biasanya kita tanamkan secara manual kedalam halaman postingan. Atau penggunaan fungsi pemenggalan kalimat bawaan blogger seperti dibawah gambar ini:

Fungsi Read More Standar dengan pemenggalan artikel bawaan blogger

Untuk versi Auto Read More terbaru kali ini sepertinya lebih canggih lagi, karena fungsi pemenggalan kalimat langsung bekerja secara otomatis tanpa harus menambahkan kode diatas. Artikel ini dibuat menjawab pertanyaan zhoe_haemy pada artikel "Cara merubah ukuran, jenis font dan warna pada judul post" sehubungan dengan fitur readmore pada blognya tidak berfungsi.

Fungsi Read More berikut ini mampu menampilkan image pertama dalam postingan dan mem-fload image tersebut di awal paragraf awal, meskipun gambar yang kita letakan berada di tengah atau akhir postingan. Atau bisa juga disebut saja dengan fasilitas image thumbnail.

Tidak hanya itu, kita dapat juga pengatur jumlah karakter yang ditampilkan. Disini ada 2 pilihan untuk jumlah karakter. Yang pertama, jumlah karakter yang ditampilkan jika ada image yang diikutsertakan dalam postingan dan yang kedua jumlah karakter tanpa image. Bahkan kita dapat memodifikasi ukuran image yang akan ditampilkan di home page blog anda. Hebat bukan??? Yah.. anggap hebat lah....

NOTE!! Bagi anda yang sudah memasang Read More versi lama atau auto read more-nya tidak berfungsi, sebaiknya di kodenya kembalikan dulu ke seperti semula, caranya hapus kode yang berwarna biru di dalam Quote dibawah ini (Setiap template mungkin berbeda, jadi tinggal disesuaikan saja).

<div class='post-header-line-1'/>
<div class='post-body'>

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>

<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

<a expr:href='data:post.url'>Readmore</a>
</b:if>

<div style='clear: both;'/>

OK, jika sudah tinggal lanjutkan langkah-langkah berikut ini:

Pertama : silahkan langsung ke halaman EDIT HTML, Cari kode </head> kemudian letakan script dibawah ini di atas kode </head>. Setelah itu, jangan lupa di simpan terlebih dahulu.

<!-- Auto read more script Mulai -->
<script type='text/javascript'>
var thumbnail_mode = "yes";
summary_noimg = 430; //panjang tulisan tanpa gambar
summary_img = 340; //panjang tulisan dengan gambar
img_thumb_height = 200; // tinggi gambar thumbnail
img_thumb_width = 200; // lebar gambar thumbnail
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){ 
 if(strx.indexOf("<")!=-1)
 {
  var s = strx.split("<"); 
  for(var i=0;i<s.length;i++){ 
   if(s[i].indexOf(">")!=-1){ 
    s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
   } 
  } 
  strx =  s.join(""); 
 }
 chop = (chop < strx.length-1) ? chop : strx.length-2; 
 while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; 
 strx = strx.substring(0,chop-1); 
 return strx+'...'; 
}

function createSummaryAndThumb(pID){
 var div = document.getElementById(pID);
 var imgtag = "";
 var img = div.getElementsByTagName("img");
 var summ = summary_noimg;
        if(thumbnail_mode == "yes") {
 if(img.length>=1) { 
  imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  summ = summary_img;
 }
 }
 var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
 div.innerHTML = summary;
}
//]]>
</script>
<!-- Auto read more script Berakhir -->

Kedua : Lalu cari Kode : <data:post.body/> dan Ganti Dengan Kode di Bawah Ini :

<!-- Auto read more Mulai -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'> createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<a class='more' expr:href='data:post.url'>Baca Selengkapnya</a>
</b:if>
</b:if>
<!-- Auto read more Berakhir -->

Ketiga : Save Template!. Selesai.

Cara Memodifikasi Auto Read More.

Thumbnail_mode : setting menjadi "yes" untuk menampilkan Thumbnail pada Auto Read More dan Setting menjadi "no" untuk menghilangkan Thumbnail pada Auto Read More. Temen - temen Blogger juga bisa merubah settingan lain seperti panjang tulisan seperti yang sudah saya jelaskan pada Comment di sebelah setiap barus Kode.
Pada kode kedua, para Blogger juga Bisa merubah Teks "Baca Selengkapnya" sesuai dengan Keinginan.

Demikian tutorial sederhana Cara pasang Auto Read More Otomatis #Terbaru. Terima Kasih. Semoga Bermanfaat !.

Cara membuat link terbuka di tab baru otomatis

2013-10-27T18:47:00.000+07:00

All About Blogspot Templates : Target Blank - adalah code yang berfungsi sebagai perintah agar link yang ketika di clik akan membuka secara otomatis di tab baru.

Ada banyak manfaat fungsi <target="_blank"> tersebut. Diantaranya, yakni; memperkecil nilai bounce rate, karena visitor banyak meng-klik blog Anda tanpa meninggalkan laman sebelumnya. Sehingga juga berfungsi melangsingkan rangking Alexa.

Dalam hal ini, ada beberapa tips yang bisa dilakukan.

Pertama : Seluruh link yang ada pada blog akan terbuka di tab baru secara otomatis ketika di clik visitor. Caranya dengan melakukan edit template HTML berikut ini:

1. Masuk dashboard blogger blog Anda,
2. Klik Template => Edit HTML =>
3. Cari kode </head> untuk lebih mempermudah gunakan CTRL+F.

4. Setelah ketemu kode </head>, masukkan kode dibawah ini tepat diatasnya.

<base target="_blank"/>

5. Save Template.

Kedua : Editing code target blank secara manual. Cara ini hanya memfungsikan salah satu atau beberapa link yang dikehendaki saja yang terbuka secara otomatis pada tab baru.

Dari cara kedua ini, dapat dilakukan dengan 2 cara.

1. Editing link yang berada di halaman postingan. Caranya dapat dilakukan langsung seperti gambar dibawah ini:

Cara membuat link terbuka di tab baru di halaman postingan

2. Menggunakan fungsi code <target="_blank">

Cara 2 adalah cara yang agak rumit sedikit ketimbang cara 1. Yaitu dengan menggunakan kode HTML:

Apabila link biasa, maka kodenya seperti ini:

<a href='http://redaksiexpo2012.blogspot.com'>Blogspot Templates</a>

Sedangkan untuk link dengan fungsi menggunakan code perintah <target="_blank">

<a href='http://redaksiexpo2012.blogspot.com'target="_blank">Blogspot Templates</a>

Apa yang beda kedua code tersebut?
Yups, di kode HTML buka link baru, ada tambahan kode target="_blank". Tepatnya setelah "http://contohlink.com/".

Jadi, untuk membuat link open new tab, silahkan tambahkan kode target="_blank" tepat setelah kode "http://contohlink.com/".

Walau sedikit rumit, pada cara ke 2 ini kita dapat melakukan edit link tertarget/tertentu. Termasuk link berada didalam widget blog di dalam code HTML. Sedangkan link pada halaman lainnya berfungsi normal.

Demikian Cara membuat link terbuka di tab baru otomatis semoga bermanfaat

Fasteseo - Seo Responsive Blogger Template

2013-10-27T13:24:00.001+07:00

ALL ABOUT BLOGSPOT TEMPLATES : Satu lagi template blogspot karya +Fajri Andaviar saya share disini. Sebelumnya adalah, BeriMagz : Responsive Blogger Template. Menurut dia, tema blog ini juga Responsive banget. Tidak hanya itu, selain tampilannya elegant juga sangat SEO Friendly.

Sesuai dengan namanya, Fasteseo - Seo Responsive Blogger Template. Di desain penuh warna agar terlihat Fresh serta dilengkapi berbagai fitur yang fungsional.

DemoView | DownLoad

Features Fasteseo - Seo Responsive Blogger Template :

100% SEO di Chkme.com
Iklan disisi Header
Halaman Error 404
Breadcrumbs siap
Menu Navigasi Sticky (Menempel) dengan kotak pencarian
Read More otomatis siap
Menu dibawah header dengan Font Awesome
Widget Popular Posts yang telah di Desain
Widget Label Cloud yang telah di Desain
Catatan kaki terindex Google
Artikel terkait Vertikal
Post Next dan Prev
Threaded Comment
Autor Comment
Dan Lainnya

Instalasi Fasteseo Template :

Setelah upload template, ada beberapa sentuhan modifikasi yang berhubungan dengan indentitas blog anda.

Cari kode YOUR-GOOGLE-URL , dan ganti semua kode tadi dengan URL Google+ Sobat.
Cari kode YOUR-ALEXA-ID , dan ganti dengan ID Alexa Blog Sobat.
Cari NameBlog dan NamaBlog , dan ganti semua kode tadi dengan nama Blog Sobat.
Cari kode YOUR DESCRIPTION HERE , dan ganti dengan deskripsi Blog Sobat.
Cari kode Keywords1, Keywords2, Keywords3 , dan ganti semua kode tadi dengan Keywords Blog Sobat.

Mengganti Menu Navigasi Fixed/Float : Cari kode berikut :

<nav id='nav'>
<ul class='menunav' id='navinti'>
<li class='mhome'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='#'>About</a></li>
  <li><a href='#'>Contact</a></li>
  <li><a href='#'>Download</a></li>
  <li><a href='/404'>404</a></li>
<li class='dgnsub'><a href='#'>Kebijakan</a>
<ul class='sub-menu hidden'>
  <li><a href='#'>Privacy Police</a></li>
  <li><a href='#'>Disclaimer</a></li>
  <li><a href='#'>Terms Of Service</a></li>
</ul>
</li>

Lalu ganti # (Tanda Pagar) dan title menu sesuai kebutuhan dan keinginan anda.

Mengganti Menu di bawah Header : Cari kode dibawah ini:

<div class='masmenu'>
<ul class='sf-menu'>
<li><a href='/'><i class='icon-home' style='margin-right: 5px;'/>Home</a></li>
<li><a href='#'><i class='icon-html5' style='margin-right: 5px;'/>Blogger</a>
<ul>
<li><a href='#'>Tutorial Blogger</a></li>
<li><a href='#'>Templates</a></li>
<li><a href='#'>SEO</a></li>
<li><a href='#'>HTML5</a></li>
<li><a href='#'>Tips &amp; Trick</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-rocket' style='margin-right: 5px;'/>Info Fakta</a>
<ul>
<li><a href='#'>Umum</a></li>
<li><a href='#'>Sejarah</a></li>
<li><a href='#'>Misteri</a></li>
<li><a href='#'>Unik</a></li>
<li><a href='#'>Lelucon</a></li>
<li><a href='#'>Hiburan</a></li>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Gaya Hidup</a></li>
<li><a href='#'>Tips</a></li>
<li><a href='#'>Wisata</a></li>
</ul>
</li>
<li><a href='/'><i class='icon-facebook-sign' style='margin-right: 5px;'/>Jejaring Sosial</a>
<ul>
<li><a href='#'>Facebook</a></li>
<li><a href='#'>Twitter</a></li>
<li><a href='#'>Google</a></li>
<li><a href='#'>Heello</a></li>
<li><a href='#'>Myspace</a></li>
<li><a href='#'>Instagram</a></li>
<li><a href='#'>Pinterest</a></li>
</ul>
</li>
  <li><a href='#'><i class='icon-music' style='margin-right: 5px;'/>Musik</a></li>
</ul>
<li><a href='#'><i class='icon-laptop' style='margin-right: 5px;'/>Tekno</a>
<ul>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Komputer</a></li>
<li><a href='#'>Software</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-suitcase' style='margin-right: 5px;'/>Informasi</a>
<ul>
<li><a href='#'>Olahraga</a></li>
<li><a href='#'>Entertainment</a></li>
<li><a href='#'>Islam</a></li>
<li><a href='#'>Dunia</a></li>
</ul>
</li>
<li><a href='#'><i class='icon-coffee' style='margin-right: 5px;'/>More</a>
<ul>
<li><a href='#'>Teknik Komputer Jaringan</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Film</a></li>
<li><a href='#'>Wordpress</a></li>
</ul>
  </li>
</div>

Ganti # (Tanda Pagar) dan judul menu sesuai keinginan anda.

Cara Menghilangkan Link Aktif pada Komentar Blog

2013-10-26T16:47:00.000+07:00

All About Blogspot Templates -Artikel ini sebenarnya saya posting karena sedikit terganggu dengan adanya spammer pada kolom komentar, dengan menyimpan link aktif/hidup.

Memang, banyak blogger sering dipusingkan dengan adanya spammer pada komentar. Kebanyakan dari mereka komentarnya tidak bermutu, dan hanya mengharapkan backlink. Untuk itu, kita harus mengambil cara agar para spammer tidak seenaknya menyimpan tautan aktif pada komentar.

Tutorial ini saya dapat dari salah satu blog milik blogger Indonesia, Kang Ismet. Yakni tentang cara menghilangkan link aktif pada komentar blogspot.

Ada beberapa cara untuk menghilangkan link aktif/link hidup pada komentar tersebut, diantaranya dengan melakukan pemasangan code CSS dan JavaScript pada template blog.

1. Dengan CSS (Not Recommended)

Untuk menyembunyikan link dengan CSS, simpan kode ini di atas ]]></b:skin>

#comments p a{ display: none !important;}

Akan tetapi menurut Kang Ismet, cara ini tidak direkomendasikan, karena masih terbaca di browser, otomatis masih terbaca sebagai link oleh Mesin Pencari.

2. Dengan JavaScript (Recommended)

Sebetulnya ada banyak javaScript untuk menghilangkan link hidup pada komentar ini, namun pada kesempatan ini saya akan share 2 JavaScript saja. Dan setelah saya coba, sangat efektif dan berhasil dengan baik.

Simpan salah satu JavaScript ini di atas </body>

<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>

Hasilnya, Anchor Link akan menjadi teks biasa. Artinya komentar yang menggunakan link aktif akan dilumpuhkan menjadi teks biasa.

Atau kita dapat mengunakan JavaScript berikut, dan cara tersebut yang saya pakai saat ini.

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "<mark>No live link!!!</mark> Dilarang nyepam di sini!";
            content[i].className = "spammer-detected";
        }
    }
} 
blockLinks('comment-holder', 'p');
//]]>
</script>

Hasilnya, akan terlihat seperti gambar dibawah ini:

Dengan kata lain, teks komentar akan diubah dengan kata-kata peringatan.

Demikian tips Menghilangkan Link Aktif pada Komentar Blog, semoga bermanfaat dan terimakasih atas kunjungan.

Cara membuat SyntaxHighlighter pada Blogger dengan Highlight.js

2013-10-25T22:09:00.002+07:00

All About Blogspot Templates : Syntax Highlight adalah fitur pada teks editor yang menampilkan atau menyoroti teks-terutama source code-dalam berbagai warna dan font sesuai dengan kategori istilah. Gunanya, untuk memudahkan dalam menulis source code atau bahasa terstruktur seperti bahasa pemrograman (programming language) atau bahasa markup (markup language).

Implementasi dari syntax higlighter pada halaman website, blog atau forum online sering digunakan sebagai kode prensentasi pada contoh code source (seperti Javascript, HTML, XML, CSS, Python, PHP, JSON, CoffeeScript, Java, SQL, Apache, Haskell, Erlang, Ruby, C++, Objective C dan masih banyak bahasa program lainnya.) yang ingin ditampilkan.

Untuk mengaktifkan fitur ini dibutuhkan javascript yang dapat ditempatkan pada code HTML Template Blog. Pada postingan kali ini, saya ingin share cara membuat syntaxhighlighter, menggunakan Highlight.js dari Softwaremaniacs.

Caranya: copy dulu kode javascript di bawah ini atau lebih aman download disini.

Langkah 1 : Menyimpan JavaScript

Simpan JavaScript ini di atas </head> dalam tamplate blog.

<script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>
    <script>
      hljs.initHighlightingOnLoad();
    </script>

Langkah 2 : Pilih CSS

Code CSS dalam hal ini, berfungsi menampilkan style SyntaxHighlighter dimaksud.

Ada banyak pilihan CSS yang bisa digunakan, sebelum anda memilih, terlebih dahulu dapat melihat-lihat demo DISINI.

Untuk Pilihan CSS, anda bisa download DISINI.

Atau salah satu contoh Default CSS SyntaxHighlighter:

/*
Original style from softwaremaniacs.org (c) Ivan Sagalaev <Maniac@SoftwareManiacs.Org>
*/
pre code {
  display: block; padding: 0.5em;
  background: #F0F0F0;
}
pre code,
pre .subst,
pre .tag .title,
pre .lisp .title,
pre .clojure .built_in,
pre .nginx .title {
  color: black;
}
pre .string,
pre .title,
pre .constant,
pre .parent,
pre .tag .value,
pre .rules .value,
pre .rules .value .number,
pre .preprocessor,
pre .haml .symbol,
pre .ruby .symbol,
pre .ruby .symbol .string,
pre .aggregate,
pre .template_tag,
pre .django .variable,
pre .smalltalk .class,
pre .addition,
pre .flow,
pre .stream,
pre .bash .variable,
pre .apache .tag,
pre .apache .cbracket,
pre .tex .command,
pre .tex .special,
pre .erlang_repl .function_or_atom,
pre .asciidoc .header,
pre .markdown .header,
pre .coffeescript .attribute {
  color: #800;
}
pre .comment,
pre .annotation,
pre .template_comment,
pre .diff .header,
pre .chunk,
pre .asciidoc .blockquote,
pre .markdown .blockquote {
  color: #888;
}
pre .number,
pre .date,
pre .regexp,
pre .literal,
pre .hexcolor,
pre .smalltalk .symbol,
pre .smalltalk .char,
pre .go .constant,
pre .change,
pre .lasso .variable,
pre .asciidoc .bullet,
pre .markdown .bullet,
pre .asciidoc .link_url,
pre .markdown .link_url {
  color: #080;
}
pre .label,
pre .javadoc,
pre .ruby .string,
pre .decorator,
pre .filter .argument,
pre .localvars,
pre .array,
pre .attr_selector,
pre .important,
pre .pseudo,
pre .pi,
pre .haml .bullet,
pre .doctype,
pre .deletion,
pre .envvar,
pre .shebang,
pre .apache .sqbracket,
pre .nginx .built_in,
pre .tex .formula,
pre .erlang_repl .reserved,
pre .prompt,
pre .asciidoc .link_label,
pre .markdown .link_label,
pre .vhdl .attribute,
pre .clojure .attribute,
pre .asciidoc .attribute,
pre .lasso .attribute,
pre .coffeescript .property {
  color: #88F
}
pre .keyword,
pre .id,
pre .title,
pre .built_in,
pre .aggregate,
pre .css .tag,
pre .javadoctag,
pre .phpdoc,
pre .yardoctag,
pre .smalltalk .class,
pre .winutils,
pre .bash .variable,
pre .apache .tag,
pre .go .typename,
pre .tex .command,
pre .asciidoc .strong,
pre .markdown .strong,
pre .request,
pre .status {
  font-weight: bold;
}
pre .asciidoc .emphasis,
pre .markdown .emphasis {
  font-style: italic;
}
pre .nginx .built_in {
  font-weight: normal;
}
pre .coffeescript .javascript,
pre .javascript .xml,
pre .lasso .markup,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
  opacity: 0.5;
}

Langkah 3 : Simpan CSS tersebut di atas ]]></b:skin>

Langkah 4 : Cara Penggunaan

Untuk menggunakan Highlight.js ini, sangat simple, kita tidak perlu menentukan bahasanya, anda tinggal tulis seperti ini :

<pre><code>...kode HTML, CSS, JavaSript di sini..</code></pre>

Responsive Blogger Template : BeriMagz

2013-10-25T00:12:00.000+07:00

All About Blogspot Templates : Blogger template ini saya dapat dari blog milik +Fajri Andaviar di http://fajriandaviar.blogspot.com. Menurut dia, theme blog ini memiliki fitur yang responsive sekaligus juga ringan (fast loading). Menurut saya, template ini keren dan layak untuk di share kepada para blogger.

Template magazine responsive ini bernama: BeriMagz

DemoView | DownLoad

Tertarik? Berikut tutorial untuk mengganti fitur BeriMagz Blogger Template:

1. Untuk Mengganti Menu Atas

<div id='top-menuwrapper'>
<div id='top-menuwrap'>  
<div id='top-menu'>
<ul>
<li><a href='/' style='background:#D12F2F'><i class='icon-home icon-2x'
style='margin-bottom:9px'/></a></li>
<li><a href='#'>Contact</a></li>
<li><a href='#'>About</a></li>  
</ul>
</div></div></div>

2. Untuk Mengganti Menu di Bawah Header Cari Code Berikut:


<nav id='menu'>
<input type='checkbox'/>
  <label><i class='icon-reorder'/><span>Navigation</span></label>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a class='dropdown' href='#'>Drop Menu</a>
<ul class='menus'>
 <li><a href='#'>Drop Menu 1</a></li>
 <li><a href='#'>Drop Menu 2</a></li>
 <li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#'>Menu 2</a></li>
<li><a class='dropdown' href='#'>Drop Menu 1</a>
<ul class='menus'>
 <li><a href='#'>Drop Menu 1</a></li>
 <li><a href='#'>Drop Menu 2</a></li>
 <li><a href='#'>Drop Menu 3</a></li>
</ul>
</li>
       </ul>
    </nav>

3. Untuk mengganti List Social, cari kode berikut:


<div class='social-tooltip'>
<ul>
<li class='pinterest'><a href='/'><i class='icon-pinterest'/></a></li>
<li><a class='twitter' href='/'><i class='icon-twitter'/></a></li>
<li><a class='linkedin' href='/'><i class='icon-linkedin'/></a></li>
<li><a class='facebook' href='/'><i class='icon-facebook'/></a></li>
<li><a class='gplus' href='/'><i class='icon-google-plus'/></a></li>

Work Mag : Responsive Premium Blogspot Template (Premium)

2013-10-24T22:42:00.000+07:00

Work Mag Is a New Blogger Template. Its High User Friendly Blogger Template. If You Blogger User This is a best Template For You, Mobile, Desktop And Tablet Friendly User Interface. Simple And Clean Color’s, Navigation Menu, Image Slider and Tabs Wight Ready Template.

DEMOVIEW | DOWNLOAD

Work Mag TEMPLATE INFORMATIONS
Platform Type : Blogger.com
Template Name : Work Mag
Author name : coolbthemes
Designer URL : http://www.coolbthemes.com

Features :

Responsive Template Design
Auto Blog Post summarize And “Read More” Button
Auto Image Crop With Thumbnail (Home Page and Label Page Only)
Css And HTML Base Menu With Drop down
Auto Date Show At Header Right side
Tabs Widgets ready (Powered By Jquery)
Image Slider (Powered By Jquery)
Simple User Friendly Search Box
Auto Pagination Added To Post Footer
Social Icons Collection(Placed Post Footer)
Social Share Widget (Placed Post Footer)
Custom Error 404 Page With Search Box (Official 404 Page)
Related Post Widget (Placed Post Footer)
Ads Banner Ready
Meta Keywords And Description Support (Official Meta Description Support)
Random Post Selector
Recent Post By Label
4 Column Footer Area
Flicker Image Gallery
Official “FOLLOW BY EMAIL” Widget