Blogger Blogging

Sebuah situs/web harus dijadikan responsif ?

noreply@blogger.com (Wong Jawa) — Fri, 10 Apr 2015 18:09:00 -0700

Bayangkan pengguna melihat situs Anda di perangkat mobile. Dapatkah pengguna membaca laman Anda dan menemukan informasi yang diperlukan dengan mudah, ataukah laman terlalu sulit untuk digunakan? Versi desktop situs mungkin sulit untuk dilihat dan digunakan di perangkat seluler. Versi yang tidak mobile-friendly meminta pengguna untuk memperkecil atau memperbesar situs web agar dapat membaca konten. Pengguna menjadi jengkel dan cenderung meninggalkan situs. Bertolak belakang dari itu, versi mobile-friendly dapat dibaca dan digunakan secara langsung.

Di AS, 94% orang dengan ponsel cerdas menelusuri informasi lokal di ponsel mereka. Menariknya, 77% penelusuran seluler dilakukan di rumah atau di kantor, tempat komputer desktop kemungkinan ada.

Mobile menjadi sangat penting bagi bisnis Anda dan akan terus begitu – apakah Anda menulis blog tentang tim olahraga favorit, bekerja di situs web untuk komunitas teater, atau menjual produk kepada calon klien. Pastikan pengunjung dapat memiliki pengalaman yang baik di situs Anda saat mengunjungi dari perangkat mobile!

Apa saja tiga hal teratas yang harus saya ketahui saat membuat situs untuk perangkat mobile?

1. Beri kemudahan untuk pengguna.
Bantu pengunjung situs Anda menuntaskan tujuan mereka. Mereka mungkin ingin dihibur oleh entri blog Anda, mendapatkan alamat restoran, atau membaca ulasan tentang produk Anda. GVP dan Chief Technology Officer of eCommerce Walgreens, Abhi Dhar, menjelaskan, “Tujuan kami dengan segala yang kami lakukan di seluler adalah untuk menjadikan hidup pelanggan kami lebih mudah”.

Desain situs Anda untuk mempermudah pelanggan menyelesaikan aktivitas yang paling umum: dari konsepsi aktivitas, mengunjungi situs Anda, hingga menyelesaikan aktivitas.

2. Ukur efektivitas situs web Anda dengan seberapa mudah pelanggan seluler dapat menyelesaikan aktivitas umum.
Membuat situs seluler memerlukan penentuan prioritas. Mulailah dengan mencari tahu aktivitas yang paling penting dan umum buat pelanggan seluler Anda. Kemampuan untuk mendukung aktivitas ini sangat penting dan ini adalah mengapa situs seluler Anda diukur melalui seberapa baik pelanggan menyelesaikan tujuan mereka. Ada juga cara mendesain situs Anda untuk memberikan kemudahan dalam penggunaan situs Anda. Fokus pada konsistensi tampilan (interface) Anda dan berikan pengalaman yang seragam di seluruh platform.

"Pembeli seluler mengutamakan kemudahan penggunaan dalam hal situs belanja mobile, dengan 48% responden yang menyebutkan hal tersebut sebagai kualitas yang terpenting dari sebuah situs seluler yang mereka kunjungi," dikutip dari MediaPost.

3. Pilih template, tema, atau desain seluler yang konsisten untuk semua perangkat (pergunakan desain web responsif).
“Desain web responsif” atau RWD berarti bahwa laman menggunakan URL yang sama dan kode yang sama, meskipun pengguna menggunakan komputer desktop, tablet, atau telepon seluler – hanya tampilan yang disesuaikan atau "menanggapi" ukuran layar. Google menyarankan penggunaan RWD dibandingkan pola desain lainnya. Salah satu manfaat RWD adalah Anda hanya perlu memelihara satu versi situs, bukan dua (Anda tidak perlu memelihara situs desktop di www.example.com dan versi seluler di m.example com - Anda hanya akan memelihara satu situs, seperti www.example.com, untuk desktop dan pengunjung seluler).

"Penggunaan RWD memungkinkan Baines & Ernst mengoptimalkan pengalaman situsnya di berbagai ukuran layar tanpa membuat beberapa situs web. Mereka melihat bahwa pengunjung mengunjungi 11% lebih banyak laman di situs per kunjungan dan konversi seluler meningkat sebesar 51%."

"Konversi" terjadi saat seorang pelanggan melakukan tindakan yang diinginkan, seperti membeli produk, menghubungi bisnis, atau mendaftar untuk buletin.

Untuk detail tentang cara menerapkan desain web responsif, lihat konten pengembang di Dasar-Dasar Web. Jika Anda ingin mempertimbangkan pro dan kontra dari penerapan yang berbeda untuk seluler, tablet, dan situs web desktop, baca Membuat Situs Web untuk Konsumen Multilayar.

Apa saja tiga kesalahan teratas yang perlu dihindari pemula?

Kesalahan 1 - Melupakan pelanggan seluler mereka.

Ingat bahwa situs seluler yang bagus itu berguna – situs tersebut dapat membantu pengunjung menyelesaikan tugas mereka, baik tugas membaca artikel yang menarik atau memeriksa lokasi toko Anda. Jangan terjebak dalam perangkap untuk hanya membuat situs yang diformat untuk seluler (yang terlihat menarik di perangkat mobile) karena akan menghilangkan semua fungsi yang berguna. Sebagai gantinya, ingat untuk membuat situs yang mobile-friendly (yang sangat berguna untuk pelanggan seluler dan dioptimalkan untuk tugas yang paling umum untuk pengguna).

Kesalahan 2 - Menerapkan situs seluler di berbagai domain, subdomain, atau subdirektori dari situs desktop.

M: eskipun Google mendukung beberapa konfigurasi situs seluler, membuat URL seluler yang terpisah sangat meningkatkan jumlah pekerjaan yang diperlukan untuk memelihara dan memperbarui situs Anda, serta menghadirkan kemungkinan sumber masalah teknis. Anda dapat menyederhanakan segalanya secara signifikan dengan menggunakan desain web responsif (RWD) dan memberikan URL yang sama untuk desktop dan mobile! Desain web responsif adalah konfigurasi yang disarankan Google.

