October 2012

Cara membagi file menjadi beberapa bagian

GIBZET0407 - 10:32 PM

<div style="text-align: justify;">Kadang kita pasti mempunyai sebuah file atau sebuah folder dengan kapasitas yang cukup besar, entah itu file installer atau sebuah file video atau yang lainnya. File dengan kapasitas sangat besar tentu akan membuat harddisk kita cepat penuh apalagi jika harddisk kita mempunyai kapasitas yang sangat minim tentu ini akan merepotkan, padahal anda tidak mau menghapus file tersebut. Salah satu solusinya adalah backup file tersebut dengan “burn to CD atau DVD” , namun apabila anda tidak mempunyai DVD drive dan hanya mempunyai CD-RW drive tentu juga tidak cocok apalagi file anda berukuran lebih dari 700mb, Salah satu solusi terbaik adalah anda harus membagi file tersebut menjadi beberapa bagian. </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Selain itu, membagi file anda menjadi beberapa bagian adalah sebuah solusi tepat apabila anda ingin mengupload sebuah file ke internet, namun file tersebut mempunyai kapasitas yang besar. Meng-upload satu file dengan kapasitas besar tentu ini membuat tidak efektif dan sangat berat untuk di download, apalagi jika kecepatan internet anda sangat lambat, ini tentu akan memerlukan waktu yang lama untuk meng-upload atau mendownload file tersebut. </div><div style="text-align: justify;"> </div><div style="text-align: justify;">Salah satu software yang bisa membagi file menjadi beberapa bagian adalah Winrar. Nantinya file tersebut akan dibagi menjadi beberapa part, sesuai keinginan anda pada waktu mengaturnya nanti.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Pertama pilihlah file yang anda ingin bagi menjadi beberapa bagian (pastikan komputer anda sudah terinstall winrar) :</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Kemudian klik kanan pada file atau folder yang ingin anda bagi – lalu pilih add to archive.</div> <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNmDaIde3fUpgXkGTm3HT-f6-RJwtr7H1RqMklRiSjaWGDyz_WtN_OoFJZomjAG9RcKilASVu8Mk-bGq_IThzR7Mcd52yoWCD5n3I08HQRRXg2zsSLHm_kc-qCvXMq8cggw2CzZtjg7Q/s1600/membagi+file+menjadi+beberapa+bagian+dengan+winrar.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Cara membagi file menjadi beberapa bagian" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixNmDaIde3fUpgXkGTm3HT-f6-RJwtr7H1RqMklRiSjaWGDyz_WtN_OoFJZomjAG9RcKilASVu8Mk-bGq_IThzR7Mcd52yoWCD5n3I08HQRRXg2zsSLHm_kc-qCvXMq8cggw2CzZtjg7Q/s1600/membagi+file+menjadi+beberapa+bagian+dengan+winrar.gif" title="Cara membagi file menjadi beberapa bagian" /></a></div> <div style="text-align: justify;">Pilih atau isilah berapa kapasitas untuk masing-masing part file tersebut (dalam contoh, saya ingin membagi file tersebut masing masing menjadi 50mb – maka saya menuliskan 50m)</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Lalu klik ok.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Tunggu sampai proses selesai... </div><div style="text-align: justify;">Berikut Video Tutorialnya : <iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/mK8QnnvW4dg" width="560"></iframe> </div><div style="text-align: justify;"> Jika anda masih mengalami kebingungan, cobalah untuk langsung praktek.. mencoba dan terus mencoba.</div><div style="text-align: justify;">Semoga bermanfat untuk anda semua.</div>

10:32 PM

Membuat Halaman Arsip tanpa JavaScript

GIBZET0407 - 1:12 AM

Setiap blogger pasti tahu, apa yang dimaksud dengan halaman arsip? Ya, betul sekali. Halaman itu terdiri dari kumpulan posting yang tersusun secara teratur, baik berdasarkan tahun, bulan, tanggal terbit, kategori, label, atau berisi keseluruhan item — yang telah disebutkan sebelumnya — dan sebagainya. Banyak sekali metode yang dapat dimanfaatkan untuk membuat halaman arsip, antara lain: menggunakan JavaScript & widget.<a name='more'></a>Trik blogger kali ini “Optimasi Blog” akan berbagi tentang membuat halaman arsip dengan menggunakan widget arsip dan widget label pada Blogger™. Ini didapat dari hasil blog-walking ke “Simple Blogger Tutorial” dalam posting <a href="http://www.simplebloggertutorials.com/2011/04/create-separate-label-or-archive-pages.html">Create a Separate Label or Archive Page in Blogger</a> yang ditulis oleh Raju.Petama, buatlah terlebih dulu sebuah halaman statis yang akan menampilkan arsip — contoh: Arsip — sehingga akan terbentuk sebuah permalink baru, seperti: h**p://namablog.blogspot.com/p/arsip.html. Isilah halaman itu dengan kalimat pembuka atau lainnya.Kedua, masuk ke akun Blogger.com & pergi ke “Edit HTML”. Backup terlebih dulu template sebelum melakukan trik blogger ini. Perhatikan pula struktur pengkodean template, karena sangat dimungkinkan akan berbeda. Cari kode berikut, kemudian tambahkan kode yang berwarna merah di bawahnya.<pre><code> <b:section class='main' id='main' maxwidgets='1' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> <b:section class='main' id='main1' maxwidgets='2' showaddelement='yes'/></code></pre>Jangan lupa disimpan & sekarang Anda telah memiliki elemen baru di bawah “Posting Blog”, dengan selector <code>class='main'</code> dan <code>id='main1'</code>. Elemen itu dapat Anda tambahkan maksimal 2 gadget — <code>maxwidgets='2'</code> — pada dashboard Blogger™ dalam menu “Tata Letak” (Layout).Ketiga, tambahkan widget label dan widget arsip dengan mengklik add a gadget, sehingga tidak ada lagi opsi add a gadget pada elemen di bawah “Posting Blog”. Oleh karena kedua widget tersebut akan ditampilkan hanya pada halaman tertentu, yakni h**p://namablog.blogspot.com/p/arsip.html, maka diperlukan kustomisasi dengan memanfaatkan conditional tags.<img alt="Blogger.com Layout" class="aligncenter" height="216" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjG_rbkp8GWO184R1xZJsiyHfDBWB1LemP8vyG-I3EtCe75eK_qZUOLyfHnWOXVsCriASzavLbWx9yYzPV1r3r8RDorXi8wF7eYVNlV0rHBjulDqy2DJQItyV99zWU62U9xz0A7HcRoKC0/s800/Blogger%252BLayout.png" style="margin-bottom:1.6em;" width="400"/>Keempat, kembali ke “Edit HTML” & centang Expand Widget Templates. Cari kode berikut — dalam widget arsip maupun widget label — kemudian sisipkan dengan kode yang berwarna hijau.<pre><code><b:widget … > <b:includable id='main'> <b:if cond='data:blog.url == "h**p://namablog.blogspot.com/p/arsip.html"'>  …code widgets… </b:if> </b:includable> </b:widget></code></pre>Conditional tags di atas berarti bahwa, <q>widget akan ditampilkan hanya pada halaman dengan alamat h**p://namablog.blogspot.com/p/arsip.html, selain <abbr title="Uniform Resource Locator">URL</abbr> tersebut maka widget tidak akan ditampilkan</q>.Kelima, apabila menuju halaman lain — selain h**p://namablog.blogspot.com/p/arsip.html — masih terlihat janggal. Yah, mungkin tersisa ruang kosong karena pengaruh pengkodean elemen, seperti <code>margin</code> atau <code>padding</code>. Coba tambahkan <abbr title="Cascading Style Sheets">CSS</abbr> berikut di bawah <code>]]></b:skin></code>.<pre><code><b:if cond='data:blog.url != "h**p://namablog.blogspot.com/p/arsip.html"'> <style> #main1 { display: none; } </style> </b:if></code></pre>CSS (Cascading Style Sheets) di atas dimaksudkan, <q>jika URL bukan h**p://namablog.blogspot.com/p/arsip.html, maka selector <code>id='main'</code> — <code>#main1</code> — disembunyikan</q>. Untuk demontrasi trik blogger di atas, silakan klik taut <a href="http://optimasi-blog.blogspot.com/p/table-of-content.html" title="Halaman Arsip">arsip</a> “Optimasi Blog”. Apabila terdapat kekeliruan dalam deskripsi tentang membuat halaman arsip tanpa javascript, mari kita perbaiki bersama melalui kolom komentar. Begitu pula jika terdapat pertanyaan atau kritik dapat kita diskusikan pada media yang sama pula.

