Tips Cara Mudah Menghilangkan Navbar Blog Terbaru

Tips Cara Mudah Menghilangkan Navbar Blog Terbaru, – Mungkin anda berfikiran bahwa postingan ini adalah trik jadul, padahal tidak. Ini adalah cara menghilangkan navbar blog terbaru dengan metode terbaru dan juga legal.

Dulu, menghilangkan navbar blogger adalah hal yang kontroversial antara apakah hal tersebut melanggar aturan blogger atau tidak, namun sepertinya pendapat kontroversial tersebut harus berakhir dengan adanya fitur resmi blogger untuk menghilangkan navbar.

Cara menghilangkan Navbar blog terbaru

Berikut adalah langkah-langkah untuk menghilangkan navbar blog

• Silahkan login ke blogger dengan ID anda
• Klik Menu dropdown lalu pilih Tata letak
  

• Klik Edit pada widget Navbar
  
  
  
  
• Setelah muncul pilihan, pilih Off
  
  
  
  
• Klik tombol Simpan.
• Selesai. Kini navbar blog anda telah hilang.

Sebelum cara ini ada, seringkali banyak blogger menambahkan kode CSS untuk menyembunyikan tampilan navbar. Pada dasarnya teknik tersebut hanya menyembunyikan saja bukan menghilangkan, sehingga navbar blog tetap di load oleh browser. Bila anda masih menggunakan teknik tersebut, sebaiknya anda beralih ke cara baru seperti yang Kang Rohman diatas, selain ini adalah cara yang legal juga navbar blogger benar-benar hilang dan bukan hanya sekedar disembunyikan sehingga blog anda akan di load oleh browser lebih cepat dari sebelumnya dan tentu ini lebih SEO friendly.

Demikian panduan cara membuat blog mengenai cara menghilangkan navbar blog terbaru.

READ MORE - Tips Cara Mudah Menghilangkan Navbar Blog Terbaru

Top 20 Do-Follow Website Social Bookmarking

Social Bookmarking

Top 20 Do-Follow Website Social Bookmarking, Saya tahu sebagian dari Anda membagi posting blog Anda pada top social bookmarking dan situs jaringan sosial. Bookmark posting blog adalah salah satu cara tercepat dan termudah untuk mendapatkan eksposur beberapa posting dan membiarkan orang tahu tentang konten terbaru Anda. Hampir semua blogger mengikuti rutinitas yang sama, yaitu mesahre posting mereka di Twitter dan profil Facebook halaman. Banyak juga yang menambahkan link mereka ke situs-situs bookmark populer lainnya seperti Digg dan Stumble Upon. Tapi apakah Anda tahu Anda akan jauh lebih baik dilayani Bookmarking posting Anda di situs bookmarking lainnya yang sering kurang dikenal?

Top Bookmarking Website menambahkan atribut No-Fllow untuk link share di anggotanya. Hal ini menyebabkan link tidak diindeks oleh mesin pencari terkemuka dan tidak memiliki efek pada Google Page Rank. Jadi pada dasarnya terpisah dari orang-orang yang melihat dan mengklik link itu. Anda tidak akan mendapatkan tingkatan apa-apa di jalan peringkat pencarian. Dengan bookmark pada 20 situs top tercantum di bawah ini, Anda akan mendapatkan link Anda diikuti oleh Google dan mesin pencari lainnya dan peringkat pencarian ditingkatkan begitu juga ranknya.

Top 20 Do-Follow Website Social Bookmarking

1. Slashdot.org - Slashdot memiliki peringkat halaman Google 9 dan peringkat Alexa dari 1.272.
2. Reddit.com - Reddit memiliki peringkat halaman Google dari 8 dan Alexa rank dari 244.
3. Technorati.com - Technorati memiliki Page rank Google 8 dan peringkat Alexa dari 895.
4. Mixx.com - Mixx memiliki Google Page Rank Dari 8 dan Alexa Rank dari 1.194.
5. Folkd.com - Folkd memiliki Page rank Google 8 dan peringkat Alexa dari 2.691. 
6. Metafilter.com - Metafilter memiliki Google Page Rank dari 7 dan peringkat Alexa dari 2.309.
7. Wikio.com - Wikio memiliki Google Page Rank dari 7 dan peringkat Alexa dari 2.793
8. Current.com - saat ini memiliki Google Page Rank dari 7 dan peringkat Alexa dari 3.749.
9. Connotea.com - Conntea memiliki Google Page Rank dari 7 dan peringkat Alexa dari 4.628.
10. Tipd.com - Tipd.com memiliki Google Page Rank dari 7 dan peringkat Alexa dari 12.098.
11. Clipmarks.com - memiliki Google Page Rank dari 6 dan peringkat Alexa dari 3.524.
12. dZone.com - Dzone memiliki Google Page Rank dari 6 dan peringkat Alexa dari 2.833.
13. Buddymarkd - Buddymarks memiliki Google Page Rank dari 6 dan peringkat Alexa dari 5.722.
14. Sphinn.com - Sphinn memiliki Google Page Rank 6 dari dan peringkat Alexa dari 7.110.
15. Kirtsy.com - Kirtsy memiliki Google Page Rank dari 6 dan peringkat Alexa dari 8.351.
16. Kwoff.com - Kwoff memiliki Google Page Rank dari 6 dan peringkat Alexa dari 18.455.
17. A1-Webmarks.com - A1-Webmarks memiliki Google Page Rank dari 5 dan peringkat Alexa dari 4.929.
18. Indianpad.com - IndianPad memiliki Google Page Rank dari 5 dan peringkat Alexa dari 7.386.
19. Designfloat.com - DesignFloat memiliki Google Page Rank dari 5 dan peringkat Alexa dari 6.679.
20. Spotback.com - SpotBack memiliki Google Page Rank dari 5 dan peringkat Alexa dari 7.703. 

Itu dia daftar Top Bookmasrkin Do-Follow, Alangkah baiknya luangkan waktu anda untuk menggunakan beberapa situs-situs di atas dan mendorong pembaca blog Anda untuk berbagi posting Anda dengan membuat link ke mereka. Anda dapat menambahkan Semua Sekaligus Dalam Satu alat bookmark sosial pada blog anda, 5 daftar link terbaik yang menyediakan layananitu.

Semua Sekaligus Dalam Satu Gadget Bookmarking Sosial.

1. Add This
2. Share This
3. OnlyWire
4. Add To Any
5. Add To Social

Sedikit Tentang No-Follow 