Kesalahan 3 - Bekerja dalam isolasi, bukan mencari inspirasi.

Lihat situs lain dalam bidang Anda atau pesaing Anda untuk mendapatkan inspirasi dan praktik terbaik. Meskipun Anda mungkin bukan yang pertama di industri dengan situs seluler, Anda memiliki manfaat yaitu mampu belajar dari orang lain sebelum Anda. The Mobile Playbook dan Kisah Sukses Multilayar Google juga penuh dengan ide.

Dilansir dari : https://developers.google.com/webmasters/

Cara membuat blog menjadi responsive

noreply@blogger.com (Wong Jawa) — Sat, 4 Apr 2015 15:42:00 -0700

Blogger Blog (Banu) kali ini ingin berbagi tentang analogi membuat blog menjadi responsive yang penulis peroleh dari Sdr. Willy SEO. Terus terang konsep Sdr. Willy SEO ini sangat membantu penulis dalam hal merubah tampilan blog Blogger Blog (Banu) ini menjadi responsive 100 % (menurut pendapat pribadi) dan mampu tampil rapi dalam berbagai ukuran layar 1680x1050, 1024x768, 768x1024, 320x420 dan lain-lain. Permasalahan yang penulis hadapi adalah dengan me-responsive-kan bagian footer-wrapper, namun dengan hasil blogwalking ke tempat Sdr. Willy SEO, semuanya jadi terselesaikan, dan sekarang template buatan penulis ini telah mampu tampil rapi di berbagai ukuran layar.

Berikut ini pola pemikiran Sdr. Willy SEO yang aku tulis ulang dalam rangka berbagi pengetahuan dengan para blogger pemula (semacam aku ini), khusus dalam hal mengembangkan blognya menjadi responsive 100 %, dan agar dapat tampil apik dan rapi di berbagai ukuran layar yang dipergunakan untuk mengaksesnya, khususnya untuk perangkat mobile.

Coba anda perhatikan blog ini kemudian kecilkan browser anda maka tampilan blog ini akan menyesuaikan lebar sesuai lebar dari browser yang anda gunakan atau anda bisa cek responsive sebuah blog di http://responsinator.com/. atau http://mattkersley.com/responsive/

Cara membuat blog menjadi responsive :
Untuk membuat blog menjadi responsive cukup menambahkan kode @media-query pada CSS.
Caranya :

1. Buka dashboard blog > Template > Edit HTML > Centang Expand......
2. Cari kode ]]></b:skin>. Dan tambahkan kode @media-query dibawah tepat diatasnya.

@media screen and (max-width: 860px) {
.outer-wrapper {
width: 100% ;
}
body {font-size: 1em;line-height: 1.44;
}
}

Keterangan :
Untuk ukuran 860px saya membuat lebar outer-wrapper menjadi 100% agar lebar blog dapat tersesuai pada resolusi gadget yang digunakan. Sedangkan font pada postingan saya buat menjadi 1em.
outer-wrapper adalah kode dari blog saya silahkan diganti dengan kode yang ada di template anda, jika kodenya sama jangan diganti Cara diatas hanya membuat responsive pada bagian outer-wrapper blog saja, jika anda ingin membuat element blog yang lain menjadi responsive juga cukup menambahkan kode seperti outer-wrapper diatas.

Contoh jika anda menginginkan header blog menjadi responsive maka kodenya seperti ini :

@media screen and (max-width: 860px) {
.outer-wrapper {
width: 100% ;
}
header-wrapper {width:100%;padding:0;margin:0
}
body {font-size: 1em;line-height: 1.44;
}
}

Atau Memakai Cara yang ini :

Di template sobat ada pembagian struktur seperti ini :

#outer-wrapper

#main-wrapper

#sidebar-wrapper

#header

#footer

Nah, disini kita bayangkan itu adalah sebuah kotak dan di dalamnya ada kotak lagi, ada lagi, dan bla..bla...

Urutan kotaknya adlh, Body, #outer-wrapper,di dlmnya ada #header, #main-wrapper, #sidebar-wrapper dan #footer

Nah, disini kita ubah kecil-kecilan aja. Ntar ente kembangin sendiri. :p

Ganti aja strukturmu menjadi seperti ini.

#outer-wrapper {

width: 76.666%;

margin:0 auto;

padding:10px;

text-align:left;

font: normal normal 95% Georgia, Serif;

border-left:2px solid #ddd;

border-right:2px solid #ddd;

background:#fff; }

#main-wrapper { width: 61%;

float: left;

word-wrap: break-word;

overflow: hidden;

}

#sidebar-wrapper {

width: 32%;

float: right;

word-wrap: break-word;

overflow: hidden;

}

Oke, jika sobat membuat #outer-wrapper menjadi 100% maka lebar templatemu akan terisi penuh dan main juga sidebar akan berada disana.

Tahap berikutnya kita buat responsive, dalam artian jika layar ente kecilin maka elemen menjadi satu kolom..bahkan di layar 320px. asik ga tuh?

@media handheld,only screen and (max-width:767px)