1:12 AM

META EXCER SEO PENEMBAK KEYWORD

GIBZET0407 - 8:28 PM

<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-SnkUDNo8Ckg/UIqPpCVSh0I/AAAAAAAACC4/JkKTAQWx7Zs/s1600/meta%2Bexcer.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="241" src="http://3.bp.blogspot.com/-SnkUDNo8Ckg/UIqPpCVSh0I/AAAAAAAACC4/JkKTAQWx7Zs/s320/meta%2Bexcer.jpg" width="320" /></a></div><a href="http://www.icahbanjarmasin.com/"> SELAMAT HARI RAYA IDUL ADHA 1433 H</a> bagi yang melaksanakan serta merayakannya semoga saja Allah SWT selalu melimpahkan rezeki serta kesehatan bagi kita semua dan selalu dilindungiNya juga hati kita semua tetap dalama Iman dan Islam amienn. Sebelumnya saya pribadi <a href="http://search.toolbars.alexa.com/?q=www.icahbanjarmasin.com">ICAHBANJARMASIN </a> memohon maaf dan ampun jika selama ini saya pribadi ada salah baik yang disengaja maupun tidak. Terima kasih buat abang-abang semua yang selama ini sudi singgah serta berkomentar di <a href="https://plus.google.com/118378354137241935678">Blog</a> saya ini. Harapan saya semoga kita bisa semakin akrab dan jalinan ini tetap terjalin selamanya. O ya lama sudah saya ga posting nih kali ini saya mau kasih oleh-oleh <a href="http://www.icahbanjarmasin.com/">META EXCER SEO PENEMBAK KEYWORD</a> yang mana META ini buatan CITY TOWN STADT asal JERMAN. Sebenarnya saya lama mau posting tentang ini namun karena CD TUTORIAL nya masih dipinjam oleh teman terpaksa saya tunda,nah kebetulan tadi siang habis silahturahmi ketempat beliau ya sekalian saya ambil..heee. Begini cara kerja dari META EXCER ini adalah memperperkuat <blink>KEYWORD</blink> yang kita punya. Jadi boleh dikatakan ini semacam <strike>Penambah Daya</strike> bagi kekuatan keyword kita tersebut. Mari langsung kita coba yukk...............!!! - Pertama kalian masuk keblogspot atau login setelah itu sorot Rancangan dan kalian pilih Edit HTML dan jangan lupa kalian contreng "Expand Template Widget" Selanjutnya kalian cari code <head> dan copy code yang saya berikan ini TEPAT DIATASNYA========================================================== <div style="font: 16px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 400px;"> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:section id='meta1' showaddelement='no'>   <b:widget id='Blog2' locked='no' type='Blog'> <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/> <b:includable id='post' var='post' /> <b:includable id='status-message'/> <b:includable id='comment-form' var='post'/> <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='postQuickEdit' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='comments' var='post'/> <b:includable id='main' var='top'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'>  &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt; </b:if> </b:loop> </b:includable> </b:widget> </b:section> </b:if> </div> Sekarang kalian copy codedibawah ini dan letakkan TEPAT DIBAWAHtag<head> ========================================================= <div style="font: 16px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 400px;">  <b:include data='blog' name='all-head-content'/>   <b:if cond='data:blog.pageType != &quot;index&quot;'> <title><data:blog.pageName/></title> <meta name='description' expr:content='data:blog.pageName' />  <b:else/> <title><data:blog.pageTitle/></title> <meta name='keywords' content='ISI KEYWORD KALIAN DISINI' /> <meta name='description' content='ISI DESCRIPTION KALIAN DISINI' /> </b:if> </div>Nah selesai sudah tinggal simpan hasil edit kalian tadi,semoga bermafaat dan berguna ya.........salam <a href="http://www.icahbanjarmasin.com/">BANJARMASIN</a>.

8:28 PM

Etika Berkomentar dalam Posting Blog