Ini adalah Pernyata'an bagaimana mesin pencari utama melihat link Nofollow: 

"Google menyatakan bahwa mesin mereka mengambil" nofollow "secara harfiah dan tidak" mengikuti "link sama sekali. Namun, percobaan yang dilakukan oleh SEO menunjukkan hasil yang bertentangan. Studi ini mengungkapkan bahwa Google tidak mengikuti link tersebut, tetapi tidak indeks terkait-untuk halaman, kecuali hal itu dalam indeks Google sudah untuk alasan lain (seperti lain, non-nofollow link yang mengarah ke halaman). Yahoo! "mengikutinya", tetapi tidak termasuk dari perhitungan peringkat mereka. Bing menghormati "nofollow" dalam hal tidak menghitung link di peringkat mereka, tetapi tidak terbukti apakah atau tidak Bing mengikuti link. Ask.com juga mendukung atribut " 

Informasi di atas adalah dari Wikipedia Anda dapat melihat artikel lengkap di sini - Wikipedia No-Follow Pasal 

Oke jika Anda tahu situs bookmark peringkat yang lebih tinggi dibandingkan dalam daftar 20 situs Bookmarking diatas, beritahu kami.

sumber

READ MORE - Top 20 Do-Follow Website Social Bookmarking

Tips Kirim Sitemap Di Yahoo Bing Ask

Add caption Yahoo Bing Ask

Tips Kirim Sitemap Di Yahoo Bing Ask , Salah satu pertanyaan yang paling diminta oleh newbei adalah "Bagaimana Kirim Sitemap Blog Di Google?". Namun newbi dan bahkan beberapa blogger yang berpengalaman akan lupa upaya untuk mendapatkan Blog mereka terdaftar di tiga mesin pencari utama lainnya yaitu Yahoo, Bing dan Ask. Memang Google adalah orang besar dalam sebuah pencarian. Tetapi Yahoo, Bing dan Ask memiliki basis pengguna setia dan jutaan pengembalian hasil pencarian sehari-hari.

Pada posting kali ini saya akan menunjukkan cara untuk menghasilkan XML sitemap untuk blog Anda dan cara mengirimkannya ke Yahoo, Bing dan Ask. Dengan begitu semua konten blog Anda secara langsung ke setiap mesin pencari akan mencrawl dan terindex. Dalam tutorial ini memiliki terdapat dua bagian, pertama kita akan membuat sitemap XML kemudian kita akan 'Ping' di setiap mesin pencari.

Membuat Sitemap XML Blogger

1. Ada sejumlah situs yang memungkinkan Anda untuk membuat XML sitemap. Disini saya akan menggunakan xml-sitemaps, Untuk Menghasilkan sitemap, Anda pergi ke www.xml-sitemaps.com
2. Gulir kebawah pada Starting URL masukan Url Blog Anda. Tidak perlu mengubah bidang lain cukup klik tombol Start langsung.
   
   
3. Sitemap Anda sekarang akan dibuat, mungkin diperlukan sedikit beberapa menit. Setelah selesai Anda akan mendapatkan daftar link yang tersedia, Selanjutnya 'Klik kanan' pada link sitempa.xml dan copy link.
   

Ping Sitemap Di Search Engine

Setiap mesin pencari memiliki URL Ping yang dapat Anda gunakan. Copy setiap URL di bawah ini ke browser Anda dan ganti SITEMAP-URL dengan Link sitemap Anda lalu Enter untuk menyerahkan.

• Yahoo
  

  http://search.yahooapis.com/SiteExplorerService/V1/updateNotification?appid=SitemapWriter&url=SITEMAP-URL?redirect=false

• Bing
  

  http://www.bing.com/webmaster/ping.aspx?siteMap=SITEMAP-URL

• Ask
  

  http://submissions.ask.com/ping?sitemap=SITEMAP-URL

• New Ask
  

  http://submissions.ask.com/ping?sitemap=http://namablog.blogspot.com/sitemap.xml

Catatan - Sitemap URL harus berakhir dalam file XML.

Contoh - http://www.xml-sitemaps.com/download/namablog.blogspot.com/sitemap.xml 

Setelah Anda mengirimkan sitemap maka Anda akan mendapatkan pesan konfirmasi submission. Dengan Begitu pengiriman sitemap Selesai. Sekarang postingan blog anda terindex Oleh Yahoo, Bing dan Ask.

sumber

READ MORE - Tips Kirim Sitemap Di Yahoo Bing Ask

Beberapa Koleksi Style Buku Tamu

Beberapa Koleksi Style Buku Tamu , Banyak sekali sekarang Buku Tamu dengan berbagai gaya dan fitur seperti Melayang (kanan, kiri, bawah, atas), Sembunyi, Folting, Tanpa di Klik Terbuka Sendiri? dan masi banyak lagi. Semuanya bagus-bagus, namun dari beberapa Buku Tamu yang saya temukan ini sudah tren di kalangan para blogger.