{#outer-wrapper,body{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-top:0}

#sidebar-wrapper,#main-wrapper,#outer-wrapper,#header,#footer{width:auto;float:none;margin-left:0;margin-right:0;padding-left:2%;padding-right:2%}#header-wrapper{border:none;}}

img,object,embed{max-width:100%}

Coba sekarang perhatikan :

di awal saya kasih di 767px dengan :

#outer-wrapper,body{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0;margin-top:0}

Jadi margin dan padding di buat 0 lalu sekarang anaknya supaya di layar 767px kebawah jadi satu kolom :

#sidebar-wrapper,#main-wrapper,#outer-wrapper,#header,#footer{width:auto;float:none;margin-left:0;margin-right:0;padding-left:2%;padding-right:2%}

Saya hanya memberikan padding sebesar 2% di kiri dan kanan..float kita geser jadi none..Hanya seperti itu teorinya, teori kotak dalam kotak.

Demikianlah uraian lengkap yang penulis peroleh dari Sdr. Willy SEO yang sangat membantu dalam memperbaiki responsifitas blog Blogger Blogging (Banu) ini, dan semoga apa yang terurai di atas dapat membantu blogger-blogger yang lain.

Sumber : http://willyseo.blogspot.com/2013/02/Buat-Responsive.html

Ambisi seorang blogger pemula

noreply@blogger.com (Wong Jawa) — Wed, 1 Apr 2015 17:07:00 -0700

Blogger Blogging (Banu) kali ini ingin menuangkan ambisi pribadi sebagai seorang blogger pemula untuk menekuni dunia blogging. Blog Blogger Blogging (Banu) ini sebenarnya telah lama aku telantarkan, ada sekitar 3 tahun lamanya aku biarkan. Artikel terakhir yang aku tulis ternyata bertahun 2012, berarti sudah tiga tahun (mungkin lebih) aku telantarkan blog ini. Saat ini aku berambisi untuk kembali membangkitkan eksistensi blog Blogger Blogging (Banu) ini dalam percaturan dunia blogging (regional Indonesia).

Perkembangan algoritma Google memaksa aku untuk mengganti template blog yang lama dengan template yang baru ini (yang kata orang sih Responsive Template), setelah selama hampir tiga malam aku otak-atik, bongkar sana-bongkar sini, cari tahu ke sana kemari, dan akhirnya terwujudlah model template yang aku pergunakan saat ini. Dari sisi model, memang belumlah sempurna, karena tidak aku lengkapi dengan footer (yang biasanya terpasang untuk tiga kolom), namun terus-terang aku masih ingin memaksimalkan bagian sidebar yang berbeda pada halaman homepage dan halaman postingan. Aku rasa ini dulu sudahlah cukup (untuk sementara).

Dari sisi berat dan kecepatan loading, template yang pergunakan ini telah teruji dengan hasil maksimal, karena hingga saat tulisan ini aku buat baru menginjak angka sekitar 60 Kb, dan angka itu masih amat jauh dari ambang batas atas 100 Kb. Dari sisi kecepatan loading, aku sangat yakin pasti tidak terlalu lama, karena telah aku lengkapi dengan "bootsrap" untuk membantu memaksimalkan kecepatan loading sebuah blog, termasuk Blogger Blogging (Banu) ini.

Dari sisi SEO, template blog ini telah aku lengkapi dengan serangkaian Meta Tag yang berfungsi untuk memaksimalkan upaya-upaya SEO OnPage sebuah blog. Hasilnya, untuk langkah awal, blog ini telah berhasil menembus angka 100 % saat aku lakukan tes dengan mempergunakan chkme.com (situs online untuk mengetahui score SEO sebuah blog). Selanjutnya dengan mempergunakan SEO Analizer milik Bing Webmaster, ternyata juga tidak ada kendala yang berarti, alias no violation atau no error. Sebuah langkah awal yang sangat maksimal untuk mengembangkan blog ini lebih lanjut.

Dari sisi responsivitas template ....., yah ... silahkan anda tes sendiri dengan berbagai macam situs online yang menyediakan fasilitas tes responsivitas template blog.

Membuat Widget Commented Article di blog

noreply@blogger.com (Wong Jawa) — Mon, 20 Jan 2014 14:09:00 -0800

Blogger Blogging (Banu) pada kesempatan ini ingin sekali membagikan sebuah tips-trik membangun sebuah blog dengan menempatkan Widget Artikel Terkomentari (Commented Article) yang berfungsi untuk menginformasikan kepada pengunjung tentang artikel-artikel blog yang telah dikomentari oleh para pengunjung blog. Widget ini terkesan sederhana, namun memiliki fungsi yang tidak kecil, dengan menampilkan artikel-artikel yang telah mendapat komentar dari pengunjung blog, diharapkan akan merangsang minat pembaca lainnya untuk membuka serta membaca artikel-artikel tersebut, dengan demikian kita berharap pageviews blog akan meningkat.

Memang logikanya bila sebuah blog sepi pengunjung (semacam blog aku ini) maka sudah barang tentu maka artikel-artikel yang terkomentari akan sedikit jumlahnya. Namun hendaknya kita tidak lantas berputus asa, melainkan tetap semangat menciptakan artikel-artikel baru yang tidak cepat "out of date" alias tidak cepat basi, artinya artikel tersebut dapat bertahan dalam waktu yang cukup lama, serta tetap menarik minat pengunjung. Biasanya artikel-artikel tersebut berupa artikel tutorial tentang cara membuat atau membangun sesuatu ...., atau artikel-artikel yang dapat disamakan dengan hal tersebut.

Kembali kepada masalah Widget Artikel Terkomentari (Commented Article), berikut ini adalah cara membuatnya, cukup mudah. Pertama buka blog anda, tambahkan widget di sidebar atau footer, ambil menu tambahkan "Widget HTML", selanjutnya copykan rangkaian script berikut ini.

<div id="most-comments"></div> <style scoped='' type='text/css'> #most-comments li,#most-comments ul,#most-comments ul li{margin:0;list-style:none;color:#444;font-family:'Open Sans',Helvetica,Arial,sans-serif;font-size:14px}#most-comments ul li{position:relative;overflow:hidden;background:#fff;margin:3.5px 0;padding:7px 10px 7px 50px;white-space:nowrap;text-overflow:ellipsis;box-shadow:inset 0 0 #fc4f3f;border:1px solid #e6e6e6;transition:all .6s}#most-comments ul li:hover{box-shadow:inset 310px 0 #fc4f3f}#most-comments ul li a{color:#444;font-weight:700;text-decoration:none;transition:all .3s}#most-comments ul li a:hover,#most-comments ul li:hover a{color:#fff}.count-most{position:absolute;left:0;top:0;width:40px;height:100%;margin:0;padding:7px 0;background-color:#383838;color:#fff!important;text-align:center;transition:all .3s}#most-comments ul li:hover .count-most{background-color:#fc4f3f} </style> <script type='text/javascript'> //<![CDATA[ var numPosts=5; var homePage="www.blog67blogging.blogspot.com"; var postTitlear=new Array(); var postUrlar=new Array(); var postCommentar=new Array(); var totalpost;document.write('<div id="most-comments"><ul>'); function mostComment(j){var a=j.feed.entry.length;totalpost=a; for(var f=0;f<a;f++){ var h=j.feed.entry[f]; var c=h.title.$t;var b; var g;if(f==j.feed.entry.length){break} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="alternate"){g=h.link[d].href;break}} for(var d=0;d<h.link.length;d++){ if(h.link[d].rel=="replies"&&h.link[d].type=="text/html"){b=h.link[d].title.split(" ")[0];}}; postTitlear.push(c); postUrlar.push(g); postCommentar.push(b)}sortPosts(); for(var f=0;f<numPosts;f++){var e='<li><span class="count-most">'+postCommentar[f]+'</span><a href="'+postUrlar[f]+'" title="'+postTitlear[f]+'" target="_blank">'+postTitlear[f]+'</a>'; document.write(e)}} function sortPosts(){function c(d,f){var e=postTitlear[d]; postTitlear[d]=postTitlear[f]; postTitlear[f]=e; var e=postUrlar[d]; postUrlar[d]=postUrlar[f]; postUrlar[f]=e; var e=postCommentar[d]; postCommentar[d]=postCommentar[f]; postCommentar[f]=e} for(var b=0;b<postTitlear.length-1;b++){ for(var a=b+1;a<postTitlear.length;a++){ if(parseInt(postCommentar[b])<parseInt(postCommentar[a])){c(b,a)}}}} document.write('<script src="http://blog67blogging.blogspot.com/feeds/posts/default?max-results=9999&orderby=published&alt=json-in-script&callback=mostComment"><\/script>'); document.write('</li>') document.write('</ul>') document.write('</div>'); //]]> </script>

Selanjutnya gantilah script yang tercetak merah tebal dan sesuaikan dengan blog anda, selanjutnya sesuaikan angka 5, dengan berapa jumlah artikel terkomentari yang ingin anda tampilkan, dan terakhir simpanlah blog anda, lihat hasilnya.

Contoh hasilnya adalah seperti gambar di atas. Selamat mencoba.

Tentang dan Seputar Perkembangan Alexarank

noreply@blogger.com (Wong Jawa) — Wed, 1 Jan 2014 09:33:00 -0800

Pada kesempatan kali ini Blogger Blogging akan share mengenai Tentang dan Seputar Perkembangan Rank Alexarank mudah-mudahan pada artikel pada kali ini sedikit bisa membantu naiknya pagerank blog Blogger Blogging ini (yang telah lama aku telantarkan).

Memiliki Ranking Alexa dengan jumlah digit yang sedikit merupakan kebanggaan tersendiri, selain itu juga menjadi incaran buat para pemasang iklan atau adverstiser buat memasang iklan produknya di website / blog kita. Dalam arti financialnya "Uang akan mengejar anda"

Perhitungan Alexa Rank mengunakan sebuah sistem yang akan mengkombinasikan rata - rata visitor suatu situs perhari dan jumlah halaman suatu website yang dibuka oleh visitor. Suatu website yang berada di tingkat alexa tertinggi mempunyai Alexa Rank "1" jadi dalam artian semakin kecil berarti semakin bagus Alexa ranking nya.

Oke singkat saja, Situs Alexa.com yang kita kenal ini didirikan oleh Brewster Kahle dan Bruce Gilliat pada tahun 1996 dengan nama perusahaannya ALexa Internet,Inc yang dipilih sebagai penghormatan kepada "Library of Alexandria" (sebuah perpustakan kuno di Mesir yang mungkin terbesar dan terkenal di dunia). Selain itu ALexa dapat di artikan sebagai Address Look-Up Experts Authority

Dengan harga $250 juta oleh Raksasa perusahaan Amazon.com pun mengakuisisi alexa dan menjadikan nya sebagai anak perusahan dari Amazon. Dalam pembelian tersebut Amazon.com telah melenceng jauh dari visi awalnya yaitu sebagai mesin pencari yang "pintar"

Dalam beberapa tahun belakangan Alexa Internet telah beberapa kali menganti kemitraannya (Google , Open Directory Project) dalam menyajikan hasil yang lebih baik lagi, baru lah di tahun 2006 mereka mulai mengunakan Search Platform sendiri.

Belakangan ini, 31 maret 2009, ALexa.com menuntaskan mendesain ulang dan sistem metrik termasuk : Pageviews per User, Bounce Rate dan Time on Site. lalu menambahkan fitur baru : Demographics, Clickstream dan Search Traffic stats.

Dan siapa yang mendapatkan peringkat pertama menurut Alexa.com?

Tentu saja sebuah situs yang tidak asing buat anda Google.com kemudian di ikuti oleh Yahoo! , Youtube kemudian di posisi ke 4 yaitu website baru2 ini meledak dan terkenal di Indonesia "Facebook" , Akan tetapi alexa sendiri tidak memberikan ranking pada dirinya sendiri. Tidak ada data yang tercatat yang bisa anda dapatkan saat anda mengetikkan keyword "Alexa.com" di situs alexa.com. Apakah alexa takut akan tidak objektif nya hasil yang di kemukannya atau alexa malu dengan peringkatnya? (mungkin ga ya? :D )

Itulah mengenai Cari Tahu Sejarah Dan Perkembangan Rank Alexa yang saya bisa bagikan kepada sobat-sobat yang super skali..hehehe..!!!

Nb: Artikel ini boleh dicopy paste kan di blog anda untuk mendukung ranking alexa anda akan tetapi amat di hargai bila anda turut mencantumkan link ini di dalam artikel.

MEMBUAT NAVIGASI PERMALINK SEO

noreply@blogger.com (Wong Jawa) — Sat, 3 Mar 2012 14:26:00 -0800

Pada post kali ini saya akan sharing tutorial blogspot, yaitu tentang "Membuat Navigasi Permalink". Sedikit penjelasan dari saya, Navigasi Permalink atau yang biasa juga disebut permanen link adalah sebuah kotak kecil yang berisi pesan dan alamat url atau link postingan yang permanen dan acapkali terletak di bagian bawah setiap postingan blog. Atau dengan kata lain seo permanen link atau sering disingkat dengan seo permalink adalah merupakan salah satu cara optimasi On-Page yang berguna untuk memasang permanen link serta bertujuan untuk menambah internal link pada posting blog, untuk itu memasang permalink seo di blogspot sangat bermanfaat dalam rangka optimasi blog kita.

Pemasangan Permalink di blog sangat penting untuk menambah link internal di artikel postingan kita. Karena permalink yang satu ini dapat membuat template kita lebih SEO friendly sehingga mudah dibaca oleh Google.

Untuk lebih jelas, lihat pada screen shoot :

Berikut cara membuatnya :

Untuk memasangnya cukup ikuti langkah - langkah di bawah ini:

1. Login pada blog sobat

2. Rancangan

3. Edit HTML

4. Expand template widget

5. Cari kode ]]></b:skin>