GIBZET0407 - 10:59 PM

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 — <a href="http://optimasi-blog.blogspot.com/2011/04/komentar-atau-no-comment.html">komentar spam</a>.<a name='more'></a>Hal ini pernah terjadi pada penulis, dimana suatu saat pernah memberikan komentar dengan memasukkan nama sebenarnya & email yang original, namun memberikan tautan (<abbr title="Uniform Resource Locator">URL</abbr>) 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.<dl><dt>Nama</dt><dd>Apakah Anda memiliki identitas? Ya, tentu. Nama saya “Aris Asmara” — bukan “Botol Kecap No.1” — sehingga ketika seseorang memanggil akan lebih memiliki makna, <q>Hei, Aris Asmara</q>. Bandingkan dengan panggilan berikut, <q>Hei, Botol Kecap</q>. Jadi, isi kolom nama dengan nama & bukan produk atau lainnya.</dd><dt>Email</dt><dd>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 <code>input</code> ini sebagai alternatif, kecuali jika blog hanya dikomentari oleh pengguna yang teregistrasi pada akun Google Mail.</dd><dt>URL</dt><dd>Apa brand Anda? “Fortuner SUV Terbaik” atau “Optimasi Blog”. “<a href="http://optimasi-blog.blogspot.com/2012/09/toyota-fortuner-suv-terbaik.html" title="Toyota Fortuner SUV Terbaik">Fortuner SUV Terbaik</a>” merupakan hasil produk & “<a href="http://optimasi-blog.blogspot.com/" title="Optimasi Blog | Trik Blogger | Tips Blogging | SEO">Optimasi Blog</a>” adalah brand. Sebuah etika apabila Anda memasukkan alamat blog, bukan alamat posting (post permalink) pada bilah URL (Uniform Resource Locator).</dd><dt>Komentar</dt><dd>Bagaimana komentar Anda tentang isi posting? Komentar bukan merupakan sebuah reaksi praktis atau pemungutan suara, seperti <q>Posting yang menarik</q>, <q>Terima kasih infonya</q>, <q>Boleh dicoba postingannya</q>, dan sebagainya. Komentar merupakan ide yang muncul karena keingintahuan akan kebenaran dari isi posting, mungkin berisi pertanyaan, tanggapan, masukan, atau sanggahan.</dd><dd>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.</dd><dd>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.</dd><dd>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.</dd><dd>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.</dd></dl><h3>Simpulan</h3>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.<ul><li>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.</li><li>Perhatikan tanda-tanda yang dapat menjadi acuan dalam memberikan komentar — tanda baca, tag-tag <abbr title="HyperText Markup Language">HTML</abbr> yang diperbolehkan, dan sebagainya — agar mendukung ‘keterbacaan’.</li><li>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.</li><li>Terakhir untuk meluruskan beberapa pemberitaan yang keliru — padahal update telah dilakukan pada beberapa posting sebelumnya — bahwa Optimasi Blog tidak <a href="http://optimasi-blog.blogspot.com/2009/04/optimasi-blog-dofollow.html">dofollow</a>. Ketika sebuah blog menerapkan sistem komentar bersarang (threaded comments) pada Blogger™, mungkin dapat dipastikan blog tersebut <a href="http://optimasi-blog.blogspot.com/2009/04/optimasi-blog-nofollow.html">nofollow</a>.</li></ul>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!

10:59 PM

Online Tool yang Membantu dalam Blogging

GIBZET0407 - 11:52 AM

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.<a name='more'></a><h3><cite><a href="http://drewish.com/tools/vertical-rhythm" rel="nofollow">CSS with vertical rhythm</a></cite></h3>Tool ini akan membantu untuk menghitung <abbr title="Cascading StyleSheets">CSS</abbr> agar memiliki ritme vertikal yang konsisten. Perhitungan menggunakan pixels (px) dan M (em). Cara penggunaannya tidak sulit, kita tinggal memasukkan jenis <code>font</code>, ukuran <code>font</code> dasar, besar <code>line-height</code>, & ukuran <code>font</code> yang ditargetkan dalam skala pixels. Berikut hasil uji coba vertical rhythm berdasarkan <code>font</code> yang berukuran 12px dan 18px, sedangkan <code>font</code> yang saya gunakan adalah <code>Georgia, Times, "Times New Roman", serif</code> berukuran .9375em atau 15px dan <code>line-height: 1.6em;</code> atau 24px. (<ins>red: baca kembali posting yang berjudul <a href="http://optimasi-blog.blogspot.com/2011/03/sentuhan-dalam-blog.html">Sentuhan Magis dalam Blog</a></ins>).<div class="satu"><div class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus euismod, mi ullamcorper ornare aliquet, erat dolor euismod libero, sed bibendum quam nunc quis quam.</div></div><div class="dua"><div class="big">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus euismod, mi ullamcorper ornare aliquet, erat dolor euismod libero.</div></div><div class="clear"></div><h3><cite><a href="http://cssfontstack.com/" rel="nofollow">CSS Font Stack</a></cite></h3>Penggunaan sangat mudah, kita hanya perlu mengklik “Copy to Clipboard”, kemudian tempel pada kertas aplikasi seperti notepad dan sejenisnya. Tersedia pula beberapa pilihan jenis <code>font</code> yang akan/ingin kita gunakan dalam membangun sebuah situs web atau blog.<pre><code>font-family: Georgia, Times, "Times New Roman", serif;</code></pre><h3><cite><a href="http://grids.heroku.com/" rel="nofollow">Variable Grid System</a></cite></h3>Sistem variabel grid adalah cara cepat untuk menghasilkan beberapa jaringan (kotak) <abbr title="Cascading Style Sheets">CSS</abbr> 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.<h3><cite><a href="http://www.responsinator.com/" rel="nofollow">The Responsinator</a></cite></h3>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 <kbd>Enter</kbd> pada papan ketik.<h3><cite><a href="http://www.danshort.com/HTMLentities/index.php" rel="nofollow">HTML Entities</a></cite></h3>Sungguh sesuatu hal yang menyenangkan, ketika kita membuat pengkodean atau menulis posting/artikel dengan menggunakan entitas <abbr title="HyperText Markup Language">HTML</abbr> tertentu. Ingat! Lakukan pembaharuan terhadap peramban kesayangan Anda.<blockquote>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 ♇.</blockquote><h3><cite><a href="http://gsnedders.html5.org/outliner/" rel="nofollow">HTML5 Outliner</a></cite></h3>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.<h3><a href="http://www.lipsum.com/" rel="nofollow"><cite>Lipsum Generator</cite></a></h3>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.<h3><cite><a href="http://refresh-sf.com/yui/" rel="nofollow">Online YUI Compressor</a></cite></h3>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 <a href="http://optimasi-blog.blogspot.com/2010/08/kompres-kode-css-dan-javascript.html">Kompres Kode CSS dan Javascript</a>.<h3><cite><a href="http://www.smushit.com/ysmush.it/" rel="nofollow">Smush.it™</a></cite></h3>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.<h3><cite><a href="http://tool.motoricerca.info/robots-checker.phtml" rel="nofollow">robots.txt Checker</a></cite></h3>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 href="http://www.robotstxt.org/orig.html">A Standard for Robot Exclusion</a> (silakan baca dokumentasi & tutorial untuk mempelajari dasar-dasar) atau jika mengandung kesalahan dalam pengecekan.<h3><cite><a href="http://jsfiddle.net/" rel="nofollow">jsFiddle</a></cite></h3>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.<h3><cite><a href="http://www.read-able.com/" rel="nofollow">The Readability Test Tool</a></cite></h3>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.<h3><cite><a href="http://gtmetrix.com/" rel="nofollow">GTmetrix</a></cite></h3>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?

11:52 AM

Memodifikasi Tanggal Posting (date-header)

GIBZET0407 - 5:48 PM