Floating Kanan	Floating Kiri
<style type="text/css">#gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIxNOXLaQXMf4-dF17Iol3GqGG2gWb2K8jc2wwtJZXZgEln0623ZnPYhGeKBzxrufZEGCdtZ1JB5j45u2K16PwLNtQGRAsYl7btoUZ2AkSXBDiWzqwe17AJzrEiFeewT2ytkOH9o6HhGZW/') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style> <script type="text/javascript">function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent"> <!-- Ganti ini dengan kode buku tamu kamu --> <div style="text-align:right"><a href="javascript:showHideGB()">[tutup] </a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>	<style> #hcl { position:fixed; top:50px; left:20px; z-index:+500; } * html #hcl {position:relative;} .hcltab { height:200px; width:35px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD17lcLNIe6Qa5bA3RpWEwL5p8ILBrwlAnH5M0tkbHIYuk9Rg03IT5qgUOYgeUtEdcd4nPu99DdpKWpow3OGypQ-QHi6ZtPuBbOhyxtEAlJytwzNY0g5EdhA6x10SCqbjpN_oNocxNxt50/s1600/tabs.png') no-repeat; } .hclcontent { float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:3px; } .hc-credit {font-size:9px} .hc-credit a {text-decoration:none} </style> <script type="text/javascript"> function showHidehcl(){ var hcl = document.getElementById("hcl"); var w = hcl.offsetWidth; hcl.opened ? movehcl(0, 30-w) : movehcl(20-w, 0); hcl.opened = !hcl.opened; } function movehcl(x0, xf){ var hcl = document.getElementById("hcl"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hcl.style.left = x.toString() + "px"; if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")", 10);} } </script> <div id="hcl"> <div class="hclcontent"> <!-- Ganti ini dengan kode buku tamu kamu --> <br /> <div class="hc-credit"> <span style="float:left"> <!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE --> </span> <span style="float:right"> <a href="javascript:showHidehcl()"> [close] </a> </span> </div></div><div class="hcltab" onclick="showHidehcl()"> </div><script type="text/javascript"> var hcl = document.getElementById("hcl"); hcl.style.left = (30-hcl.offsetWidth).toString() + "px"; </script></div>
Flash	Slide
<style type="text/css">.gb_fixed{position:fixed; top:60px; right:0px; z-index:+10} * html .gb_fixed {position:relative;} #hidden_gb2{display:none; background:transparent; padding:10px; padding-top:10px; border:1px solid #ccc; -moz-border-radius-topleft:30px; -moz-border-radius-bottomright:30px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)} #hidden_gb2:hover{background:url("http://i55.tinypic.com/8x1xlt.gif") no-repeat scroll 0 0; background-position:top center; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)} </style><div class="gb_fixed"><table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody><tr><td><div><a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVfcoh7cDhVPwQYnHbQAloDH3Iq5UAHe9OzSGBVBnq1MMPL7TcdDAa3d8aP4TwoP0wwaeUACSE3Qzmfx1d6NPDS2AVmVEP6DFnIA6KTcpl7xi0c-E71_z8y5geguYTCF0_w9FtOj4diYRD/s1600/CloseButtonHot.bmp" /></a></div><!-- Ganti ini dengan kode buku tamu kamu --> </td></tr></tbody></table></div><script src="http://donor-ilmu.googlecode.com/files/floating.js"></script><div class="gb_fixed" style="z-index: +5;"><a href="javascript:void(0)" onmouseover="gb_showHideGB()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdBoMkzxT-HcYOUhOgyEtCVtep9PMqn9YT0VCje0SxitBWLh95IpC5LBt7nejHPLwOD8VuB-TuCTa2jDm-xeoa7Xs5aFJZTLA6FgxBVA3Dxg7Ns6RJ2lABDi04v__4D4nSQG57V3Wzdkzl/s1600/chatbox.png" style="filter: alpha(opacity=60); opacity: 0.6;" /></a> </div>	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">$(document).ready(function(){ $(".btn-slide").click(function(){ $("#panel").slideToggle("slow"); $(this).toggleClass("active"); return false; }); }); </script><style>/* --------------- Simple Slide panel with jQuery ---------------------------------- */ #panel { height: auto; background: #f90; width: auto; display: none; padding: 7px; border: #0C0; -moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; } .slide { margin: 0; padding: 0; border-top: solid 4px #f90; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN0Xl-33gedQ2yzF8y4RgVA7vdRIch0J0ccxJHc6c6RhEcjyyocM8LvElQhInG4yHNWkfw-73c0sUwwjDhJsDp2wcHD7Y76sAz689lq39Y70I7JzWTkhOjTD6Sie7sOPBhzUYVri1O8e4/s1600/btn-slide.png) no-repeat center top; } .btn-slide { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-9lMFy1sr-aSI7BghihHrjEaJcRhtXl0BgrjUjo8UW-D8iBJz48aAi482p5NAfgNnpuF6SS00GSdYrplFfj3YQ071Iv3g3BoppwhJ-MlbWtg9QCKAlksJeqFJCKRjrUSuh0eiyY1tA_M/s1600/white-arrow.gif) no-repeat right -50px; text-align: center; width: 144px; height: 31px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } .active { background-position: right 12px; } </style> <div id="panel"> <!-- Ganti ini dengan kode buku tamu kamu --> </div><p class="slide"><a href="#" class="btn-slide">Buku Tamu</a></p>

Cara memasangnya di blog anda sangatlah mudah cukup ikuti langka berikut

1. Login di Blogger.com, Klik Layout





2. Klik Tambah Gadget, Pilih HTML/JavaScript





3. Masukan Kodenya, Ganti Script
   

   <!-- Ganti ini dengan kode buku tamu kamu -->

   Dengan Kode Buku Tamu anda, Klik Simpan

sumber

READ MORE - Beberapa Koleksi Style Buku Tamu

Cara Menampilkan Tab "Uangkan" atau "Penghasilan" di Dasbor Blogger

Cara Menampilkan Tab "Uangkan" atau "Penghasilan" di Dasbor Blogger ,

Cara bagi blogger yang mempunyai blog bersub-domain blogspot bila ingin mendaftar di Google Adsense adalah langsung melalui blogger.com. Di blogger.com tersebut telah tersedia tab "Uangkan" atau "Penghasilan" untuk proses pendaftarannya. Namun, bila blog selama ini menggunakan setelan Bahasa Indonesia, maka tab tersebut tidak ada atau tidak muncul pada Dasbor blogger.com.

 

Untuk memunculkannya kita perlu mengubah setelan bahasanya menjadi Inggris atau English. Bagi yang menggunakan Antarmuka blogger lawas dapat disimak caranya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik Setelan >> Format.

Klik "Setelan" lalu pilih tab "Format".

3. Lalu pada bagian "Bahasa" pilih "Inggris".

4. Klik tombol SIMPAN SETELAN.

5. Tab "Uangkan" sekarang sudah muncul.

Tab "Uangkan" sudah muncul.

Sedangkan untuk tampilan Antarmuka Blogger yang baru, bisa disimak langkah-langkahnya di bawah ini.

1. Masuk ke akun Blogger Anda.

2. Klik "Opsi Lainnya" (segi tiga) lalu pilih "Setelan".

Klik segi tiga (Opsi lainnya) lalu pilih Setelan.

3. Selanjutnya pilih "Bahasa dan pemformatan".

4. Lalu di bagian "Bahasa" pilih "Inggris-English".

5. Klik tombol "Simpan setelan".

6. Coba reload atau muat ulang laman dan lihat hasilnya.

Menu "Penghasilan" telah muncul.

READ MORE - Cara Menampilkan Tab "Uangkan" atau "Penghasilan" di Dasbor Blogger

Tips Praktis Cara Membuka Situs yang di blokir

Tips Praktis Cara Membuka Situs yang di blokir

Tips Praktis Cara Membuka Situs yang di blokir, Situs yang di blokir familiar dengan hal-hal yang berbau porno, namun belum tentu juga situs-situs yang di blokir itu seperti itu.Contohnya mungkin di kantor tempat anda bekerja Situs seperti Facebook dan Situs jejaring sosial lain di blokir dengan alasan agar anda bisa fokus untuk bekerja.