6. Copy kode di bawah ini dan paste di atas kode pada no 5

.permalink {border: 1px dotted #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;} .permalink a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

7. Setelah itu cari kode <div class='post-footer'>

8. Copy kode di bawah ini dan paste di atas kode pada no 7

<b:if cond='data:blog.pageType == "item"'><div class='permalink'> <center><small>Sobat sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan sobat bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, sobat boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman sobat, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sumbernya.</small></center></div></b:if>

9. Simpan Template dan lihat hasilnya

Demikianlah cara Membuat Navigasi Permalink SEO, Selamat Mencoba, semoga sukses !!

CARA MEMASANG SHARING IS SEXY

noreply@blogger.com (Wong Jawa) — Sat, 3 Mar 2012 13:42:00 -0800

Cara memasang Sharing is sexy sebenarnya tidak membutuhkan keahlian khusus serta tidak membutuhkan pengetahuan tentan HTML. Cara memasang Sharing is sexy amatlah mudah, hanya membutuhkan sedikit ketelitian serta perhitungan yang tepat agar sesuai dengan lebar kolom postingan blog yang kita miliki. Pemasangan Sharing is sexy ini dapat ditempatkan di bawah postingan blog secara langsung atau diletakkan pada bagian footer postingan. Contoh nyatanya ada pada bagian bawah postingan blog Banu Blogger ini dan ada di setiap akhir postingan yang lainnya.

Adapun cara memasangnya adalah sebagi berikut :

Masuklah ke menu edit HTML dan jangan lupa centang expand template widget.

Pertama carilah kode ]]></b:skin> dan letakkan script berikut tepat di bawah kode tersebut :