<img alt="Tanggal Kalender" class="alignleft" height="164" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSPuw0VcxZ0NDE2isJcQZFFAxitp0P4bsBTDwJn7m7xmQQ9Xm8WAlJDMeVAwusME88gi3rFJW4rsOZ6TwXAJ52S_vMTh-znWrR9X4GqpTZcDUELr8ZBbL_Nqr2VRC7fO899D0T9yzyqdI/s800/date%252Bcalender.jpg" width="200"/>Pernah melihat hal yang menarik pada tanggal posting (<code>date-header</code>)? Atau kebanyakan tidak melihat, oleh karena tidak jarang elemen ini dihilangkan? Date Header merupakan kepala (judul) tanggal yang terdiri dari satu atau lebih posting, dimana mereka diterbitkan pada tanggal yang sama. Seandainya hari ini — 21 Oktober 2012 — Anda dapat menerbitkan sebanyak dua posting, maka kedua posting tersebut akan memiliki kepala tanggal 21 Oktober 2012.<a name='more'></a>Sebenarnya date header pada Blogger™ dapat ditampilkan dengan menarik, seperti sebagai <a href="http://optimasi-blog.blogspot.com/2009/06/merubah-tanggal-posting-menjadi-icon.html">icon kalender</a> atau bentuk-bentuk lain. Mungkin disebabkan kekurang-tahuan kita, sehingga tidak jarang menghilangkan elemen ini. Berikut merupakan gambar pengaturan tanggal posting, baik melalui language and formating atau tata letak (layout) posting blog & kode elemen-nya.<figure><img alt="Pengaturan Format Tanggal" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivrDFBO815mKs34POM2OcsslvDH3w3KW1tRmLOF4cJG-np9WwaH-VBc1Tc0G5VIP0NET5ibpD4V_5Rm4dLSDwrnRw7wVF_uV-20FZXGkxepqSxHYpIrT0X-UCjKuM2lb17LW5UMki6V1Q/s800/Setting%252BFormating.png" width="400"/><figcaption>Pengaturan tanggal posting (<code>date-header</code>) melalui language and formating.</figcaption></figure><figure><img alt="Konfigurasi Posting Blog" height="476" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgagdsT9dTYZo3gTuDooSCq1-yeTYOpgz3Bb0EX7PzXE1gj24olaQ__X8CVBiWehAhh9goK_HQgsDCS3vR1_c3N11d9OEASvlZ2yJW2pT1IhGH4qeuuYnYOZvF_nKXNxYnwVMvhZzR0WZw/s800/Configure%252BBlog%252BPosts.jpg" width="400"/><figcaption>Pengaturan tanggal posting (<code>date-header</code>) melalui tata letak (layout) posting blog.</figcaption></figure><pre><code><b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-outer&quot;&gt; </b:if> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><data:post.dateHeader/></h2> </b:if> <b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-posts&quot;&gt; </b:if></code></pre>Backup terlebih dulu template sebelum melakukan trik blogger berikut ini. Kemudian akses edit <abbr title="HyperText Markup Language">HTML</abbr> melalui menu Template pada dashboard Blogger™, klik tombol proses & centang “Expand Widget Templates”. Tampilan tanggal posting dapat dibuat sedikit menarik dengan menambahkan script berikut di atas </head>, sehingga nantinya format tanggal mudah untuk dikustomisasi.<pre><code><script type='text/javascript'> //<![CDATA[ function replace_date(b){var a=b.split(' ');month=""+a[0].slice(0,3)+"";day=" "+a[1].slice(0,2)+", ";year=""+a[2]+"";document.write(month+day+year)}; //]]> </script></code></pre>Cari markah <code>date-header</code> seperti pada kode yang diberi warna merah di atas, kemudian ganti dengan kode berikut. Oleh karena beberapa pengaturan template pada blog penulis, maka <code><h2></code> diganti dengan <code><div></code>.<pre><code><div class='date-header'><script> replace_date(&#39;<data:post.dateHeader/>&#39;);</script></div></code></pre>Format tanggal posting harus sesuai seperti gambar (<code>figure</code>) di atas, letaknya — sampai posting ini diterbitkan — berada pada urutan ketiga dari bawah (third from bottom). Contoh: “Oktober 21, 2012” atau “October 21, 2012“. Selanjutnya, menambahkan <abbr title="Cascading Style Sheets">CSS</abbr> berikut di atas <code>]]></b:skin></code>.<pre><code>.date-header { background: #666; color: #fff; float: left; position: relative; text-align: center; width: 44px; /* perhatikan border-width left & right */ } .date-header:after { content: ''; display: block; position: absolute; bottom: -20px; /* perhatikan border-width top & bottom */ left: 0; border-color: #666 #666 #fff #666; /* nilai kode yang berwarna biru sama dengan nilai pada warna latar */ border-style: solid; border-width: 8px 22px 12px; /* top=8px, bottom=12px, left & right masing-masing=22px */ } .date-header .month { border-bottom: 1px solid #fff; display: block; }  .date-header .sep, .date-header .year { clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important; }  .post { padding-left: 58px; }</code></pre>Terkadang <code>.post</code> dapat pula diganti dengan <code>.post-outer</code> — sedangkan atribut <code>padding</code> dapat pula diganti dengan <code>margin</code> — tergantung pengkodean dalam tiap-tiap template. Hasilnya dapat dilihat pada tanggal posting di blog ini atau dapat diamati melalui gambar berikut.<a href="http://optimasi-blog.blogspot.com/2012/10/memodifikasi-tanggal-posting-date-header.html" title="Modifikasi Tanggal Posting"><img alt="Modifikasi Tanggal Posting" class="alignfull" height="92" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT42C8rWZAF-058bpwLlsIvyHIOp09JH_m83Dj5DHTgv1gkVmZDT3EvatpfYfGzh-CBAM_2Vmw9IA8HuDl1h_RiK4UOUyBlscPtomEJ71MNJRU6AvP-yw5cVYKZ8hzewuY-4xpN1pvPXE/s800/Modifikasi%252Btanggal%252Bposting.png" style="margin-bottom:1.6em;" width="608"/></a>Sekarang tampilan tanggal posting lebih menarik bukan? Pun tidak perlu lagi meng-unggah gambar & sebagainya. Selamat mencoba trik blogger “memodifikasi tanggal posting (<code>date-header</code>)”. :)

5:48 PM

TRIK SEO MELALUI PHOTO POSTINGAN

GIBZET0407 - 10:24 PM