Tentu akan sangat kesal dengan hal tersebut, Nah berikut ini ada cara untuk membuka situs yang di blokir, saya sudah test sendiri walaupun ada beberapa situs yang tetap tidak bisa di buka namun sebagian besar situs yang di blokir bisa di buka dengan cara ini :

1. Silahkan buka dul command promt atau CMD dengan menekan tombol "windows + r" ataun manualnya
Start >> All Programs >> Accesories >> Command Prompt

2. Lalu ketikkan ping [alamat situs] -t
      ex : ping www.twitter.com -t

3. Maka kita mendapatkan IP address : 199.59.148.10


4. Setelah itu kita perlu merubah IP address tersebut ke dalam bentu desimal dengan bantuan beberapa website di bawah ini :

http://www.allredroster.com/iptodec.htm
http://www.ipaddresslocation.org/convertip.php
http://www.csgnetwork.com/ipaddconv.html
http://www.kloth.net/services/iplocate.php

         maka kita akan mendapatkan IP di atas menjadi  http://199.59.148.10/

5. Nah jika sudah dapat buka http://199.59.148.10/ di address bar browser anda.. 

Semoga Paham :D

READ MORE - Tips Praktis Cara Membuka Situs yang di blokir

Optimalisasi Konten dalam Blog

Sekedar kilas balik bahwa postingan ini tetap mengacu pada panduan umum Search Engine Optimization (SEO) & merupakan kelanjutan dari beberapa posting sebelumnya tentang judul dan deskripsi blog serta memperbaiki struktur blog. Hal ini kami lakukan agar informasi yang pengguna dapatkan tidak sepotong-sepotong, melainkan satu kesatuan posting yang tidak terpisahkan satu dengan lain.

Konten secara umum merupakan informasi yang tersedia melalui media dalam berbagai format. Apabila kita kaitkan dengan sebuah blog, maka ia meliputi semua isi yang terkandung dalam struktur markah pada suatu blog, baik dari kepala hingga kaki. Sedangkan penyempitan makna konten itu sendiri lebih tertuju pada aktivitas blogging, yakni posting. Hal itu tidaklah menjadi keliru sebab posting merupakan bagian dari isi konten utama dalam sebuah blog. Namun pada uraian ini, kita akan membicarakan konten dalam pengertian yang menyeluruh & tidak terbatas pada posting saja. Bagaimana konten yang dapat dikategorikan berteman dengan SEO (Search Engine Optimization)? Penting ditekankan bahwa konten Anda untuk pengguna, sedangkan faktor lain merupakan dampak yang dihasilkan.

Kualitas & Layanan Konten

Apa yang terpikirkan dari sub judul di atas? Ketika sebuah blog memiliki karakter unik, kesamaan topik dari awal sampai akhir maka ia akan mendapat pengakuan dari pembacanya. Selanjutnya tidak jarang akan menjadikan rekomendasi, apalagi jika posting yang diterbitkan merupakan sebuah informasi segar & menarik. Ilustrarsi singkat, pengguna ingin membaca tentang tips blogging. Ketika ia menemukan sebuah blog yang menyajikan informasi tersebut, ia akan mulai memindai apa saja isi yang terkandung di dalamnya, mungkin judul posting lain yang terdapat dalam widget, tata bahasa, markah, dan sebagainya. Disaat mata & pikiran pengguna telah menerima bentuk tampilan pada layar peramban, pada saat itu pula mereka mulai membacanya. Apabila antar posting memiliki keterkaitan dengan topik yang dibacanya, bukan mustahil pengguna akan ‘mengacak-acak’ seluruh konten serta akan menanti pembaharuan di blog tersebut. Dan ini boleh kita namakan sebagai kata kunci tertarget.

Kemudian perhatikan pula tata bahasa yang digunakan, oleh karena tidak semua pengguna berasal dari daerah atau negara kita, kecuali jika memang blog ditarget untuk pembaca tertentu. Dan bukan itu saja, pemahaman antar pengguna satu dengan lain mungkin akan berbeda pula. Coba teliti tentang pemahaman “markah” & “kode”. Satu pengguna mungkin akan mengetikkan “markah HTML”, sedangkan pengguna lain mengetik “kode HTML”. Meskipun informasi yang dimaksudkan sama, tetapi hasil yang didapatkan akan berbeda dalam mesin penelusur. Akan lebih baik jika kita memadukan frase tersebut, sehingga mengantisipasi perbedaan pemahaman pengguna. Hal ini integral dengan pemanfaatan ungkapan bahasa yang baik & benar dalam isi konten. Siapa yang menduga — walaupun ditarget untuk pembaca tertentu — pengguna lain dari berbagai daerah atau negara akan mengunjungi blog kita, sehingga merupakan upaya logis untuk mendukung sebuah konten agar dapat diterjemahkan dengan benar (hampir benar). Intinya maksud yang disampaikan oleh author serupa/sama dengan penerimaan yang didapat oleh pengguna.

Konten yang original, segar, & menarik tanpa memperhatikan tanda-tanda di dalamnya mungkin akan menimbulkan kesalah-pahaman bagi pembacanya. Untuk mengurangi hal itu kita dapat belajar menerapkan kode & markah yang semantik. Saya tidak menjelaskan detail tentang semantik, namun jika ingin mempelajari lebih lanjut, Anda dapat membaca pada tautan berikut:

• Semantics — Wikipedia.org
• Semantics and sensibility oleh Harry Roberts
• Semantics, Standards, Accessibility … oleh Bruce Lawson
• Why You Should Use SEO Semantic Coding and Semantic Markup oleh Barry Wise

Bagaimana menerapkan semantik dalam konten blog? Mungkin kita telah mengenal CSS dan struktur HTML, tetapi dalam posting jarang kita perhatikan. Sedikit tips untuk penerapan semantik dalam posting, saya biasa merangkum beberapa markah umum sebelum menulis dan menggunakan metode post editor “HTML” (bukan “Compose”).