Langkah berikutnya, carilah kode <data:post.body/> atau <p><data:post.body/></p> dan letakkan script berikut ini tepat di bawahnya.

<b:if cond='data:blog.pageType == "item"'><div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='http://feeds.feedburner.com/blogspot/ZqAec' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div></b:if>

Lakukan pratinjau terlebih dahulu, dan bila sudah berhasil, silahkan save template sobat.

MEMBUAT BLOG AGAR TAMPIL LEBIH KEREN

noreply@blogger.com (Wong Jawa) — Fri, 2 Mar 2012 08:44:00 -0800

Membuat blog agar tampil lebih keren pada dasarnya dapat dilakukan dengan berbagai macam cara atau trik-trik menarik. Membuat blog agar tampil lebih keren ini secara sederhana dapat dilakukan dengan memodifikasi menu navigasi, memodifikasi kotak komentar, memodifikasi widget popular-post (agar bisa bergerak), memodifikasi navigasi halaman (agar dapat tampil lebih manis dan profesional), memodifikasi tampilan widget & footer, memasang tombol share is sexy, memasang menu admin di bawah postingan, memasang menu related-post with thumbnail, memasang navigasi permalink SEO dan masih banyak lainnya. Membuat blog agar tampil lebih keren ini dapat pula dilakukan secara radikal yaitu dengan mengganti template blog.

Dari sekian banyak cara yang telah saya uraikan di atas, hendaknya dalam rangka membuat blog agar tampil lebih keren ini memperhatikan beberapa aspek penting, diantaranya adalah :

Pertama, buatlah tampilan blog itu sesuai dengan thema blog atau postingan yang ingin anda share kepada rekan-rekan yang lainnya, jangan terlalu over, karena hal ini dapat saja berakibat ketidak sesuaian tampilan blog dengan thema postingan yang ada. Misalnya demikian, anda menampilkan blog anda dengan terlalu banyak widget yang berkelip-kelip serta variasi kursor yang berlebihan. Hal ini bisa saja mengganggu konsentrasi pengunjung (visitor) blog anda saat sedang membaca artikel-artikel dalam blog anda.

Kedua, pasanglah atau gunakanlah widget-widget yang memang diperlukan serta mendukung keberadaan blog anda, tidak usah terlalu berlebihan. Misalnya, anda memasang penunjuk waktu atau jam pada blog anda, nampaknya hal ini baik, namun apa fungsinya ? Bukankan pada setiap browser atau katakanlah setiap sistem windows yang ada sudah menampilkan informasi tentang waktu atau jam itu sendiri. Jadi kesimpulannya pemasangan penunjuk waktu atau jam pada blog itu sepertinya merupakan suatu hal yang mubazir, dan bisa jadi hanya akan memperberat loading blog anda.

Ketiga, dalam rangka membuat blog agar tampil lebih keren ini hendaknya tetap memperhatikan aspek-aspek optimasi blog, aspek mana yang tetap harus terjaga dan terpelihara agar blog kita dapat tampil lebih cepat (ringan loadingnya) serta tetap disayang Google search engine atau mesin pencari lainnya. Prinsip-prinsip optimasi blog ini penting untuk meningkatkan pagetraffic dan pageviews blog anda (hal ini berkaitan dengan Alexa rank) serta dapat meningkatkan pagerank (Google rank) blog anda.