<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-lwjXNAVVVcI/UIAexw_8ZCI/AAAAAAAACBQ/j0N3payqJlU/s1600/trik%2Bseo%2Bbuat%2Bblog.jpeg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="225" src="http://2.bp.blogspot.com/-lwjXNAVVVcI/UIAexw_8ZCI/AAAAAAAACBQ/j0N3payqJlU/s320/trik%2Bseo%2Bbuat%2Bblog.jpeg" width="225" /></a></div><a href="http://www.icahbanjarmasin.com/">Yang</a> ini adalah Trik Seo tapi melalui photo atau Images. Setiap kita posting adakalanya kita masukkan photo atau gambar namun ada juga yang tanpa gambar,sebab masing-masing orang lain kesukaannnyakan. Nah Trik Seo kali ini mengulas tentang tekhnik seo namun melalui photo. Kalau blog kalian yang mengulas tentang photography bisa lebih dasyat tuh karena hanya photo-photo saja sih yang diulas. Lain dengan blog kita ini yang isinya gado-gado jadi ya harus pintar dalam menyiasati <strike> Trik dan Tips Seo</strike>. <a href="http://unlam.academia.edu/IcahBanjarmasin">Sebenarnya</a> ini trik sederhana sih namun bisa meningkatkan blog kita semakin mudah untuk ditemukan dimesin pencarian. Dari pada panjang lebar yuk mulai...!! <ul><li>Pertama kalian tentukan dulu keyword atau kata kunci pada photo atau gambar tersebut,sebagai contoh: Trik Seo Buat Blog atau apalah sesuka kalian yang penting itu mengandung Keyword blog kita atau keyword postingan kita tersebut.</li><li>Selanjutnya disetiap kalian posting seanadainya memasukkan photo atau gambar jangan lupa masukkan ini : </li></ul><img src="INI ALAMAT LINK PHOTO" alt="KATA KUNCI POSTINGAN TARUH DISINI" /> <ul><li>Atau kalau mau yang lebih padat lagi bisa kalian pergunakan yang ini : </li></ul><div class="separator" style="clear: both; text-align: center;"> <a imageanchor = "1" style = "margin-left: 1em; margin-right: 1em;"> <img border = "0" height = "186" URAIAN SINI " width = "200" /> </ a> </ div> ============================================================= Nah sekian saja dulu sajian kali ini mohon maaf dalam beberapa hari ni ga posting dan BW soalnya tugas didarat lagi meminta lebih,biasalahhhh buat peruttttt. Salam dari <a href="http://www.alexa.com/">www.alexa.com</a> yang lagi ngambek..hii

10:24 PM

Mendaftar dan Mengalihkan Feed via FeedBurner

GIBZET0407 - 12:27 PM

Ketika kita sedang blog walking atau mengunjungi blog narablog lain, tidak jarang kita menemukan taut langgan (subscribe). Bentuk taut berlangganan pun bermacam-macam, seperti <a href="http://optimasi-blog.blogspot.com/2009/04/membuat-form-berlangganan.html"> membuat form belangganan melalui email</a> atau hanya menggunakan teks jangkar. Feed memudahkan pengunjung untuk mendapatkan pembaharuan terbaru dari posting dalam blog kita — baik melalui email atau pengumpul feed (umpan) — sehingga layak bagi pemilik blog untuk mengaktifkan layanan tersebut. Ironisnya, tidak jarang kita menemukan taut berlangganan yang masih menggunakan bawaan default blog & ketika di klik oleh pengguna, ia tidak mengarahkan pada suatu layanan — kecuali peramban kesayangan mereka mengakomodasinya — tetapi malah mengunduh isi feed tersebut.<a name='more'></a><pre><code>h**p://namablog.blogspot.com/feeds/posts/default</code></pre>Nah, agar feed dalam blog dapat memenuhi kebutuhan pengunjung untuk berlangganan, baik melalui email atau layanan pengumpul, Optimasi Blog akan mendeskripsikan beberapa langkah aktivasi & pengalihan feed ke layanan FeedBurner.<ul><li>Silakan kunjungi alamat <a href="http://feedburner.google.com/">FeedBurner</a>. Jika narablog telah memiliki akun Google, sebaiknya login terlebih dulu, kemudian pergi ke layanan FeedBurner. Gambar berikut hanya merupakan contoh, abaikan beberapa feed yang telah lebih dulu Optimasi Blog daftarkan. Masukkan alamat blog Anda, kemudian eksekusi dengan mengklik tombol “Next”.</li><img alt="Mendaftar feed ke FeedBurner" class="aligncenter" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_kxECssNf5GDPfUY6l0nbsuEc5b96l4KNOg2IwJo3fDf_4-857TWebhFibd1pwFFglSLVEBBajxAaL8uEbCJ-UOEqDc3I3_4L2tIlo-qNGfRWD8ScFo2LXzcHmBR1mm0DMcrYeTi4kAo/s800/Make%252BFeed%252Bon%252BFeedBurner.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Menentukan judul dan alamat feed, isi judul sesuai dengan keinginan Anda & alamat feed — misalnya: MiMspot — maka alamat feed adalah http://feeds.feedburner.com/MiMspot. Klik tombol “Next”.</li><img alt="Tentukan Judul dan Alamat feed" class="aligncenter" height="469" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUBKdKHFqdUh-xxwAFiX21AdM9JYypBwRGA4UuyCm6NAh1wIHexY8W-V0O1BNhQaUXTRJZsCBxacpHvqyAqwHur-wuMVDDZEZtO07lhO6NpAENEalc0zYQ1_w0f3SSRlEwv-vOo8osgek/s800/Make%252BFeed%252Bon%252BFeedBurner%252B2.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Mengidentifikasi sumber daya layanan feed, Anda bisa memilih Atom atau RSS. Klik tombol “Next”.</li><img alt="Identifikasi Sumber Daya feed" class="aligncenter" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimienQ9byKWw8iKcZXR8auh8UymHn044Bq7VL1-RYYcg0IkfopFQCI_nqtPBvgm0OCRWnQp0DNDASPe_lVVA87MIF218ilMIj-YuKS0cQroWZgDN2qDdgremlQTvNKIACho51QdXqh38o/s800/Make%252BFeed%252Bon%252BFeedBurner%252B3.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Anda akan dibawa kehalaman, “Selamat! Feed Anda via FeedBurner telah aktif”. Kemudian disertakan pula alamat feed Anda, seperti yang terlihat pada tautan dalam kotak hijau. Klik tombol “Next”.</li><img alt="Aktivasi feed Berhasil" class="aligncenter" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXawaq_J5D37U1s28_80c8PZxLUpS9-Q-Wbs2YsXAyGhrMDurR3lAh2HxBybHlX0RSpK9S69FwtypOBtzJErUS2tNLWc7PuM1W4VbgIq2j7nILB6f63GqpUoDbC3MWzyEOekWC_DNm-Q/s800/Make%252BFeed%252Bon%252BFeedBurner%252B6.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Beri tanda centang pada checkbox sesuai keperluan Anda atau centang saja semua checkbox. :) Klik tombol “Next”.</li><img alt="Menentukan Statistik Trafik feed" class="aligncenter" height="542" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb1ZhxeMNxwSMteq0nWt54VAkUOZRk7P7W1LqtWx8707UnKfYyUml2l4ayALDfjKdbhataNG5NY50wKzjox70AGshTiuV8o3GJvqQcQON-KI0ZaPHHi18YOJghIkfNVJgo_du7BdVCC58/s800/Make%252BFeed%252Bon%252BFeedBurner%252B5.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Selanjutnya Anda akan dibawa ke halaman bimbingan dan arahan pengguna dalam memanfaatkan layanan FeedBurner. Agar feed Anda mendukung berlangganan melalui email dapat dilihat pada gambar di bawah ini. Ingat eksekusi dengan tombol “Activate”, sedangkan contoh penggunaan fasilitas berlangganan dapat Anda baca pada posting <a href="http://optimasi-blog.blogspot.com/2009/03/bagaimana-cara-berlangganan.html">bagaimana cara berlangganan?</a>.</li><img alt="Aktivasi Fasilitas Berlangganan via Email" class="aligncenter" height="333" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnxXAUU4bNVFH8dAuMinxSr5IrBhglNIFz766EBqfar0EDKcxOHtBuCjWoJkpaypU8OOxL3QkpR4lXUR5cYSNOva2ElrjtA_q_4eo-30MkQ0KDC73JRksiQLpnLi_uJHm8M8jVR-edN58/s800/Make%252BFeed%252Bon%252BFeedBurner%252B7.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/><li>Langkah di atas tidak akan berarti, apabila Anda tidak memanfaatkannya. Agar feed blog Anda terhubung dengan FeedBurner, maka diperlukan tindakan pengalihan (redirect). Arahkan peramban Anda menuju halaman dashboard Blogger.com → Setting → Other. Kemudian tambahkan alamat feed via FeedBurner — misalnya: http://feeds.feedburner.com/MiMspot — sesuai contoh di atas dan jangan lupa disimpan.</li><img alt="Pengalihan feed Blog ke FeedBurner" class="aligncenter" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp-kXPJzfKKLsbHpz6vtKVQGl6EnmQ5l1Be5Z0hVN5CeeOjo-PsQ4wGCSPK7mc6KljvL0cVILDIYfhLQoe9A_pZbHHFiGElQODLb7cJJ86wKWvyEWUEJC_Lm-azW5yelTBTeNKsY34QuQ/s800/Make%252BFeed%252Bon%252BFeedBurner%252B8.jpg" style="margin-top:1.6em;margin-bottom:1.6em" width="400"/></ul>Sekarang mari kita periksa dengan mengklik taut berlangganan (subscribe) pada blog Anda, apakah telah terhubung dengan FeedBurner?Update (18 Oktober 2012): Jika dalam pendaftaran feed situs web atau blog pada layanan FeedBurner mengalami permasalahan — seperti kapasitasnya yang besar — kita dapat melakukan alternatif dengan menambahkan “?max-results=10” (angka 10 dapat dirubah) untuk membatasi kapasitas feed yang besar tersebut.<pre><code>h**p://namablog.blogspot.com/feeds/posts/default?max-results=10</code></pre>Pembaharuan ini sesuai dengan pertanyaan dalam kolom komentar yang disampaikan oleh <a href="http://optimasi-blog.blogspot.com/2012/10/mendaftar-dan-mengalihkan-feed-via.html?showComment=1350465472233#c6821091321122583774">@Karakter Pendidikan</a>.