<p></p>
<span class="amp">&amp;</span>
<a href=""></a>
<em></em>
<strong></strong>
&ldquo; &rdquo;
&lsquo; &rsquo;
&#45;
&ndash;
&mdash;
&trade;
<pre><code></code></pre>
<code></code>
<abbr title=""></abbr>
<span style=""></span> 
<blockquote><p></p></blockquote>
<q></q>
<img class="" src="" alt="" width="" height="" style=""/>
<a href="" title=""><img class="" src="" alt="" width="" height="" style=""/></a>
<ul><li></li><li></li></ul>
<ol><li></li><li></li></ol>
<cite><a href="" title=""></a></cite>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<figure><img src="" alt="" width="" height=""/><figcaption></figcaption></figure>
<table><caption></caption><tr><th></th><th></th></tr><tr><td></td><td></td></tr></table>

Menulis Teks Jangkar yang lebih Baik

Teks jangkar tidak selalu berhubungan dengan kata kunci (keywords), ia merupakan sekumpulan teks atau kata yang mendeskripsikan sesuatu sehingga menjadi jelas seperti URL (Uniform Resource Locator), singkatan, gambar (detail pada sub judul “Optimalisasi Penggunaan Gambar”), dan sebagainya.

Demi sebuah kata kunci, saya rasa tidak perlu selalu ditunjukkan dengan memperinci kata kunci dalam berbagai gaya (style) seperti teks tebal, miring, pewarnaan dan lain-lain. Bahkan tidak jarang ditemui sejumlah kata kunci yang dicoret atau menggunakan garis bawah. Apa tujuannya? Agar perayap akan tersendat ketika melakukan pengindeksan pada kata kunci tersebut. Lalu bagaimana dari sisi pengguna? Apakah akan terasa nyaman membaca jika sebuah konten terlalu banyak kata kunci yang dihiasi dengan berbagai gaya atau bahkan tidak jarang menimbulkan kesalah-pahaman? Telah dijelaskan pada sub judul sebelumnya bahwa berusaha membuat sebuah konten untuk semantik akan mengantisipasi kesalah-pahaman, begitu pula dengan memberikan tanda-tanda tertentu pada suatu teks (tanda baca). Isi konten yang baik adalah yang mudah dimengerti & dipahami oleh pengguna, bukan sebaliknya. Apabila tidak, maka resiko pentalan akan semakin tinggi.

Teks jangkar pada tautan pun semestinya mendeskripsikan apa yang ia tautkan, sehingga tautan yang kita masukkan benar-benar berkualitas. Hindari penulisan teks jangkar pada tautan secara generik yang mengandung arti kurang jelas seperti halaman ini, artikel ini, klik di sini, dan sejenisnya. Dari sisi pengguna, tautan seharusnya mudah dibedakan dengan teks biasa, kerena nilai dari sebuah konten akan memudar jika pengguna tidak dapat membedakan itu atau pengelola mengkondisikan agar tautan tidak sengaja diklik oleh pengguna. Bahkan mungkin tanpa disadari, kita telah menciptakan tautan yang sebenarnya tidak perlu dimasukkan (dipaksa untuk bertaut) dalam sebuah konten.

Optimalisasi Penggunaan Gambar

Saya rasa untuk optimalisasi penggunaan gambar, para blogger pasti telah mengetahui pentingnya atribut alt. Atribut itu berfungsi sebagai ‘pembaca gambar’. Tinggal upaya kita untuk membuatnya lebih deskriptif & lebih bermakna bagi pembacanya. Jangan pula kita memasukkan deskripsi yang terlalu panjang atau hanya mengeksplorasi kata kunci dalam gambar. Gambar merupakan salah satu alat bantu untuk memberikan kemudahan bagi pengguna agar lebih memahami isi konten. Tetapi hal itu bukan berarti bahwa kita selalu menggunakan tautan gambar untuk navigasi di blog yang kita kelola.

Pergunakan Tag Heading dengan Tepat

Tag heading dimanfaatkan untuk menyajikan struktur pada halaman kepada pengguna, dimana ia tersusun mulai <h1> sampai dengan <h6>. Karena tag heading biasanya membuat teks yang terkandung di dalamnya lebih besar dari teks biasa pada suatu halaman, maka ini adalah isyarat visual kepada pengguna bahwa teks tersebut penting & bisa membantu mereka memahami sesuatu tentang jenis konten di bawah teks judul. Beberapa ukuran heading yang dapat kita digunakan dalam rangka menciptakan struktur hirarkis untuk konten blog, sehingga memudahkan pengguna untuk menavigasi isi dari konten tersebut.

Patut dijadikan catatan bahwa tidak semua teks dapat dikategorikan sebagai tag heading, adakalanya teks tebal atau miring lebih bermakna bagi teks tersebut. Kemudian jika sebuah teks kurang/tidak membantu dalam menentukan struktur halaman, sebaiknya tidak terlalu memaksakan memberi ‘label’ tag heading. Salah satu cara untuk menentukan sebuah struktur halaman dalam blog adalah menulis & berpikir secara outline. Yah, mungkin pengertian sederhananya adalah metode membuat kerangka karangan.

Judul sebuah posting seharusnya singkat dan deskriptif. Bukankah judul yang panjang lebih baik & menimbulkan daya tarik tersendiri? Mungkin dalam sedikit kasus, penekanan teks tertentu yang ditambahkan dapat berguna bagi pembaca. Tetapi jika judul posting yang singkat telah mampu mendeskripsikan isi yang terkandung dalam posting, mengapa kita berpikir untuk membuatnya menjadi panjang.

Simpulan

Berdasarkan dari uraian di atas maka dapat kita ambil generalisasi dengan detail sebagai berikut:

• Konten seharusnya unik, nyaman dibaca, & mudah dipahami oleh pengguna untuk mengantisipasi atau mengurangi celah kesalah-pahaman.
• Ketika kita telah memilih sebuah topik, tetapkan pengorganisasian isi konten agar selalu terkait dengan topik tersebut. Dan jangan lupa memprioritaskan untuk kemudahan pengguna, bukan untuk indeks mesin penelusur.
• Teks jangkar yang singkat, tepat, dan deskriptif akan memberikan pengalaman yang positif bagi pengguna serta indeks yang baik bagi mesin penelusur untuk menyampaikan isi terkait. Begitu pula apabila kita dapat memberikan pembeda yang jelas antara teks biasa & tautan teks, sehingga hal-hal yang kurang/tidak diinginkan dapat diminimalisasi.
• Lengkapi dengan atribut alt, apabila menggunakan media gambar sebagai tautan dan/atau isi konten dalam tubuh HTML (Hypertext Markup Language). Ini tidak termasuk gambar yang dikonfigurasi sebagai nilai dari suatu properti pada CSS (Cascading Style Sheets).
• Pergunakan tag heading secara tepat untuk menekankan bahwa teks adalah benar-benar penting dan merepresentasikan struktur halaman.