Keempat, membuat blog agar tampil lebih keren tidak berarti harus mengajak visitor (pengunjung) berputar-putar di dalam blog kita hanya untuk menemukan sebuah topik yang sedang dicarinya. Lebih baik kita 'to the point' saja, karena hal ini akan membawa visitor atau pengunjung blog kita merasa lebih senang. Siapa yang mau dibawa berputar-putar hanya untuk menemukan satu informasi saja (dan ironisnya, informasi tersebut malah tidak ada di blog kita) ?. Prinsip simple, sistematis dan cepat-tepat harus selalu menjadi perhatian yang utama di dalam proses pengelolaan blog. Ingatlah satu prinsip ini, artikel yang kita tulis atau kita bahas bisa jadi telah ditulis atau dibahas oleh ribuan bahkan jutaan blog yang lain, yang mungkin saja telah memperoleh peringkat serta posisi-posisi yang lebih bagus (dari pada blog kita) dalam search engine. Oleh karenanya prinsip simple, sistematis dan cepat-tepat itulah senjata kita untuk memenangkan persaingan dengan blog-blog yang lainnya.

MEMAKSIMALKAN META-TAG BLOG

noreply@blogger.com (Wong Jawa) — Fri, 2 Mar 2012 08:13:00 -0800

Memaksimalkan meta-tag blog pada dasarnya adalah merupakan bagian dari 'optimasi blog' agar blog dapat tampil lebih cepat. Memaksimalkan meta-tag blog juga memiliki tujuan atau fungsi agar blog yang kita miliki mudah terindeks oleh mesin pencari (utamanya Google search engine) sekaligus mempermudah proses crawling terhadap blog kita oleh Google-bot. Disamping itu dengan memaksimalkan meta-tag blog, kita dapat menghindari terjadinya 'duplikasi kontent (isi) blog' yang paling sangat tidak disukai oleh Google search engine. Akhirnya dengan memaksimalkan meta-tag blog, kita dapat menjadikan blog kita 'lebih disayang' oleh Google serta akan mampu untuk tampil secara lebih 'SEO friendly'.

Baiklah kita lihat sekarang kondisi meta-tag standart yang disediakan oleh template blog biasanya hanya berupa kombinasi meta-tag yang sederhana seperti contoh di bawah ini.

Menurut saya (mungkin pribadi) kombinasi 'meta-tag head' seperti terurai di atas masih kurang maksimal serta kurang SEO friendly, karena terlalu sederhana sekali. Berdasarkan pengalaman saya dalam mengelola blog-blog yang lain, kombinasi 'meta-tag head' tersebut diatas saya rubah total, dengan tujuan agar lebih ter-optimasi serta lebih SEO friendly. Adapun kombinasi 'meta-tag head' yang saya terapkan sebagai pembaharuan adalah seperti tersebut di bawah ini.

<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Purnomo | Semangat Baru</title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<title><data:blog.pageName/> | Purnomo</title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Semangat baru untuk berbagi pengetahuan' name='description'/>
<meta content='blog, blog semangat, cara membuat, semangat, cara semangat ' name='keywords'/>
<meta content='Purnomo' name='author'/>
<meta content='Purnomo 2012' name='copyright'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content=' global' name='target'/>
<meta content='all' name='robots'/>
<meta content='index, follow, snipet' name='googlebot'/>
<meta content='id' name='language'/>
<meta content='ID' name='country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>
<meta content='f56TNMt8R79a76xUevyy1axgZJCLsWwyhGlo73QfEnE' name='google-site-verification'/>
<link expr:href='data:blog.url' rel='canonical'/>
</b:if>

<link href='YOUR-FAVICON-URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Jika anda berkenan atau berkeinginan untuk mengganti 'meta-tag head' blog anda agar dapat menjadi lebih maksimal, silahkan copy-paste aja kombinasi di atas, kemudian gantilah kode yang berwarna merah dan sesuaikan dengan kondisi blog anda.

Demikianlah cara saya memaksimalkan meta-tag blog, semoga dapat mendatangkan manfaat.

CARA-CARA OPTIMASI BLOG

noreply@blogger.com (Wong Jawa) — Thu, 1 Mar 2012 07:57:00 -0800

Cara-cara optimasi blog ini diperlukan untuk mempercepat loading atau tampilan blog. Cara-cara optimasi blog ini diperlukan untuk menjawab pertanyaan "Need for speed up your blog?" Yups, siapa yang tidak ingin halaman blog-nya tampil lebih cepat, pada kenyataannya selain kualitas konten, faktor kecepatan loading page lah yang sangat besar pengaruhnya buat kenyamanan pengunjung. Sudah menjadi sifat dasar manusia dimana menunggu adalah pekerjaan yang sangat membosankan, ini yang harus kita cermati bersama, jangan sampai pengunjung kabur atau pindah ke situs lain hanya karena blog kita sangat lambat ketika dibuka..walaupun itu hanya telat beberapa detik saja. Faktor kecepatan koneksi juga bisa dikatakan sebagai salah satu biang kerok, meskipun kita berpikir halaman blog kita tampil secepat kilat ketika dibuka pada komputer kita sendiri, tapi tidak begitu khan dengan koneksi pengunjung ?

Nah, disini saya mencoba membagikan tips cara-cara Optimasi blog agar bisa tampil lebih cepat, tentunya cepat dalam batas wajar.