12:27 PM

TEKHNIK SEO MERUBAH LABEL KE META KEYWORD

GIBZET0407 - 12:45 AM

<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/-mbwAcC_NCb4/UHWz71wcrnI/AAAAAAAAB-Q/cxpU3j34ooQ/s1600/icahbanjarmasin.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="173" src="http://3.bp.blogspot.com/-mbwAcC_NCb4/UHWz71wcrnI/AAAAAAAAB-Q/cxpU3j34ooQ/s320/icahbanjarmasin.jpg" width="270" /></a></div><a href="http://www.icahbanjarmasin.com/">Seo 2012</a> nampaknya masih bergaung namun ada juga yang terlupakan beberapa Trik Seo yang bisa meningkatkan blog kita di posisi mesin pencarian. Nah trik dan tips seo kali saya akan membahas tentang cara agar keyword kita makin kencang diposisi terbaiknya. Karena adakalanya <strike>Keyword</strike> kita tidak begitu maksimal dimesin pencarian dikarena masing-masing yang punya Blogspot dan Web menonjolkan keywordnya. Untuk menyiasati hal tersebut jangan khawatir saya sudah ada triknya koq,dan ini sudah saya terapkan diblog saya ini. Dan Alhamdullilah keyword saya cukup bagus dimesin pencarian saya ambil contoh diantara keyword saya adalah : "Trik Seo 2012". Jadi untuk membuat sebuah blog agar Meta Keyword kita bekerja dengan betul sebenar mudah,mari kita coba TEKHNIK SEO MERUBAH LABEL KE META KEYWORD. <blockquote>Pertama kalain login ke blogspot lalu pilihlah RANCANGAN selanjutnya klik EDIT HTML nah sekarang kalian cari code <head> dan kalian letakkan code dibawah ini diatas code <head> tadi.</blockquote>Ini codenya :  <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:section id='meta1' showaddelement='no'>   <b:widget id='Blog2' locked='no' type='Blog'> <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/> <b:includable id='post' var='post' /> <b:includable id='status-message'/> <b:includable id='comment-form' var='post'/> <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='postQuickEdit' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='comments' var='post'/> <b:includable id='main' var='top'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'>  &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&quot; /&gt; </b:if> </b:loop> </b:includable> </b:widget> </b:section> </b:if>  <blockquote>Sekarang kalian cari code <head> taruh code berikut namun tepat dibawah code <head> itu.</blockquote>Ini codenya :   <b:include data='blog' name='all-head-content'/>   <b:if cond='data:blog.pageType != &quot;index&quot;'> <title><data:blog.pageName/></title> <meta name='description' expr:content='data:blog.pageName' />  <b:else/> <title><data:blog.pageTitle/></title> <meta name='keywords' content='your,blog,keywords!!' /> <meta name='description' content='your blog description!!' /> </b:if>  <blockquote>Terakhir kalian cari code ini <title><data:blog.pageTitle/></title> dan <b:include data='blog' name='all-head-content'/></blockquote>Hapuslah code tersebut agar tidak terjadi duplikat conten. Nah selanjut simpan hasil kerja kita tadi. Sekian dulu sajian kali ini semoga saja ini bisa bermanfaat bagi kalian semua. Salam dari <a href="http://www.alexa.com/">Banjarmasin</a>.

12:45 AM

META TAG BUAT SELURUH POSTINGAN

GIBZET0407 - 10:49 AM