“Menulis” ternyata tidak sekedar “menulis”, tetapi memiliki kedalaman makna yang terkandung di dalamnya. Standar merupakan impian bagi para blogger — termasuk saya — dan boleh jadi SEO turut sebagai pengiring. Tetapi hal tersebut mungkin tidak berarti tanpa memberikan tanda-tanda tertentu (semantik) dalam mengoptimalkan konten pada blog yang kita kelola dan yang terpenting adalah bagaimana informasi disampaikan dengan baik serta terstruktur, sehingga dapat diterima secara positif oleh pengguna.

READ MORE - Optimalisasi Konten dalam Blog

Optimalisasi Fungsi Peramban dalam Blogging

Peramban merupakan perangkat lunak yang berfungsi menampilkan & melakukan interaksi dengan dokumen-dokumen yang disediakan oleh server web. Jenisnya pun bermacam-macam, antara lain Internet Explorer (IE), Firefox, Chrome, Opera dan lain-lain. Di antara beberapa peramban yang telah disebutkan tersebut, mungkin dapat kita kerucutkan menjadi dua yang paling sering digunakan, yakni Firefox & Chrome. Nah, posting ini akan sedikit menjelaskan tentang optimalisasi fungsi peramban melalui “Inspect Elements’ dan sejumlah ekstensi (add-ons) yang perlu diunduh untuk menunjang aktivitas blogging.

Inspect Elements

Fungsi ini dapat kita manfaatkan, ketika melakukan klik kanan pada sebuah halaman web agar mengetahui struktur pengkodean, namun jangan disalahgunakan untuk meniru secara menyeluruh format template. Oleh karena sebuah desain situs web atau blog mempunyai hak cipta bagi perancangnya, mungkin sebuah pengecualian jika kita meletakkan taut situs perancang & meminta izin, apakah kita boleh menggunakan desain tersebut.

Kembali pada fungsi “Inspect Elements”, ketika diklik akan muncul — di bagian bawah peramban — tab yang biasanya memiliki dua kolom, sebelah kiri adalah HTML (HyperText Markup Language) dan kanan adalah CSS (Cascading Style Sheets). Meskipun ia mampu menampilkan lebih dari sekedar HTML dan CSS, apabila ditelusuri lebih mendalam.

Bagi Anda yang suka utak-atik template, “Inspect Elements” sangat berguna untuk mengatur — menambah, mengurangi, atau memperbaiki pengkodean — tampilan sebuah situs web atau blog melalui CSS (sebelah kanan). Kemudian kode itu kita salin dan tempel pada “Notepad” atau perangkat lunak teks editor kesayangan Anda. Seiring dengan perubahan pengkodean, maka tampilan situs web atau blog pada layar peramban akan berubah pula sesuai dengan kustomisasi kode. Syaratnya halaman yang diperiksa dan dikustomisasi tersebut tidak direfresh.

Fungsi “Inspect Element” pada peramban Firefox.

Fungsi “Inspect Element” pada peramban Chrome.

Catatan: Untuk memeriksa elemen tertentu, Anda dapat memanfaatkan “Select elements” (dilingkari dengan warna merah), kemudian pilih elemen dengan melakukan klik kiri pada tetikus.

Ekstensi (add-ons)

Firebug — untuk mengetahui struktur pengkodean suatu situs web atau blog, jika Anda terbiasa untuk menggunakannya dibanding dengan default pada tiap-tiap peramban (Firefox dan Chrome).

Color Tools — untuk mengetahui pewarnaan yang ditampilkan pada layar peramban, kebanyakkan pengguna menggunakan ekstensi “ColorZilla” (Firefox dan Chrome). Namun untuk firefox, saya lebih memilih “Rainbow Color Tools”.

Font Style — untuk mengetahui pengaturan font & line-height, sehingga diharapkan mampu menjaga irama vertikal suatu teks, walaupun ditampilkan dalam ukuran yang berbeda (Firefox dan Chrome).

Screen Capture — untuk mengambil gambar (screenshot) pada suatu halaman yang ditampilkan oleh peramban dengan ekstensi “Awesome Screenshot” (Firefox dan Chrome). Namun pada Chrome, saya lebih memilih ekstensi “Screen Capture”.

HTML5 Outliner — untuk mengetahui struktur garis bentuk HTML5 pada suatu situs web atau blog yang biasanya diperlihatkan oleh baris judul pada masing-masing elemen (Firefox dan Chrome).

HTML Microdata — untuk mengecek struktur microdata yang terdapat dalam suatu situs web atau blog. Sementara saya hanya menggunakan “Semantic Inspector” khusus pada Chrome.

Users Online — ekstensi ini dapat digunakan setelah terlebih dulu memasang script dari http://whos.amung.us, kemudian masukkan 8 – 12 karakter sitekey sesuai kode script yang dipasang dalam situs web atau blog. Umumnya penggunaan ekstensi ini adalah pada script whos.amung.us yang disembunyikan atau tidak menampilkan widget status online (Firefox dan Chrome).

Web Developer — untuk menambah sekumpulan alat yang dapat dimanfaatkan sebagai analisis rinci pada situs web atau blog. Biasanya saya menggunakannya untuk men-disable all style dalam CSS (Firefox dan Chrome).

Fungsi & ekstensi (add-ons) yang telah disebutkan di atas, hanya sebagian kecil yang mungkin dapat digunakan dalam aktivitas blogging. Tinggal sejauh mana upaya kita agar penggunaannya dapat optimal, terutama bagi peramban kesayangan. Hal ini diharapkan agar blogging bukan hanya dipandang sebuah aktivitas menulis atau menerbitkan posting semata, namun akan lebih memiliki nilai jika kita mampu belajar memahami & menyelami markah yang terkandung didalamnya. Expert? Tidak juga.

READ MORE - Optimalisasi Fungsi Peramban dalam Blogging

Etika Berkomentar dalam Posting Blog

Ketika Anda mengunjungi sebuah blog, bukan tidak mungkin menemui satu atau lebih posting yang menarik perhatian. Namun Anda tidak memiliki kapasitas untuk meninggalkan komentar relevan, sebaiknya jangan dipaksakan untuk berkomentar. Oleh karena komentar yang Anda tinggalkan boleh jadi tidak merupakan sebuah asupan yang berarti bagi pengelola blog atau penulis posting atau pengunjung lain, bahkan bagi posting itu sendiri. Sehingga tidak jarang dianggap sebagai — eksplisit — komentar spam.