1. Aktifkan Kompresi dengan GZIP
Browser modern biasanya mendukung kompresi untuk HTML, CSS dan Javascript. Melakukan kompresi pada ketiga file tersebut tentu akan menghemat waktu loading halaman dan secara otomatis tentu akan terjadi pengurangan waktu download. Para Webmaster pintar diluar sana sangat menyarankan kita menggunakan kompresi dengan Gzip. Untuk teknik dan tutorial Gzip silahkan disearch aja ya..sudah banyak sekali yang membahasnya. Jika pembaca menggunakan Platform Blogspot abaikan saja kompresi ini karena secara default blogspot sendiri sudah mendukung teknik tersebut. Untuk pengguna Plaform lain seperti Wordpress silahkan menggunakan Kompresi Gzip ini atau kalau gak mau repot pake Gzip sebaiknya gunakan saja plugin WP Super Cache.

2. Buang Spasi kosong pada kode HTML
Membuang Spasi kosong termasuk juga dalam teknik kompresi, yaitu dengan memadatkan kode HTML, XML atau PHP dengan cara membuang spasi yang dirasa tidak berguna. Salah satunya termasuk juga dalam Inline untuk kode Javascript dan CSS. Dengan menghapus ruang kosong tentunya akan menyimpan banyak byte data dan imbasnya akan mempercepat waktu proses download. Untuk membuang Spasi yang tidak perlu saya biasanya menggunakan Tools Editor seperti Notepat++. Caranya sangat mudah, yaitu dengan mem-blok semua kode yang ingin dibuang spasinya kemudian pilih menu TextFX -> TextFX Edit dan pilih Delete Blank Lines atau Delete Surplus Blank Lines.

3. Lakukan Kompresi CSS (Stylesheet)
Teknik kompresi CSS ini sebenarnya cukup sederhana, hampir sama dengan cara diatas yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean CSS juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada CSS, silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor dan cssmin.js.

4. Letakan CSS (Stylesheet) di Atas
Adakalanya kita tidak meletakan CSS di header, biasanya cara tersebut kita gunakan untuk membuat Style tunggal untuk gaya tertentu pada widget. Para webmaster yang ahli biasanya menyarankan kita sebaiknya memanggil semua kode CSS pada halaman HEAD entah itu CSS Internal maupun CSS External semuanya sebaiknya dijadikan satu pemanggilan dalam Header.

5. Buang CSS (Stylesheet) yang tidak perlu
Ketika browser mengakses halaman, biasanya harus melalui proses download dan menganalisa setiap baris kode dalam CSS (stylesheet) terlebih dahulu, bayangkan jika banyak kode CSS percuma yang harus diproses namun tidak dieksekusi sama sekali! ini akan sangat mengganggu karena akan menghambat proses rendering yang harusnya lebih cepat!

6. Periksa Validasi CSS (Stylesheet)
Walaupun sering terjadi kesalahan dalam menulis kode CSS, broser tidak akan menampilkan pesan kesalahan apapun dalam layar, semua eksekusi akan terus dijalankan tanpa adanya laporan error meskipun itu hanya salah dalam satu huruf saja. Sebaiknya jangan abaikan kesalahan ini, silahkan check validasinya. Untuk lebih mudahya silahkan gunakan tools online gratis seperti W3C CSS Validations

7. Kombinasi CSS (Stylesheet) dalam file External
Kekurangan CSS Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan kode CSS melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua kode CSS hanya dalam satu file saja. (untuk pengguna blogger abaikan teknik ini karena akan lebih bagus dengan pemanggilan internal)

8. Lakukan Kompresi Javascript
Teknik kompresi Javacsript hampir sama dengan CSS yaitu dengan cara membuang spasi yang tidak diperlukan. Memadatkan pengkodean Javacript juga bisa menghebat waktu download, Parsing dan waktu eksekusi pada suatu halaman. Untuk mempermudah kita melakukan kompresi pada javascript silahkan gunakan tools gratis yang sudah banyak disediakan seperti YUI Kompresor, Closure Compiler dan JSMin

9. Buang Javascript yang tidak Perlu
Suka tidak suka penggunakan javacript (JS) kadang sangat diperlukan, walaupun JS kadang membuat loading halaman akan semakin berat. Ketika browser mengakses suatu halaman, biasanya harus melalui proses download dan menganalisa kode dalam JS terlebih dahulu, bayangkan jika banyak pemanggilan JS secara percuma yang harus diproses namun tidak dieksekusi sama sekali! Silahkan teliti kembali kode JS yang menurut kita tidak berguna, cek ulang dan jangan sampai parkir terlalu lama, jika tidak digunakan lagi mending hapus saja!

10. Kombinasi Javascript dalam file External
Hampir sama kasusnya dengan CSS External diatas, Kekurangan javascript Internal hanya satu yaitu terjadinya pembengkakan kapasitas ukuran (size) pada besarnya halaman. Webmaster berpengalaman selalu menyarankan kita sebaiknya melakukan pemanggilan melalui akses external, jika memungkinkan lebih bagus lagi melakukan kombinasi semua koding JS hanya dalam satu file saja.

11. Lakukan Optimasi Gambar
Website dinamis tanpa dihiasi gambar tentu tidak akan menarik, namum penggunaan gambar yang berlebihan akan menjadi masalah ketika browser melakukan download pada halaman. Sebaiknya kurangi gambar yang tidak perlu, terlebih pada gambar yang mempunyai ukuran cukup besar. Jika memang terpaksa menggunakannya, sebaiknya lakukan optimasi pada gambar tersebut dengan cara melakukan kompresi tanpa harus mengurangi kualitas gambar. Saran saya silahkan gunakan Yahoo! Smush.it

12. Jangan Paksa Skala Gambar dalam HTML
Hindari menggunakan gambar yang besar hanya karena kita dapat mengatur lebar dan tinggi dalam HMTL, Kita memang bisa mengatur ulang gambar sesuka hati melalui CSS atau dalam tag <Img> seperti pada html berikut ini <img width="100" height="100" src="gambar.jpg"/> walaupun ukuran gambar sebenarnya adalah 200x200px sebaiknya jangan mengecilkan dengan mengatur ulang skala gambar, akan lebih baik kita membuat gambar 100x100px sesuai dengan ukuran gambar sebenarnya.