<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-AsuDYlssq-4/UHOebvsJHRI/AAAAAAAAB9s/zGsV3T5KRsw/s1600/icahbanjarmasin.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="145" src="http://1.bp.blogspot.com/-AsuDYlssq-4/UHOebvsJHRI/AAAAAAAAB9s/zGsV3T5KRsw/s320/icahbanjarmasin.png" width="196" /></a></div><a href="http://www.icahbanjarmasin.com/" target="_blank">Yang</a> ini adalah cara penerapan tekhnik SEO BUAT BLOG khusus disetiap artikel atau postingan kalian. Memang pada dasarnya kita semua menginginkan agar semua artikel ataupun postingan kita tertata dengan baik disetiap mesin pencarian. Nah pada sajian kali ini saya mau membagikan Trik dan Tips Seo yang mungkin saja sebagian sudah tahu namun tidak salahnya saya ingatkan kembali. <strike>Meta Tag</strike> sangat diperlukan pada sebuat Blogspot atau Webdan itu sangat vital sekali. Dengan <a href="http://www.alexa.com/" target="_blank">Meta</a> mesin pencarian dengan mudah menemukan keberadaan blog atau pun artikel kalian. Nah dari pada panjang lebar yukk kita sama-sama terapkan diblog atau web kita dan berikut langkah-langkahnya. <blockquote>Pertama kalian login dulu keblog,lalu masuk ke Edit HTML</blockquote> <blockquote>Sekarang kalian cari code berikut ini </blockquote> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/> | <data:blog.title/></title> <blockquote>Kalau sudah ketemu kalian ganti semua code tersebut dengan yang ini</blockquote> <b:if cond='data:blog.url == &quot;http://ALAMATBLOGKAMU.blogspot.com/&quot;'> <title><data:blog.pageTitle/></title> <meta name='DESCRIPTION' content='ISI TENTANG DESKRIPSI HOMEPAGE KALIAN'/> <meta name='KEYWORDS' content='ISI TENTANG KATA KUNCI HOMEPAGE KALIAN'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <title><data:blog.pageName/> - <data:blog.title/></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> <blockquote>Sekarang tinggal di save saja okeeee....namun harus kalian ingat Meta Tag yang pernah kalian pergunakan diblog seperti DESCRIPTION dan KEYWORD terdahulu ganti dengan yang ini tadi. Dan satu hal lagi sekarang <a href="https://www.google.com/intl/id/chrome/browser/" target="_blank">GOOGLE</a> menerapakan Template Analitic,jadi bagi yang Templatenya produksi 2009 sampai 2011 agak tercecer dimesin pencarian,kecuali kalian bisa mengobrak-abrik isi template tersebut dengan beberapa trik nah salah satu trik itu ya dengan META TAG ini selanjutnya nanti akan posting kembali..hahahyy </blockquote>Baiklah cukup sampai disini dulu sajian kali ini semoga ini bisa berguna bagi teman-teman semua. Dan jangan pernah bosan dalam Ngeblog serta selalu berusaha dalam belajar. Utamakan jalinan persaudaraan..!!

10:49 AM

Menu Navigasi Horizontal dan Dropdown

GIBZET0407 - 2:29 AM

Untuk memudahkan navigasi pengunjung, sering sekali kita menemui <a href="http://optimasi-blog.blogspot.com/2005/07/dasar-pembuatan-menu-horizontal.html" title="Telah diperbaharui">menu yang berbentuk horizontal</a> maupun vertikal berada pada suatu tempat tertentu dalam situs web atau blog. Menu tersebut apabila diklik akan mengarah ke halaman tertentu yang dibentuk dalam suatu Uniform Resource Locator (URL) unik. Pun tidak jarang menu tersebut memiliki ‘anak menu’, selanjutnya akan kita sebut dengan istilah <a href="http://optimasi-blog.blogspot.com/2009/05/manambah-dropdown-menu-dalam-horizontal.html" title="variasi kode agak susah">dropdown</a>.<a name='more'></a>Ketika Anda menggunakan <code>pagelist</code> menu bawaan Blogger™ — akan diperlihatkan suatu hal menarik — yakni jika halaman yang ditampilkan sesuai URL dalam menu (<code>active</code>), maka menu akan tampil berbeda dengan yang lain seperti warna latar, huruf tebal, dan sebagainya. Optimasi blog menamakannya dengan sebutan <code>selected</code>. Mungkin yang menjadi penyebab kurangnya penggunaan <code>pagelist</code> — sampai posting ini diterbitkan — oleh karena belum mendukung dropdown. Entah jika kita memasukkannya secara manual (red: <abbr title="Correct Me If I Wrong">CMIIW</abbr>). Alternatifnya dengan membuat menu baru yang biasanya menggunakan <a href="http://optimasi-blog.blogspot.com/2011/07/styling-unordered-ordered-lists.html">daftar urut</a>. Bagaimana cara membuatnya?HTML (HyperText Markup Language)<pre><code><nav id='menu-navigation'> <ul> <b:if cond='data:blog.url != data:blog.homepageUrl'> <li><a expr:href='data:blog.homepageUrl'>Home</a></li> <b:else/> <li class='selected'><a expr:href='data:blog.homepageUrl'>Home</a></li> </b:if> <b:if cond='data:blog.url != "#"'> <li><a href='#'>Item 1</a></li> <b:else/> <li class='selected'><a href='#'>Item 1</a></li> </b:if> <b:if cond='data:blog.url != "#"'> <li><a href='#'>Item 2</a></li> <b:else/> <li class='selected'><a href='#'>Item 2</a></li> </b:if> <li><a href='#'>Drop Down</a> <ul> <li><a href='#'>Down 1</a></li> <li><a href='#'>Down 2</a></li> <li><a href='#'>Drop 3</a> <ul> <li><a href='#'>Drop 3.1</a></li> <li><a href='#'>Drop 3.2</a></li> <li><a href='#'>Drop 3.3</a></li> </ul> </li> </ul> </li> </ul> </nav></code></pre>Rubah kode yang diberi warna merah dengan url tujuan (misalnya: h**p://namablog.blogspot.com/p/about), dimana url tersebut harus sama tiap tag kondisional, seperti grup kode yang ditandai dengan warna buram (abu-abu). Sedangkan kode berwarna hijau merupakan teks yang ditampilkan dalam menu.CSS (Cascading Style Sheets)<pre><code>#menu-navigation { border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; clear: both; display: block; float: left; margin: 0 auto; width: 100%; } #menu-navigation ul { list-style: none; margin: 0; padding: 0; } #menu-navigation li { float: left; position: relative; } #menu-navigation a { color: #666; display: block; line-height: 3em; padding: 0 1.5em; text-decoration: none; } #menu-navigation ul ul { box-shadow: 0 3px 3px rgba(0,0,0,.2); display: none; float: left; margin: 0; padding: 0; position: absolute; top: 3em; left: 0; z-index: 99999; } #menu-navigation ul ul ul { left: 100%; top: 0; } #menu-navigation ul ul a { background: #f9f9f9; border-bottom: 1px dotted #ddd; font-weight: normal; height: auto; line-height: 1.5em; padding: .375em .375em .375em 1.5em; width: 150px; } #menu-navigation ul li:hover > ul { display: block; } #menu-navigation li:hover > a, #menu-navigation ul ul :hover > a, #menu-navigation a:focus, #menu-navigation a:active, #menu-navigation .selected > a { background-color: #eee; color: #111; }</code></pre>Tautan demo dapat Anda simak pada <a href="http://mimspot-ob.blogspot.com/" rel="nofollow">menu navigasi MiMspot</a>. Untuk kode yang berwarna hijau merupakan tampilan menu jika aktif & warna merah merupakan warna latar untuk mengantisipasi penggunaan gambar (icon) pada menu.

2:29 AM

TRIK SEO MEMBUAT TAG HEADING

GIBZET0407 - 9:10 PM

<div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/-onm_95dGSFM/UGxHOdM1S2I/AAAAAAAAB8s/5fTcbZWCuf0/s1600/icahbanjarmasin.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="135" src="http://1.bp.blogspot.com/-onm_95dGSFM/UGxHOdM1S2I/AAAAAAAAB8s/5fTcbZWCuf0/s320/icahbanjarmasin.png" width="180" /></a></div><a href="http://www.icahbanjarmasin.com/">Trik Seo</a> kali ini membahas tentang cara membuat Tag Heading yang mana fungsi dari hal tersebuat agar blog kita makin Seo. Kenapa bisa makin seo? karena blog kita cepat mendapat respon disebabkan Tag Heading {H1}kita sudah memenuhi standar search engine.Dan satu lagi keuntungan dari Tag Heading yang baik yaitu blog kita bisa mendapat serp yang bagus pula. Tapi kali ini saya mencoba menerapkan Tag Heading Griel dimana pada saat berada di homepage maka title blog akan diindeks sebagai H1 dan judul artikel diindeks sebagai H2.Kemudian apabila kita membuka kolom posting{single post}maka secara otomatis judul artikel berubah menjadi H1. Nah cara itulah yang paling disukai oleh search engine,maka dari pada panjang lebar yuk kita ikuti langkah-langkah berikut ini. <blockquote>INILAH LANGKAH-LANGKANNYA :</blockquote><ol><li>LOGIN KEDALAM BLOGGER.</li><li>PILIH  TEMPLATE.</li><li>BACKUP SEBELUM ANDA MENGEDIT TEMPLATENYA.</li><li>LALU KLIK EDIT TEMPLATE.</li><li>CENTANG PADA TULISAN EXPAND WIDGET TEMPALTE.</li><li>KLIK TOMBOL F3 KALAU MAU CEPAT.</li><li>SEKARANG CARI CODE INI :</li></ol>=================================================================================  <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> ================================================================================== Kalian ganti semua code tersebut dengan yang code yang berikut ini: ==================================================================================  <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != "item"'> <H1 class='title'> <b:include name='title'/> </H1> <b:else/> <b:include name='title'/> </b:if> </div> <b:include name='description'/> </div> =================================================================================== Sekarang kalian cari lagi code berikut ini: =================================================================================== <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> ==================================================================================== Lalu kalian ganti code tersebuat dengan code yang ini: ==================================================================================== <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.title'> <H3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </H3> </b:if> <b:else/> <H1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </H1> </b:if> ================================================================================= Lalu simpan atau save. Sekarang cara terakhir agar kita bisa membedakan ukuran judul skrip pada heading dan singel post. Kalian coba cari code ini ]]></b:skin>Setelah itu kalian ganti dengan code ini : ================================================================================= #header h1{ font-size: 20px; color: #ffffff; } #header h1 a{ text-align:left } P.title { font-size: 20px; color: #ffffff; } P.title a{ text-align:left } ]]></b:skin> ================================================================================== Nah sekarang susunan Tag Heading kalian sudah tertata dengan rapi dan itu akan membuat <a href="http://www.google.com/">Blog</a> kita makin bagus. Semoga saja sajian kali ini bisa berguna akhir kata aku ucapkan terima kasih kepada kalian semua yang sudi berkunjung keblog aku,salam dari <a href="http://www.alexa.com/">Banjarmasin</a>.