Hal ini pernah terjadi pada penulis, dimana suatu saat pernah memberikan komentar dengan memasukkan nama sebenarnya & email yang original, namun memberikan tautan (URL) pada posting tertentu dalam blog penulis. Meskipun secara de facto itu sah, tetapi secara etika mungkin keliru. Bagaimana etika yang benar? Cobalah selalu memperhatikan tanda-tanda di sekeliling formulir komentar.

Nama

Apakah Anda memiliki identitas? Ya, tentu. Nama saya “Aris Asmara” — bukan “Botol Kecap No.1” — sehingga ketika seseorang memanggil akan lebih memiliki makna, Hei, Aris Asmara. Bandingkan dengan panggilan berikut, Hei, Botol Kecap. Jadi, isi kolom nama dengan nama & bukan produk atau lainnya.

Email

Dimana rumah Anda? Jika seseorang — sesuatu — ingin mengenal Anda dan dapat mem-validitasi tempat tinggal Anda, maka suatu saat dia akan mudah menghubungi Anda kembali. Rumah merupakan tempat tinggal, sudah barang tentu berisi validitas informasi tentang profil Anda, termasuk nama serta foto. Sayangnya, sistem komentar Blogger™ tidak/belum memasukkan input ini sebagai alternatif, kecuali jika blog hanya dikomentari oleh pengguna yang teregistrasi pada akun Google Mail.

URL

Apa brand Anda? “Fortuner SUV Terbaik” atau “Optimasi Blog”. “Fortuner SUV Terbaik” merupakan hasil produk & “Optimasi Blog” adalah brand. Sebuah etika apabila Anda memasukkan alamat blog, bukan alamat posting (post permalink) pada bilah URL (Uniform Resource Locator).

Komentar

Bagaimana komentar Anda tentang isi posting? Komentar bukan merupakan sebuah reaksi praktis atau pemungutan suara, seperti Posting yang menarik, Terima kasih infonya, Boleh dicoba postingannya, dan sebagainya. Komentar merupakan ide yang muncul karena keingintahuan akan kebenaran dari isi posting, mungkin berisi pertanyaan, tanggapan, masukan, atau sanggahan.

Pertanyaan dalam komentar pun bukan hanya sambil lalu, namun memerlukan tindak lanjut. Jika pertanyaan Anda berkategori sambil lalu, sebaiknya tidak perlu berkomentar. Pengelola blog, penulis, dan pengunjung lain akan mengetahui bahwa Anda hanya menjaring trafik.

Tanggapan dapat berarti memberikan balasan pada suatu komentar. Manfaatkan fasilitas ini jika komentar Anda memiliki keterkaitan dengan induk komentar lain. Jangan membuat topik komentar baru, apabila isi dari komentar tersebut sudah memiliki topik yang sama.

Masukan memiliki arti yang mendalam pada komentar. Ia bisa memberikan perbaikan & pembaharuan, bahkan kesempurnaan bagi posting. Apalagi jika disertai dengan referensi yang jelas dan tepat.

Sanggahan dapat timbul, jika isi posting kurang/tidak sesuai dengan pendapat atau opini komentator. Sama halnya dengan “masukan”, sanggahan yang menjurus pada perbedaan nyata (kontradiksi) seharusnya disertai pula dengan referensi yang jelas dan akurat. Bagaimana jika sanggahan tersebut tidak beralasan sama sekali? Berarti komentator hanya menginginkan trafik dengan cara negatif atau komentar sanggahan yang disampaikan hanya akal-akalan agar pengelola blog, penulis, maupun pengunjung lain tertarik untuk mengunjungi situs web atau blog-nya.

Simpulan

Penulis rasa etika berkomentar bukan merupakan sebuah informasi baru yang patut dijadikan berita hangat, namun lebih kepada kesadaran pribadi akan makna komentar itu sendiri. Berikut beberapa poin yang dapat kita ambil dari uraian posting etika berkomentar di atas.

• Anda berkomentar untuk siapa? Anda pribadi karena rasa keingintahuan atau bagi khalayak blogger atau trafik dan backlink untuk kepentingan situs web atau blog Anda. Jika Anda mementingkan trafik dan backlink, sebaiknya jangan berkomentar. Oleh karena isi komentar belum tentu akan berhubungan dengan posting yang Anda komentari. Sebaliknya jika Anda berkomentar karena rasa keingintahuan atau bagi khalayak blogger, berarti Anda telah memberi sebuah arti pada posting & komentar itu sendiri. Secara tidak langsung, trafik dan backlink akan menyusul akibat komentar Anda yang penuh arti.
• Perhatikan tanda-tanda yang dapat menjadi acuan dalam memberikan komentar — tanda baca, tag-tag HTML yang diperbolehkan, dan sebagainya — agar mendukung ‘keterbacaan’.
• Masukkan nama jelas Anda — bukan yang lain —, email (jika dibutuhkan), URL blog dan bukan URL posting Anda. Apabila hal itu tidak terpenuhi, sangat dimungkinkan pengelola blog, penulis, atau pengunjung lain memberikan ‘cap’ sebagai komentar spam.
• Terakhir untuk meluruskan beberapa pemberitaan yang keliru — padahal update telah dilakukan pada beberapa posting sebelumnya — bahwa Optimasi Blog tidak dofollow. Ketika sebuah blog menerapkan sistem komentar bersarang (threaded comments) pada Blogger™, mungkin dapat dipastikan blog tersebut nofollow.

Jadikan diri kita dan situs web atau blog yang kita kelola dapat memberikan makna bagi orang lain. Silakan Anda berkomentar atau tidak perlu berkomentar sama sekali!

READ MORE - Etika Berkomentar dalam Posting Blog

Online Tool yang Membantu dalam Blogging

Di samping mengandalkan kemampuan & keterampilan sendiri — diperoleh melalui belajar maupun pengalaman — tidak terlepas pula dengan kebutuhan alat bantu untuk mendukung blogging. Dari sekian banyak situs web yang membantu aktivitas blogging, terdapat beberapa yang menyediakan tool secara online. Nah, berikut sedikit deskripsi dari beberapa online tool yang membantu “Optimasi Blog” dalam menghasilkan karya-karyanya.

CSS with vertical rhythm