13. Hindari Gambar SRC kosong
Pemanggilan tag SRC untuk gambar biasanya ada pada dua kemungkinan, bisa melalui HTML <img scr=""> atau memalui Javascript var img = new Image(); img.src = ""; walaupun browser mengabaikan permintaan ini jika gambar dalam keadaan kosong, tetap saja ini melalui proses rendering yang harusnya tidak membebani server. Silahkan perikasa kembali blank SRC, Jika memang tidak digunakan mending dihapus saja.

14. Periksa Kembali Broken link
Link yang telah mati bakal tidak disukai pembaca, jangankan pembaca..search engine sekalipun tidak menyukai hal ini. Lakukan pengecekan broken link sesering mungkin, banyak tools di internet yang bisa melakukan tugas ini, salah satunya yang terbaik bisa menggunakan tools dari W3C Checklink

15. Buang Widget atau plugin yang tidak Perlu
Widget yang terlalu banyak hanya membuat halaman jadi semakin berat, apalagi widget tersebut tidak begitu berguna. Silahkan kita pilah-pilah kembali widget yang sekiranya tidak ada maanfaat sama sekali seperti memasang jam dan kalender. Tanyakan pada diri kita sendiri apa gunanya memasang jam di blog, jika hanya sebagai penunjuk waktu..trus apa gunanya jam pada taksbar windows?

Demikianlah cara-cara optimasi blog ini saya bagikan atau share kepada anda, semoga bermanfaat.

DEFINISI ATAU PENGERTIAN BLOG

noreply@blogger.com (Wong Jawa) — Thu, 1 Mar 2012 06:33:00 -0800

Berbicara tentang definisi atau pengertian blog, ada beberapa jawaban yang saya dapati dari hasil blogwalking mencari definisi atau pengertian blog itu sendiri. Berdasarkan hasil search engine mulai dari yang luas hingga yang sangat teknis dan terinci, maka Darren rowse, salah satu blogger professional yang akan saya jadikan guru dalam menuliskan artikel-artikel pada blog ini, menyimpulkan tentang ‘definisi atau pengertian blog tersebut ?‘ – Berikut ini adalah beberapa definisi atau pengertian blog dari beberapa ahli :

‘Sebuah weblog adalah hirarki teks, gambar, objek media dan data, yang tersusun secara kronologis, dan dapat dilihat dalam browser HTML.’ Oleh Harvard University

‘Sebuah blog adalah situs web yang item (baca : artikel) diposkan secara berkala dan ditampilkan dalam urutan kronologis mundur. Istilah blog adalah singkatan dari weblog atau web log. Mengarang blog, memelihara sebuah blog atau menambahkan artikel ke blog yang sudah ada disebut “blogging“. Masing-masing artikel pada sebuah blog disebut “tulisan blog”, “tulisan” atau “masukan”. Orang yang menulis atau memasukkan dan memelihara tulisan di blog disebut “blogger“. Sebuah blog terdiri dari teks, hypertext, gambar, dan link (ke halaman web dan video, audio dan file lainnya). Blog menggunakan dokumentasi dengan gaya percakapan. Seringkali blog fokus pada “wilayah kepentingan” tertentu, seperti Washington, DC, politik yang sedang berlangsung, dan beberapa blog mendiskusikan pengalaman pribadi. oleh Wikipedia.

‘Sebuah publikasi kronologis yang sering tentang pikiran seseorang dan dalam bentuk link Web.’ Oleh Marketingterms dictionary

‘Dari kata “Web log” Sebuah blog pada dasarnya adalah journal yang tersedia di Web. Aktifitas menmperbaharui blog disebut “blogging” (atau ngeblog dalam bahasa Indonesia) dan seseorang yang mengelola blog disebut “blogger.” Oleh Computersprintersrepairshouston.com/ glossary

‘Sebuah weblog adalah sejenis tur berkesinambungan dengan bimbingan manusia yang anda tahu. Ada banyak bimbingan yang bisa dipilih, dan semuanya mengembangkan audiens, dan ada hubungan pertemanan dan politik antara pengelola blog yang saling menunjuk dan semuanya dalam bentuk struktur, grafik, alur, dll’ Newhome/History Of Weblogs

‘Sebuah blog pada dasarnya adalah sebuah jurnal yang tersedia di web. Kegiatan memperbarui blog adalah “blogging” dan seseorang yang membuat sebuah blog adalah “blogger.” Blog biasanya diperbaharui secara harian menggunakan software yang memungkinkan orang dengan sedikit atau tidak ada latar belakang teknis untuk memperbarui dan memelihara blog. Posting di blog ini hampir selalu diatur dalam urutan cronological terkini dengan penambahan fitur yang paling menonjol. Menulis dalam sebuah blog hampir selalu dalam urutan kronologis dengan penambahan fitur yang paling terkini yang paling menonjol.’ Matisse.net/glossary

Jadi, apa sebenarnya pengertian blog tersebut ?

Masih bingung? Darren Rowse menyederhanakannya dengan pengertian seperti di bawah ini:

“Sebuah blog adalah sejenis situs web yang biasanya disusun dalam urutan kronologis dari tulisan (“post”) yang terbaru di bagian atas halaman utama dan yang lebih lama berada dibawah.

Blog biasanya (tetapi tidak selalu) ditulis oleh satu orang dan diperbarui secara berkala. Blog seringkali (tetapi tidak selalu) ditulis mengenai topik tertentu – ada juga blog yang mengenai beragam topik. Dari fotografi, untuk kerohanian, untuk resep, untuk diari pribadi, untuk hobi dan lain-lain, dimana proses 'ngeblog' memiliki beragam aplikasi yang bisa kita gunakan.

Blog biasanya memiliki beberapa fitur yang berguna baik untuk kita (pemilik blog) maupun pengunjung (visitor) dalam bentuk informasi-informasi penting ataupun tanggapan-tanggapan dari visitor (pengunjung) berdasarkan postingan atau artikel-artikel yang termuat di dalamnya.

Demikianlah sedikit definisi atau pengertian blog yang dapat saya sampaikan, semoga bermanfaat.