9:10 PM

Rilis Template Gratis MiMspot

GIBZET0407 - 2:22 AM

Setelah beberapa lama tidak berhadapan dengan pengkodean Blogger™, akhirnya Optimasi Blog mengeluarkan template gratis yang diberi titel “MiMspot”. Template ini didistribusikan gratis & terkesan minimalis serta sederhana dengan — default — berwarna putih. Nah, apabila Anda melihat demonstrasi yang menampilkan warna latar berbeda, hal itu disebabkan pengkodisian kode yang sengaja dibuat oleh penulis. Berikut adalah tampilan, demo, serta taut untuk mengunduh template MiMspot.<a name='more'></a><img alt="Demo MiMspot" class="aligncenter" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX4djcwfzBrQLBWPqm1MOf3lsons1TgAbgAd4X3OtYTM9_n5QQ4t1ZFGH0CDhWD3AjANLEBZM6KH9wjeujHgdBrrcn2aMyJOtKY0ExchkNGlS7tLvf_MIg_X4HVK9srVeBqMf01CzlJiU/s800/MiMspot.png" style="margin-bottom:1.5714em;margin-top:1.5714em;" width="400"/><form style="text-align:center;margin-bottom:1.5714em;" id="button-view"><input type="button" value="Demo" onClick="window.location.href='http://mimspot-ob.blogspot.com/'"> <input type="button" value="Download" onClick="window.location.href='https://sites.google.com/site/optimasiblogger/kode-html/blogger-template/MiMspot%20Theme.zip?attredirects=0&d=1'"></form>Tolong, jangan dihapus atau dirubah atau ditambah dengan atribut “<code>no-follow</code>” taut kredit yang mengarah ke Optimasi Blog. Jangan lupa sharing & tambahkan juga +1 pada posting ini, apabila mendatangkan manfaat bagi Anda dan/atau para blogger lain dengan mengklik <code>sharing-button</code> (email, blog this, facebook, twitter).<blockquote>Untuk beberapa kesukaran dalam menerapkan MiMspot pada blog Anda, kami menyediakan juga trik serta tips pada taut demo di atas. Sedangkan jika permasalahannya terletak pada taut unduh, Optimasi Blog menyediakan alternatif melalui Google Drive di http://docs.google.com/open?id=0B0_GO4QFa5MfYWFhWGNza1g4RkE</blockquote>Pembaharuan (05 Nopember 2012): Perbaikan pada tampilan penelusuran berdasarkan arsip, Kustomisasi elemen <code>status-msg-wrap</code>, penambahan <code>title</code> serta CSS halaman error404, orientasi schema.org blog, blogposting, dan bredcrumbs.Berikut contoh markah yang dimasukkan dalam menu pengaturan → Search Preferences → Custom Page Not Found.<pre><code><div class="error404"> <h2>Halaman Tidak Ditemukan</h2> <div class="clear"></div> <div class="noimg"> Error 404 </div> <div class="errorInfo"> Maaf, halaman yang Anda cari tidak ada dalam arsip kami atau telah dipindahkan. Mungkin pencarian atau <a href="#" title="Halaman Arsip">melihat arsip</a> akan membantu menemukan posting terkait. <form action="/search" id='searchform' method='get'> <label class='assistive-text' for='q'>Search:</label> <input class='field' id='q' name='q' placeholder='Search…' type='text'/> <input class='submit' id='searchsubmit' name='submit' type='submit' value='Search'/> </form> </div> </div></code></pre>Masih digarap: desain responsif (tampilan pada layar yang berbeda) dengan menggunakan manual CSS media query.

2:22 AM

GIBZET0407