Tool ini akan membantu untuk menghitung CSS agar memiliki ritme vertikal yang konsisten. Perhitungan menggunakan pixels (px) dan M (em). Cara penggunaannya tidak sulit, kita tinggal memasukkan jenis font, ukuran font dasar, besar line-height, & ukuran font yang ditargetkan dalam skala pixels. Berikut hasil uji coba vertical rhythm berdasarkan font yang berukuran 12px dan 18px, sedangkan font yang saya gunakan adalah Georgia, Times, "Times New Roman", serif berukuran .9375em atau 15px dan line-height: 1.6em; atau 24px. (red: baca kembali posting yang berjudul Sentuhan Magis dalam Blog).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus euismod, mi ullamcorper ornare aliquet, erat dolor euismod libero, sed bibendum quam nunc quis quam.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus euismod, mi ullamcorper ornare aliquet, erat dolor euismod libero.

CSS Font Stack

Penggunaan sangat mudah, kita hanya perlu mengklik “Copy to Clipboard”, kemudian tempel pada kertas aplikasi seperti notepad dan sejenisnya. Tersedia pula beberapa pilihan jenis font yang akan/ingin kita gunakan dalam membangun sebuah situs web atau blog.

font-family: Georgia, Times, "Times New Roman", serif;

Variable Grid System

Sistem variabel grid adalah cara cepat untuk menghasilkan beberapa jaringan (kotak) CSS yang mendasari pembuatan situs web atau blog. File yang dihasilkan CSS didasarkan pada “Sistem Grid 960”. Salah satu manfaat dalam penggunaan tool ini adalah pengguna dapat dengan mudah mengatur responsif desain situs web atau blog-nya. Pun kita dapat melakukan berbagai kustomisasi lebar kolom, jumlah kolom, jarak antar kolom, & lebar konten.

The Responsinator

Bagaimana cara kita agar mengetahui desain situs web atau blog responsif? Tool ini dapat menjadi salah satu alternatif untuk mengamati tampilan situs web atau blog pada beberapa layar yang berbeda. Cukup dengan memasukkan alamat situs atau blog, kemudian klik “Go” atau eksekusi dengan menekan tombol Enter pada papan ketik.

HTML Entities

Sungguh sesuatu hal yang menyenangkan, ketika kita membuat pengkodean atau menulis posting/artikel dengan menggunakan entitas HTML tertentu. Ingat! Lakukan pembaharuan terhadap peramban kesayangan Anda.

Awas! Jangan menggunakan tips ini, karena mengandung ☢. Anda akan terbius atau ketagihan memakainya, apalagi jika berbintang ♈. “Khusus ♂”, harap menggunakan pengaman. Menurut penelitian, ❷ di antara ➉ peristiwa terjadi disebabkan kelalaian. Ketika ✍ perhatikan selalu tanda baca agar posting Anda tidak ter-✄ oleh pindaian para pengunjung — mendengar ♫ akan menimbulkan perasaan ♡ — gunakan ✉ atau ✆, sehingga tiap ✗ dapat diminimalisasi. Atau blog Anda akan di-asing-kan ke planet ♇.

HTML5 Outliner

Online tool ini bermanfaat untuk mengetahui format outline heading pada struktur situs web atau blog dalam HTML5, seperti h1, h2,… ,h6. Alat ini dapat melakukan pengecekan terhadap format outliner, baik melalui berkas file HTML, URL (Uniform Resource Locator), & input kode.

Lipsum Generator

Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak dikenal mengambil sebuah kumpulan teks dan mengacaknya untuk menjadi sebuah buku contoh huruf.

Online YUI Compressor

Untuk proses pemampatan sumber kode, baik CSS maupun JavaScript, tool ini dapat diandalkan. Kita dapat memasukkan text, URL, atau file, kemudian klik “Compress” untuk melihat hasilnya. Terdapat pula beberapa opsi pemampatan yang dapat kita pergunakan, sebelum memperoleh hasil yang diinginkan. Lebih detail tentang online tool ini, silakan baca posting berjudul Kompres Kode CSS dan Javascript.

Smush.it™

Smush.it menggunakan teknik optimasi khusus untuk format gambar yang tidak perlu untuk menghapus byte dari file gambar. Ini adalah perangkat “lossless”, yang berarti mengoptimalkan gambar tanpa mengubah tampilan atau kualitas visual. Setelah Smush.it berjalan pada halaman web, akan ada laporan berapa banyak byte akan diselamatkan dengan mengoptimalkan gambar halaman dan menyediakan file zip download dengan file gambar diminimalkan.

robots.txt Checker

Berkas robots.txt (sering keliru disebut robot.txt, dalam bentuk tunggal) yang dibuat oleh webmaster untuk menandai (melarang) file & direktori dari sebuah situs web untuk diakses oleh spider mesin pencari (dan jenis-jenis robot lain). Pengecek robots.txt ini merupakan "validator" yang menganalisis sintaks dari sebuah file robots.txt untuk melihat apakah format berlaku sebagaimana ditetapkan oleh A Standard for Robot Exclusion (silakan baca dokumentasi & tutorial untuk mempelajari dasar-dasar) atau jika mengandung kesalahan dalam pengecekan.

jsFiddle

Online tool ini dapat membantu jika kita ingin membuat suatu pengkodean tertentu, dimana disediakan empat kotak dengan input kode tertentu pula, seperti HTML, CSS, JavaScript, dan Result (hasil). Pun terdapat berbagai opsi pada tab di sebelah kiri layar.

The Readability Test Tool

Alat Uji Keterbacaan menyediakan cara cepat dan mudah untuk menguji pembacaan pekerjaan kita. Ini adalah perangkat lunak pembacaan yang paling fleksibel untuk menilai formula keterbacaan. Kita dapat menguji semua, atau bagian dari suatu halaman web, atau cukup mengetik teks. Taut langsung dari halaman situs web atau blog, kemudian online tool ini akan menghitung hasil untuk halaman tersebut.

GTmetrix

Ketika kita ingin mengecek performa situs web atau blog, perangkat GTmetrix merupakan alternatif yang dapat diandalkan. Selain menilai performa, ia juga memberikan deskripsi tentang cara mengoptimalkan serta beberapa taut rekomendasi yang dapat dimanfaatkan oleh pengguna.

Di antara sekian online tool yang dapat membantu dalam aktivitas blogging di atas, mungkin masih banyak alat atau perangkat lain yang tidak dapat penulis sebutkan. Tinggal bagaimana kita memanfaatkannya, sehingga mampu ‘mendongkrak’ performa situs web atau blog yang kita kelola agar lebih efektif & efesien, berguna, serta memberikan kenyamanan di hati para pembacanya.
So, bagaimana dengan Anda?

READ MORE - Online Tool yang Membantu dalam Blogging