November 2012

Optimalisasi Konten dalam Blog

GIBZET0407 - 11:06 PM

Sekedar kilas balik bahwa postingan ini tetap mengacu pada <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35291">panduan umum Search Engine Optimization (SEO)</a> & merupakan kelanjutan dari beberapa posting sebelumnya tentang <a href="http://optimasi-blog.blogspot.com/2012/11/judul-dan-deskripsi-dalam-blog.html">judul dan deskripsi blog</a> serta <a href="http://optimasi-blog.blogspot.com/2012/11/memperbaiki-struktur-blog.html">memperbaiki struktur blog</a>. Hal ini kami lakukan agar informasi yang pengguna dapatkan tidak sepotong-sepotong, melainkan satu kesatuan posting yang tidak terpisahkan satu dengan lain.<a name='more'></a>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.<h3>Kualitas & Layanan Konten</h3>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:<ul><li><cite><a href="http://en.wikipedia.org/wiki/Semantics" title="Wikipedia: Semantics, 2012">Semantics</a></cite> — Wikipedia.org</li><li><cite><a rel="nofollow" href="http://csswizardry.com/2010/08/semantics-and-sensibility/" title="CSS Wizardry: Semantics and sensibility, 2010">Semantics and sensibility</a></cite> oleh Harry Roberts</li><li><cite><a rel="nofollow" href="http://www.brucelawson.co.uk/2005/semantics-standards-accessibility-the-stool-of-truth/" title="Bruce Lawson: Semantics, Standards, Accessibility ..., 2005">Semantics, Standards, Accessibility …</a></cite> oleh Bruce Lawson</li><li><cite><a rel="nofollow" href="http://www.barrywise.com/2008/08/why-you-should-use-seo-semantic-coding-and-semantic-markup/" title="Barry Wise: Why You Should Use SEO Semantic Coding and Semantic Markup, 2008">Why You Should Use SEO Semantic Coding and Semantic Markup</a></cite> oleh Barry Wise</li></ul>Bagaimana menerapkan semantik dalam konten blog? Mungkin kita telah mengenal <abbr title="Cascading Style Sheets">CSS</abbr> dan struktur <abbr title="HyperText Markup Language">HTML</abbr>, 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”).<pre><code> &amp; <a href=""></a> &ldquo; &rdquo; &lsquo; &rsquo; &#45; &ndash; &mdash; &trade; <pre><code></code></pre> <code></code> <abbr title=""></abbr> <blockquote></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></code></pre><h3>Menulis Teks Jangkar yang lebih Baik</h3>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 (<a href="http://id.wikipedia.org/wiki/Tanda_baca">tanda baca</a>). 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 <a href="http://optimasi-blog.blogspot.com/2009/03/seo-optimasi-kualitas-link-dalam-blog.html">tautan yang kita masukkan benar-benar berkualitas</a>. 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.<h3>Optimalisasi Penggunaan Gambar</h3>Saya rasa untuk optimalisasi penggunaan gambar, para blogger pasti telah mengetahui pentingnya atribut <code>alt</code>. 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.<h3>Pergunakan Tag Heading dengan Tepat</h3>Tag heading dimanfaatkan untuk menyajikan struktur pada halaman kepada pengguna, dimana ia tersusun mulai <code><h1></code> sampai dengan <code><h6></code>. 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 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.<h3>Simpulan</h3>Berdasarkan dari uraian di atas maka dapat kita ambil generalisasi dengan detail sebagai berikut:<ul><li>Konten seharusnya unik, nyaman dibaca, & mudah dipahami oleh pengguna untuk mengantisipasi atau mengurangi celah kesalah-pahaman.</li><li>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.</li><li>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.</li><li>Lengkapi dengan atribut <code>alt</code>, 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).</li><li>Pergunakan tag heading secara tepat untuk menekankan bahwa teks adalah benar-benar penting dan merepresentasikan struktur halaman.</li></ul>“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 <a href="http://optimasi-blog.blogspot.com/2012/11/optimalisasi-konten-dalam-blog.html">mengoptimalkan konten pada blog</a> yang kita kelola dan yang terpenting adalah bagaimana informasi disampaikan dengan baik serta terstruktur, sehingga dapat diterima secara positif oleh pengguna.

11:06 PM

Langkah Membuat Email Di Gmail

GIBZET0407 - 7:48 PM

<div dir="ltr" style="text-align: left;" trbidi="on"><div style="text-align: justify;"><div class="separator" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img alt="Lagkah membuat Email di gmail" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3hXOt5Ze6idqbTI9YbPeqoIT4PA2x1vk85k3flAwG_d5MsA8wGD2Ac-ye6FhZs8YmAlR_YNnui1gxLMA_o_YTHqyEFd19kYCKOlV1MI7SwSxKnxIQ1ET-jqPqouJ-lHpojc2YsinaJeI/s1600/gmail.jpg" title="Lagkah membuat Email di gmail" /></div>Langkah Membuat Email Di Gmail ini saya posting merupakan lanjutan artikel sebelumnya, yaitu <a href="http://belajar-blogdanseo.blogspot.com/2012/11/langkah-pertama-cara-membuat-blog-di.html" target="_blank">Langkah pertama cara membuat blog di blogspot</a> yang tepaut dengan artikel ini. Sebenarnya sudah banyak para master blogger yang memposting dan membahas membuat email di gmail ini, dengan berbagai cara penjelasan yang berbeda-beda. Tidak seperti di yahoo, ada beberapa form yang merbeda ketika kita mengisi data di form gmail pada saat membuat email di gmail</div> Membuat email di gmail tidaklah sulit dan untuk membuat sebuah alamat email banyak pilihan, ada yang gratis dan ada juga yang berbayar. Contoh layanan email berbayar adalah nama email berdasarkan nama domain yang di miliki, contoh : xxx@belajar-blogdanseo.com, biaya yang harus dikeluarkan adalah membayar layanan hosting untuk nama domain tersebut. Selain yang berbayar, banyak juga layanan email yang gratis, layanan email terkemuka di dunia diantaranya yaitu Yahoo mail, Gmail, Hotmail, dan masih banyak lagi yang lainnya. <h2>Langkah-langkah membuat email di gmail </h2> 1. Silahkan kunjungi alamat gmail berikut : http://mail.google.com 2. Untuk memudahkan anda membuat email di gmail, ubah bahasa ke Indonesia dengan klik tombol drop down yang di sebelah kanan bawah. <table cellpadding="0" cellspacing="0" class="tr-caption-container" style="float: left; margin-left: 0px; margin-right: 0px; text-align: left;"><tbody><tr><td style="text-align: center;"><img alt="langkah membuat email,membuat email di gmail,membuat gmail" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZib0flNJnA6hAdvRsQRX7vhi2mCRZHPr52KomjFXRwgV66_aRhJZL9yXRvFD6hIC1WdMZtjDdR7qn0gVhXLH89mw4OQDE6NHA0uE4m91zJS_BT9eea0CeVm2m0waP5oHM5737q3z2ar7M/s1600/pilih-bahasa.jpg" title="langkah membuat email di gmail" /></td></tr><tr><td class="tr-caption" style="text-align: center;">Setting Bahasa</td></tr></tbody></table> 3. Alihkan perhatian ke sebelah kanan atas monitor, lalu klik tombol "BUAT AKUN". Anda akan dibawa kehalaman pengisian formulir membuat email di gmail. 4. Isilah formulir yang ada dengan data diri anda : <ul style="text-align: justify;"><li>Nama Depan : isi dengan nama depan anda, misal :nur</li></ul><ul style="text-align: justify;"><li>Nama Belakang : isi dengan nama belakang anda, misal :fadilah</li></ul><ul style="text-align: justify;"><li>Nama Masuk-Log Yang Diinginkan : ini adalah yang nantinya menjadi alamat email Gmail anda, maka isilah dengan nama yang di inginkan, misal : Blog.nurfadilah. Maka nanti alamat emailnya akan menjadi blog.nurfadilah@gmail .com. Perlu anda ketahui bahwa dalam membuat email di gmail satu nama email hanya bisa dimiliki oleh satu orang untuk seluruh dunia, oleh karenanya nama yang sudah diambil oleh orang lain tidak dapat anda dapatkan atau dengan kata lain tidak tersedia untuk dibuat yang baru. Untuk hal tersebut, klik tombol "cek ketersediaan!" Untuk mengetahui apakah nama email gmail yang kita inginkan masih tersedia atau tidak. Apabila tidak tersedia, maka anda harus mencari nama yang lain, atau coba dengan menambahkan nomor, misal : blog.nurfadilah01, blog.nurfadilah0101 atau yang lain yang masih tersedia dalam from pengisian email di gmail. </li></ul><ul style="text-align: justify;"><li>Langkah selanjutnya dalam membuat email di gmail yaitu memBuat sandi : isilah dengan kata sandi yang anda inginkan. Saran, buatlah kata sandi yang kuat agar tidak mudah di scan oleh software robot jahat yaitu sandi merupakan campuran dari huruf, angka, serta karakter khusus, misal : t-=3AHaeswe>C_I . Apabila anda kesulitan untuk membuat sebuah kata sandi yang kuat, cobalah menggunakan tool online Strong Password Generator yang ada di http://strongpasswordgenerator.com. </li></ul><ul style="text-align: justify;"><li>Masukkan kembali sandi : tulis ulang kata sandi yang tadi di masukkan (harus sama persis), misal : t-=3AHaeswe>C_I </li></ul><ul style="text-align: justify;"><li>Langkah selanjutnya Pertanyaan keamanan : pilih pertanyaan yang ada, kemudian berikan jawaban yang sesuai. Sebagai saran, pilihlah opsi : Buat pertanyaan saya sendiri. Ini bermaksud agar pertanyaannya selalu di ingat oleh anda, misal : Siapa nama pacar cinta pertama anda?hehe kalo punya pacar sih, kalo gak punya kasian amat..haha capcai deh...</li></ul><ul style="text-align: justify;"><li>Langkah selanjutnya Jawab : isilah dengan jawaban yang sesuai dengan pertanyaan tadi, misal : Fadil. Kok buat pertanyaan sendiri dijawab sendiri?  Emang begitu dari sono nya bg hehe. </li></ul><ul style="text-align: justify;"><li>Langkah selanjutnya dalam membuat email di gmail yaitu: Email pemulihan : isilah dengan alamat email anda yag lain. Apabila anda tidak memiliki alamat email yang lain, maka kosongkan saja. Email pemulihan berguna, jika suatu saat anda mau masuk ke akun email "Gmail" dan lupa sandi yang digunakan, maka anda bisa melakukan permintaan sandi melalui alamat email pemulihan ini. </li></ul><ul style="text-align: justify;"><li>Lokasi : pilih sesuai dengan nama negara yang anda tinggali, misal Indonesia. </li></ul><ul style="text-align: justify;"><li>Tanggal lahir : isi dengan tanggal lahir anda, misal 16/12/1992 </li></ul><ul style="text-align: justify;"><li>Verifikasi Kata : isi dengan tulisan yang muncul pada saat anda membuat email. Setiap kata yang muncul akan selalu berbeda tiap orang atau anda melalukan refresh pada halaman pembuatan email, lazimnya kata tersebut di sebut sebagai capcha. </li></ul><ul style="text-align: justify;"><li>Persyaratan layanan : sebaiknya anda baca terlebih dahulu segala yang ada dalam isi persyaratan layanan, agar anda benar-benar paham akan aturan yang gamail terapkan.  </li><li>Sampai disini anda sudah mempunyai account Gmail.. Selamat... Selanjutnya saya akan memberikan tips untuk keamanan Email Di Gmail. </li></ul> <h2>Tips Untuk Keamanan Email</h2> Ketika kita sudah membuat email di Gmail, hak atas email tersebut merupakan kendali anda. Dalam dunia online email juga merupakan sesuatu yang sangat vital, untuk itu Anda diwajibkan untuk menjaga kerahasiaannya kepada orang yang tidak berkepentingan di dalamnya. Jika seseorang yang tidak berkepintingan tau mengenai password anda dan anda tidak mengetahuinya, maka habislah anda, orang yang bertangan jahil tersebut akan mengobrak abrik email dan sandi yang terpaut di dalamnya. Untuk itu, dibawah ini merupakan tips untuk keamanan email Anda. <ul style="text-align: justify;"><li>Membuat kata sandi yang kuat. Kata sandi yang kuat merupakan capuran dari huruf, angka serta karakter khusus. Di internet banyak sekali software jahat yang bisa scanning kata sandi, kata sandi yang merupakan kata yang terdapat dalam kamus merupakan kata sandi yang lemah dan mudah di bobol.</li></ul><ul style="text-align: justify;"><li>Lindungi kerahasiaan kata sandi. Sebaiknya anda merahasiakan kata sandi anda walaupun itu kepada teman dekat, pacar atau saudara anda.</li></ul><ul style="text-align: justify;"><li>Jangan gunakan kata sandi/passwoed yang sama untuk daftar ke situs lain. Jika suatu saat anda mendaftar ke situs di internet, misal facebok, twitter, hi5, atau lainnya, pergunakanlah kata sandi yang lain, jangan menggunakan kata sandi yang sama dengan email utama.</li></ul><ul style="text-align: justify;"><li>Menggunakan email berbeda untuk daftar ke situs-situs kurang terpercaya. Apabila anda ingin mendaftar ke situs-situs yang memang situs tersebut belum jelas tingkat kepercayaannya seperti situs social bookmark yang bertebaran di internet, program bisnis online dan yang lainnya, sebaiknya jangan gunakan email gmail utama anda, buatlah email gmail lain sebagai keamanan. Di internet banyak pihak-pihak jahat yang memanfaatkan sebuah email, mereka ada yang menjual data email ke pihak lain, ada yang bermaksud membobol email anda dan lain-lain, maka berhati-hatilah.</li></ul> Untuk urutan yang ketiga dan empat, sengaja saya beri warna merah karena ini yang sering kali terjadi, dan merupakan hal yang paling vital. Demikian yang dapat saya sampaikan, jika Anda masih belum mengerti tentang<a href="http://belajar-blogdanseo.blogspot.com/2012/11/langkah-membuat-email-di-gmail.html"> Langkah Membuat Email Di Gmail</a> silahkan anda berkomentar di bawah, anda bisa berkomentar mengunakan account facebook ataupun account Gmail anda. Dan bila anda tidak keberatan, saya akan sangat senang sekali bila anda bersedia like dan share artikel ini. Terima kasih</div>

7:48 PM

Langkah Pertama Cara Membuat Blog Di Blogspot

GIBZET0407 - 12:50 PM

<div dir="ltr" style="text-align: left;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"></div><div style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: left;"><img alt="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSEjJoaW8DnO5Z2qPic1PRLMd3dkMK1pz_Bo31t9Lf7R4u_yy1nSg" class="decoded" height="60" src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSEjJoaW8DnO5Z2qPic1PRLMd3dkMK1pz_Bo31t9Lf7R4u_yy1nSg" width="200" /> Cara membuat blog di blogspot- mau tau cara nya? Ayo kita bahas. Ini adalah artikel pertama dari <a href="http://belajar-blogdanseo.blogspot.com/">Belajar-blogdanseo.blogspot.com</a>, sebelum kita membahas mengenai Langkah pertama Cara membuat blog di blogspot, saya akan sedikit memperkenalkan blog ini terlebih dahulu. Blog ini membahas tentang blog dan seo secara lengkap, jadi jangan sampai anda ketingalan informasi tentang blog dan seo, ingat  terus bila anda mencari informasi tentang blog dan seo anda tingal kunjungi www.belajar-blogdanseo.blogspot.com atau berlangganan artikel dari blog ini agar anda tidak ketingalan informasi seputar blog dan seo.</div> <div style="text-align: left;"> </div><div style="text-align: left;">Ok, sekarang kita lanjut ke pokok bahasan kita kali ini yaitu:</div><div style="text-align: left;"><a href="http://belajar-blogdanseo.blogspot.com/2012/11/langkah-pertama-cara-membuat-blog-di.html">Langkah Pertama Cara Membuat Blog Di Blogspot</a>. Langkah pertama ini  sebenernya sangat mudah, saya yakin bila anda langsung menuju ke blogger.com pasti anda langsung tau cara membuat blog di blogspot. Tetapi artikel ini ditujukan kepada anda yang benar-benar tidak mengetahui cara membuat blog di blogspot. Perhatikan baik-baik langkah- langkah di bawah ini:</div><div style="text-align: left;"> </div><ol><li>Langkah pertamanya adalah:Anda harus memiliki email, email ini wajib anda miliki, banyak penyedia email dari yang gratis sampai yang berbayar. Tetapi untuk kebutuhan blog, saya sarankan anda mengunakan account gmail. Karna jika blog anda nantinya bagus dan memenuhi syarat anda bisa mendaftarkan blog Anda ke google adsense dan jika blog Anda diterima, blog Anda bisa menhasilkan uang. Untuk anda yang belum mempunyai account Gmail silahkan baca <a href="http://belajar-blogdanseo.blogspot.com/2012/11/langkah-membuat-email-di-gmail.html" target="_blank">"Cara Membuat Email Di Gmail"</a>. </li><li>Langkah yang ke-dua  dalam cara membuat blog di blogspot yaitu kunjungi situs http://www.blogger.com, Tapi ingat mengunakan new tab pada browser anda aja, agar anda bisa membaca artikel ini sekaligus menerapkan nya. Atau lebih gampang nya <a href="http://www.blogger.com/" rel="nofollow" target="_blank">Klik disini</a> untuk menuju ke blogger.com  </li><li>Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan bawah, ubah bahasa ke Indonesia agar lebih mudah difahami.</li><li>Langkah yang ke-empat dalam cara membuat blog di blogspot yaitu Login di blogger.com mengunakan account Gmail yang sudah di buat tadi.</li><li>Langkah selanjutnya Isilah formulir yang ada :<div style="text-align: left;"><ul><li> Nama tampilan : isi dengan nama yang ingin tampil pada profile blog anda.</li><li> Jenis Kelamin : pilih sesuai dengan jenis kelamin anda, misal : pria.</li><li> Penerimaan Persyaratan : Beri tada ceklis sebagai tanda anda setuju dengan peraturan yangtelah di tetapkan oleh pihak blogger. Saran: sebaiknya anda membaca terlebih dahulu persyaratan yang ada agar anda tahu dan mengerti apa yang boleh dan tidak diperbolehkan ketika menggunakan layanan blogger.</li><li> Klik tanda panah bertuliskan “Lanjutkan”. </li></ul></div></li><li>Langkah selanjutnya Klik tombol “Blog Baru”.</li><li>Lanjut.. Langkah yang ke brapa lagi y? Lupa ah yang penting lanjut aja, Isi formulir blog anda <ul><li>Judul : Isi dengan judul blog yang di inginkan, misal : Catatan sang penghayal</li><li>Alamat : isi dengan alamat blog yang di inginkan. Ingat! Alamat ini tidak dapat di edit kembali setelah dibuat, apabila anda ingin serius, maka pilihlah nama yang benar-benar anda inginkan.</li><li>Template : pilih template (tampilan blog) yang disukai (ini dapat ganti kembali).</li><li>Lanjutkan dengan klik tombol “Buat blog!” <img alt="cara membuat blog di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oAWdQ4O8FX7vTUeDzHUInv62Jfhn_IHcFxfllOILUvvedKJEhOe76r_ieO0yWLQd4C21Ax5IWw8OOLR25uF33pHrkHh74DCY2SORdYNGbuOk_R1Le5uJMjjQgfebfcH6bg-EnMfdDP4y/s320/ciptakan-blog-baru.jpg" title="Langkah pertama cara membuat blog di blogspot" /></li></ul></li><li>Langkah demi Langkah sudah di lalui Sampai disini blog anda telah berhasil di buat. Bilang wow dulu ah,,  wooow.. hehe.</li><li>Untuk menghindari spam filter, sebaiknya anda langsung posting sembarang saja. Klik tulisan “Mulai mengeposkan”. <img alt="Langkah pertama cara membuat blog di blogspot" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ932vNFd8mtn7T7vfYME-644X0C3DEwToCfKa1_XKZmwj8C3PxSVJuqC-pftVzaX9gyjUS2UoUVkwMLfJOGEBvDRnzoSSPLoCTKtosZF46GsFcs2CQrGDaB5utJ1hWoKs1tBit9Dy4Z6a/s1600/mulai-posting.jpg" title="Langkah pertama cara membuat blog di blogspot" /></li><li>  Isi judul serta artikel. Akhiri dengan klik tombol “Publikasikan”.  </li><li>  Silahkan lihat blog anda dengan klik tombol “Lihat Blog”  </li><li>Nah selamat sekarang anda sudah mempunyai blog. Hingga tahap ini membuat blog sudah selesai, Anda dapat mempublikasikannya kepada teman sahabat, bahwa Anda sekarang sudah memiliki blog. Demikian perjumpaan kita mengenai Langkah pertama cara membuat blog di blogspot. Baca artikel belajar membuat blog lainnya untuk menambah wawasan Anda seputar blog dan seo.</li></ol></div>

12:50 PM

DUPLIKAT META PADA WEBMASTER

GIBZET0407 - 8:09 PM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOy9vuAmKbxa1kPvigs3559-df2_bD9nlAvbTpnlQPHeXlkhenYGFshChIGzLbdS57OLlmFxVI-thSBFgfcM1Bx4TVXy5YVJZL7wqxSjZt2Ge4N-b5JQ7Uw5_OKPB0i8UjE-1M2FdvlbwF/s1600/DUPLIKAT+META++PADA+WEBMASTER.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOy9vuAmKbxa1kPvigs3559-df2_bD9nlAvbTpnlQPHeXlkhenYGFshChIGzLbdS57OLlmFxVI-thSBFgfcM1Bx4TVXy5YVJZL7wqxSjZt2Ge4N-b5JQ7Uw5_OKPB0i8UjE-1M2FdvlbwF/s320/DUPLIKAT+META++PADA+WEBMASTER.jpg" width="223" /></a></div><a href="http://www.icahbanjarmasin.com/">DUPLIKAT META PADA WEBMASTER</a> seringkali terjadi itu disebabkan karena kita salah tafsir dalam penempatan META TAG yang sesungguhnya. Dalam sajian kali ini saya akan coba meluruskan dalam penempatan <a href="http://www.icahbanjarmasin.com/">Meta</a>mungkin saja sebagian dari teman-teman sudah tahu cara penerapannya tapi tidak salahnya akan saya bagi buat yang belum tahu. Begini cara ini memang agak kedalam yaitu kita masuk pada Templates,namun jangan khawatir ini agak mudah koq caranya. Sekarang yang jadi pertanyaan kenapa bisa terjadi DUPLIKAT META..? Itu disebabkan karena kita sering gonta ganti <a href="http://www.icahbanjarmasin.com/">Templates</a> kalau bagi yang mengerti tidak mengapa..hee. Baik..daripada panjang lebar kita lanjut yuk ketopik.. <ol><li>Masuk kebagian DRAFT BLOGGER</li><li>Klik pada RANCANGAN {Template}pilih EDIT HTML</li><li>Sekarang kalian cari code berikut ini {kalau mau cepat pencet tombol CTRL+F}</li></ol> <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> Coba kalian lihat code yang <b:else/> ada berjumlah dua tapi ada yang warna merahkan satunya itu sengaja saya tandai agar lebih mudah untuk membedakannya. Sekarang kalian taruh code script yang saya berikan ini TEPAT DIBAWAH CODE MERAH ITU.                                <link expr:href='data:post.url' rel='canonical'/> Biasanya untuk tampilan template yang baru memang ada sekitar sekitar dua untuk dipoint yang nomer 3 itu,dan itu berarti kita harus dua kali dalam menaruh code:                                                  <link expr:href='data:post.url' rel='canonical'/> nya...!! Nah sekarang kalian cari code meta ini :                                      <meta content='Deskripsi' name='description'/>                                 <meta content='keyword1 keyword2 keyword3 ...' name='keywords'/> Itu biasanya diatas,ya kannn?  Sekarang kalian taruh code ini tapi sengaja saya bikin warna merah yang gunanya untuk mengapit code META DESKRIPSI dan META KEYWORD tersebut,nah ini codenya. <blockquote class="tr_bq"><b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='Deskripsi'  name='description'/> <meta content='keyword1 keyword2 keyword3 ...' name='keywords'/> </b:if></blockquote>        4. Terakhir simpan. Semoga saja ini bisa bermanfaat bagi kalian semua dalam mengatasi masalah <a href="http://www.icahbanjarmasin.com/">DUPLIKAT META PADA WEBMASTER</a>....Salam dari <a href="http://www.icahbanjarmasin.com/"> Banjarmasin</a>

8:09 PM

About me

GIBZET0407 - 2:59 PM

2:59 PM

Penyusunan Dasar Template Blogger.com

GIBZET0407 - 10:07 AM

Posting ini akan menuturkan tentang beberapa bagian dalam struktur pengkodean dasar template Blogger™, dimana obyek template adalah template Blogger™ yang diakses melalui “Edit HTML”, sehingga opsi Customize dapat diabaikan. Mungkin diterjemahkan dalam bahasa sederhana artinya apabila ingin merubah sesuatu berkenaan struktur pengkodean, maka dilakukan secara manual. Bentuk sederhana <abbr title="HyperText Markup Language">HTML</abbr> pada sebuah situs web atau blog adalah sebagai berikut.<a name='more'></a><pre><code><html> <head> <title>Format Sederhana HTML</title> </head> <body> </body> </html></code></pre>Ketika kode di atas diaplikasikan pada peramban, maka akan terlihat layar kosong & tab peramban akan menampilkan <code>title</code>. Lebih lanjut, tambahkan baris teks dalam <code>body</code>, contoh: Aku adalah tubuh HTML. Layar peramban akan menambahkan sebuah baris teks sesuai dengan apa yang kita tulis di antara <code><body></code> … <code></body></code>.<h3>Deklarasi xml (eXtensible Markup Language)</h3><pre><code><?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></code></pre>Ketika kita ingin memasukkan daerah geografi atau bahasa yang didukung oleh konten dalam tubuh <abbr title="HyperText Markup Language">HTML</abbr> — tidak perlu menambahkan meta — cukup sisipkan tag <code>lang</code>, contoh: <code>lang='id'</code>, <code>lang='en'</code>, <code>lang='en-us'</code>, <code>lang='fr'</code>, dan sebagainya.<pre><code><html lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'></code></pre><h3>Elemen Head</h3>Head HTML berisi sejumlah markah yang meliputi script, instruksi kepada peramban untuk menemukan stylesheets, memberikan informasi meta, dan lain-lain.<pre><code><head> <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <title> <b:if cond='data:blog.homepageUrl == data:blog.url'> <data:blog.title/> <b:else/> <data:blog.pageName/> | <data:blog.title/> </b:if> </title> <meta content='' name=''/> <link href='' rel='' type=''/> <script src='' type=''/> <b:skin><![CDATA[ /* CSS Anda di sini */ body { background: #fff; color: #000; font: .875em/1.7143em Georgia, Times, "Times New Roman", serif; text-align: left; word-spacing: .075em; } … dan seterusnya … ]]></b:skin> </head></code></pre> <h3>Elemen Body</h3>Body HTML merupakan tubuh dari HTML (HyperText Markup Language) yang akan menampilkan bentuk pengkodean pada layar peramban. Sedangkan beberapa elemen yang melingkupinya dapat kita uraikan sebagai berikut.<pre><code><body expr:class='"loading" + data:blog.mobileClass'></code></pre>Navbar<pre><code> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/> </b:section></code></pre>Header<pre><code> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Title Blog (Header)' type='Header'/> </b:section></code></pre>Main (Posting Blog)<pre><code> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/> </b:section></code></pre>Sidebar<pre><code><b:section class='sidebar' id='sidebar' preferred='yes'/></code></pre>Footer<pre><code> <b:section class='footer' id='footer' showaddelement='no'> <b:widget id='Attribution1' locked='false' title='' type='Attribution'/> </b:section></code></pre>Dari beberapa markah elemen di atas, biasanya untuk menampilkan halaman posting atau halaman statis pada blog, minimal harus ada elemen widget main (posting blog). Sedangkan yang lain dapat dikustomisasi manual, seperti header dapat saja berisi <code>title</code> serta <code>tagline</code>, fungsi <a href="http://optimasi-blog.blogspot.com/2012/09/fitur-blogger-konfigurasi-navbar-off.html">fitur navbar dapat kita matikan</a>, dan lain-lain.<h3>Simpulan</h3> Dengan beberapa ringkasan sederhana di atas, mungkin kita telah dapat menggambarkan bagaimana sebuah blog pada Blogger™ dibentuk. Tinggal menambahkan beberapa selector (<code>id</code> dan/atau <code>class</code>) atau elemen-elemen dalam HTML5 (<code>header</code>, <code>article</code>, <code>aside</code>, <code>footer</code>, dan sebagainya) untuk mengapit elemen widget tersebut serta konfigurasi CSS (Cascading Style Sheets) yang dibutuhkan. Sedangkan isi konten kita upayakan agar tetap memberikan tanda, sehingga lebih bermakna bagi pembacanya.

10:07 AM

TRIK MENDAPATKAN SITE LINK DARI GOOGLE

GIBZET0407 - 8:29 PM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyZpCp9QXE0YdEGmBO64qRbgAqMJwisXvJIRnkaF4j6ERm-TtY2QWe-bI_ARtb_u-5wJfp44hCEcx_Hj-vfnm44393QVAn36rE4zJ2ytCaTefRCKczsQkpQDlIhn2KIBokrMEwLnfDMZ_/s1600/icahbanjarmasin-Site+link.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyZpCp9QXE0YdEGmBO64qRbgAqMJwisXvJIRnkaF4j6ERm-TtY2QWe-bI_ARtb_u-5wJfp44hCEcx_Hj-vfnm44393QVAn36rE4zJ2ytCaTefRCKczsQkpQDlIhn2KIBokrMEwLnfDMZ_/s320/icahbanjarmasin-Site+link.jpg" width="278" /></a></div><a href="http://www.icahbanjarmasin.com/">Yang</a> namanya punya <strike>blog</strike> kita pasti menginginkan agar blog kita bisa dikenal oleh google. Kemaren siang saya ada dapat email dari seorang teman diblogpot,katanya dia menanyakan bagaimana caranya kita mendapatkan SITELINK dari Google. Sebenarnya untuk mendapatkan sitelink dari google tidaklah sesulit yang dibayangkan tapi dengan catatan blog kita tersebut ramai pengunjungnya dan artikelnya banyak komentarnya. Nah bagaimana caranya..? ya rajin-rajin kita berkomentar diblog teman soalnya saya rasa tidak sulit koq untuk berkomentar. Yang pasti komentar itu harus nyambung dengan topik,nah dengan begitu Insyaallah blog kita akan ramnai oleh pengunjung. Sekarang kita kembali ketopik <a href="http://www.icahbanjarmasin.com/">TRIK MENDAPATKAN SITE LINK DARI GOOGLE</a>. Pertama <a href="http://www.icahbanjarmasin.com/">yang</a> harus kita siapkan adalah kalian harus mempunyai artikel yang komentarnya paling banyak entah itu 50 komentar atau 100 komentar lebih banyak lagi makin bagus lagi dan itu akan jadi penilai sendiri dari google. Untuk lebih jelasnya begini : <ul><li>Masuklah ke dashbor <a href="http://www.icahbanjarmasin.com/">Webmaster Tool</a> dan klik alamat blog kalian.</li><li> Sekarang kalian lihat dipojok sebelah kiri disitu ada tulisan Klik Site Configuration lalu Sitemaps.</li><li> Lalu kalian klik Sumbit a Sitemaps tersebut.</li><li> Dan kalian daftarkan dulu code-code berikut ini : </li></ul> A. /atom.xml?redirect=false&amp;start-index=1&amp;max-results=500 B. /feeds/comments/default C. /feeds/posts/default Kalau bisa sih yang memiliki traffic yang cukup bagus misalnya diatas dari 100 visitor kalau lebih makin bagus lagi perharinya. Nah lalu bagaimana membuat cara membuat sitelink tersebut..? Begini pada Site Configuration {ini di Webmaster Tools ya} Kalian lihat tulisan urutan ketiga,lalu kalian klik Tulisan <a href="http://www.icahbanjarmasin.com/">Sitelink</a> tersebut. Sedangkan kolom "For This Search Result" kalian kosongkan saja,karena kita fokus pada kolom "Demote This Sitelink URL". Selanjutnya kalian Demote URL link yang ada dalam blog kalian kalau bisa sebanyak-banyaknya...terutama Link Navigasi seperti contoh punya saya dibawah ini:    <a href="http://www.icahbanjarmasin.com/2012/06/tekhnik-seo-buat-blog-dan-web.html">Tekhnik Seo</a> <a href="http://www.icahbanjarmasin.com/2012/03/fakta-unik.html">Fakta Unik</a> <a href="http://www.icahbanjarmasin.com/2012/11/trik-seo-diawal-artikel.html">Trik Seo</a> <a href="http://www.icahbanjarmasin.com/2012/01/meta-seo-buat-blog.html">Meta Seo</a> <a href="http://www.icahbanjarmasin.com/2012/01/backlink-berkwalitas-dari-edu.html">Backlink Dari Edu</a> <a href="http://www.icahbanjarmasin.com/2012/01/gratis-backlink.html">Gratis Backlink</a> Ingat...!!! kalau bisa usahakan artikel kalian yang paling populer sebab faktor utama dari <a href="http://www.icahbanjarmasin.com/">Google</a> mengapprove adalah kwalitas dari URL yang kalian DEMOTE. Sebab kalau URL nya tidak berbobot dan berkwalitas itu 100% tidak di APPROVE oleh Google. Nah cukup sekian sajian dari saya salam dari <a href="http://www.icahbanjarmasin.com/">Banjarmasin</a>

8:29 PM

Formulir Kontak Manual

GIBZET0407 - 10:53 AM

<img alt="Formulir Kontak" class="aligncenter" height="305" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjw88Vyu9En2_hHQIVFDrIVw_IIDudcPmTJtK2ZZhK-MFuxGfGzDLI8qJ5twfUvY_K9NHXtXU3QVDod_kWyW9lM9bQPJtSZW0SBtmXYmAZAAcB1h3SHYidEJ34IVwOOnMLnQWh3BlSP0Is/s400/Formulir%2520Kontak.png" style="margin-bottom:1.6em;" width="400"/>Para blogger tentu sudah tidak asing lagi dengan yang namanya “Formulir Kontak”. Formulir kontak berguna sebagai media interaksi pengunjung agar terhubung langsung ke email pengelola blog. Formulir ini berbeda dengan meninggalkan komentar & memiliki skala yang lebih luas, contoh: memberikan saran berkenaan dengan blog atau permintaan posting, bertanya tentang suatu topik posting ketika komentar pada posting tersebut telah ditutup, dan sebagainya<a name='more'></a>Banyak layanan pihak ketiga yang menyediakan fasilitas ini, antara lain: <a href="http://optimasi-blog.blogspot.com/2010/05/trik-blogger-widget-kontak-kami-dengan.html">EmailMeForm</a>, Kontactr, Foxyform & FreeContactForm. Nah, sekarang bagaimana jika kita ingin membuat formulir kontak sendiri? Salah satu alternatifnya adalah dengan menggunakan PHP (Hypertext Preprocessor), seperti yang akan Optimasi Blog deskripsikan berikut.<h3>Web Hosting</h3>Langkah awal, kita harus memiliki hosting. Mungkin salah satu situs web yang menyediakannya secara gratis adalah <a rel="nofollow" href="http://www.000webhost.com/617014.html">000webhost.com</a> (jika tidak berkeberatan, taut tersebut merupakan afiliasi Optimasi Blog di 000webhost) atau dapat menggunakan hosting lain. Kemudian buat satu subdomain gratis yang disediakan oleh layanan tersebut. Silakan buka akun email sesuai dengan email yang didaftarkan pada 000webhost untuk melihat konfirmasi akun. Jika sudah, kembali ke 000webhost & beranjak ke Cpanel. Klik icon “File Manager” dan masukkan kata sandi sesuai dengan waktu pendaftaran atau ganti kata sandi berbeda (baru) dengan melakukan akses ke “View FTP Detail”. Sekarang kita berada dalam File Manager, buka berkas public_html. Hapus file “default.php”, kemudian buat file baru bernama “index.php” yang berisi Silence is golden.<pre><code><?php // Silence is golden. ?></code></pre><img alt="File Manager" class="aligncenter" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJKnpmCG380pmTSFREqfe__uV8xc1e2XmGY0MuI1dBsvcH2vvSP5gSXuihbbtRKJe0lblkReSa3LvyIigOSxC-8eakallMQzKA4DnzNCqBpph5u2Gt0gHTSf2aiPWTjdoU2ZM_mCPraGI/s400/File%2520Manager%2520000webhost.png" style="margin-bottom:1.6em;" width="400"/><img alt="Membuat File Baru" class="aligncenter" height="91" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMDLNaIDYZHck3npM9d52YadrpL-kNMsk30bZ-Y5-ykc_ppzD1-N8jLfTNM1rxj7ZsiJ1itoxYBS6yQRAG4WHrxt2cFnoZ9FQ0LKvDfY2-FXEi7mectuVOJGNKJW1A1zx9VswkbzkCO4w/s400/File%2520Baru%2520000webhost.png" style="margin-bottom:1.6em;" width="400"/>Nah, sekarang subdomain gratis telah dapat kita pergunakan untuk menyimpan berbagai berkas. Selanjutnya masih di dalam berkas public_html, kita membuat file PHP yang nantinya akan dimunculkan sebagai formulir isian kontak.<pre><code><?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) { ob_start("ob_gzhandler"); } else { ob_start(); } ?> <?php error_reporting( 0 );?> <?php //Memperbaiki kesalahan pemberitahuan pada debug $nameError = ''; $emailError = ''; $commentError = ''; //Mengecek apakah isi form sudah dikirim if(isset($_POST['submitted'])) { //Mengecek apakah chaptcha rahasia terisi if(trim($_POST['checking']) !== '') { $captchaError = true; } else { //Mengecek apakah kolom nama sudah diisi if(trim($_POST['contactName']) === '') { $nameError = 'Silakan isi nama Anda terlebih dahulu'; //Pesan error jika kolom nama kosong $hasError = true; } else { $name = trim($_POST['contactName']); } //Mengecek apakah kolom alamat email sudah diisi dan valid if(trim($_POST['email']) === '') { $emailError = 'Anda lupa untuk memasukkan alamat email';//Pesan error jika kolom email kosong $hasError = true; } else if (!preg_match("/^[a-z0-9]+([_\\.-][a-z0-9]+)*@([a-z0-9]+([\.-][a-z0-9]+)*)+\\.[a-z]{2,}$/i", trim($_POST['email']))) { $emailError = 'Alamat email yang Anda masukkan tidak valid';//Pesan error jika alamat email tidak valid $hasError = true; } else { $email = trim($_POST['email']); } //Mengecek apakah kolom isi pesan sudah disi if(trim($_POST['comments']) === '') { $commentError = 'Apakah Anda ingin mengirim pesan kosong? Silakan isi pesan Anda';//Pesan error jika kolom pesan masih kosong $hasError = true; } else { if(function_exists('stripslashes')) { $comments = stripslashes(trim($_POST['comments'])); } else { $comments = trim($_POST['comments']); } } //Mengirimkan pesan, jika semua kolom telah diisi dengan valid if(!isset($hasError)) { $emailTo = 'email@example.com';//Alamat email tujuan, ganti dengan email anda $subject = 'Pesan via formulir kontak dari '.$name;//Judul pesan yang masuk ke email kita dari form kontak $sendCopy = trim($_POST['sendCopy']);//Opsi untuk mengirimkan salinan pesan kepada pengirim $body = "Nama: $name \n\nEmail: $email \n\nIsi Pesan: $comments";//Isi Email $headers = 'From: Optimasi Blog <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $email;//Header email mail($emailTo, $subject, $body, $headers); if($sendCopy == true) { $subject = 'Pesan Anda dari nama blog Anda';//Judul pesan salinan kepada pengirim apabila checkbox kirim salinan dicentang $headers = 'From: admin blog <email@example.com>';//Header email pesan salinan, silakan diedit nama dan alamat emailnya mail($email, $subject, $body, $headers); } $emailSent = true; } } } ?> <!DOCTYPE html> <html> <head> <title>Formulir Kontak</title> <link rel="stylesheet" href="/css/style.css.php"/> </head> <body> <?php if(isset($emailSent) && $emailSent == true) { ?> <h3>Terima kasih, <?=$name;?></h3> Pesan Anda telah dikirim, kami akan segera membalas secepat mungkin. <?php } else { ?> <?php if(isset($hasError) || isset($captchaError)) { ?> Maaf, tampaknya ada masalah dalam pengiriman pesan Anda, silakan coba lagi :) <?php } ?> <form action="contact-form.php" id="contactForm" method="post"> <label for="contactName">Nama *</label> <input type="text" name="contactName" id="contactName" value="<?php if(isset($_POST['contactName'])) echo $_POST['contactName'];?>" size="30" tabindex="1" class="requiredField" /> <?php if($nameError != '') { ?> <?=$nameError;?> <?php } ?> <label for="email">Email *</label> <input type="text" name="email" id="email" value="<?php if(isset($_POST['email'])) echo $_POST['email'];?>" size="30" tabindex="2" class="requiredField email" /> <?php if($emailError != '') { ?> <?=$emailError;?> <?php } ?> <label for="commentsText">Pesan *</label> <textarea name="comments" id="commentsText" cols="45" rows="8" tabindex="3" class="requiredField"><?php if(isset($_POST['comments'])) { if(function_exists('stripslashes')) { echo stripslashes($_POST['comments']); } else { echo $_POST['comments']; } } ?></textarea> <?php if($commentError != '') { ?> <?=$commentError;?> <?php } ?> <input type="checkbox" name="sendCopy" id="sendCopy" tabindex="4" value="true"<?php if(isset($_POST['sendCopy']) && $_POST['sendCopy'] == true) echo ' checked="checked"'; ?> /><label for="sendCopy">Kirim salinan pesan ini ke email Anda.</label> <label for="checking" class="screenReader">Biarkan seperti ini!</label><input type="text" name="checking" id="checking" size="10" tabindex="5" class="screenReader" value="<?php if(isset($_POST['checking'])) echo $_POST['checking'];?>" />  <input name="submitted" type="submit" id="submitted" tabindex="6" value="Kirim Pesan" /> </form> <?php } ?> </body> </html></code></pre>Untuk kode yang berwarna merah merupakan kompres file dengan menggunakan gzip & warna biru diisi dengan email serta nama blog, sesuaikan dengan keterangan yang diberi warna hijau. Beri nama file di atas menjadi “contact-form.php” (tanpa tanda petik). Adapun <code><link rel="stylesheet" href="/css/style.css.php"/></code> akan kita buat terpisah dari file induk (contact-form.php)<img alt="Penamaan File" class="aligncenter" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqXlwsxos0eFK9eMQb9ADgEm41wOO5BtB4VNozQtj1Mbnkixm-tmYePh6-ggmbe_iJv5BqK0cCwZOYmOg-7QU-thws_Tc4Bcqpat9XrpCAfFr-MEl4hArpu8tiZhDD23JNWbhfsakDmNc/s400/Simpan%2520file%2520000webhost.png" style="margin-bottom:1.6em;" width="400"/>Buat direktori baru dengan nama “css” (tanpa tanda petik). Masuk ke dalam direktori css, kemudian tambahkan file baru dengan nama “style.css” (tanpa tanda petik) yang isinya lebih kurang sebagai berikut.<pre><code><?php header("Content-type: text/css"); ?> body, input, textarea { color: #444; font: 93.75%/1.6em Georgia, serif; } body { background: #fff; margin: 0; padding: 0; text-align: left; width: 100%; } body:before, body:after { content: ""; display: table; } body:after { clear: both; } p { font-size: 1em; line-height: 1.6em; margin-bottom: .8em; margin-top: 0; } small, .error { color: #f00; font-size: .8em; line-height: 2em; } h3 { font-size: 1.3333em; line-height: 1.2em; margin-bottom: .6em; } input, textarea { font-size: 1em; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ *overflow: visible; /* Corrects inner spacing displayed oddly in IE6/7 */ } input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type=text], input[type=email], textarea { color: #666; border: 1px solid #ddd; border-radius: 3px; } input[type=text]:focus, input[type=email]:focus, textarea:focus { color: #111; } input[type=text], input[type=email] { padding: 6px; width: 50%; } input[type=text]#checking { width: 10%; } input[type="checkbox"] { box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */ margin-right: 6px; padding: 0; /* Addresses excess padding in IE8/9 */ } label.screenReader { margin-right: 6px; } input[type="submit"] { border: 1px solid #ddd; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #fafafa; /* Old browsers */ background: -moz-linear-gradient(top, #fafafa 60%, #e6e6e6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#fafafa), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* IE10+ */ background: linear-gradient(top, #fafafa 60%,#e6e6e6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */ box-shadow: inset 0 2px 1px #fff; color: rgba(0,0,0,.8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font: 1em/1.6em Georgia, serif; padding: .4em .8em; text-shadow: 0 1px 0 rgba(255,255,255,.5); } input[type="submit"]:hover { background: #f5f5f5; /* Old browsers */ background: -moz-linear-gradient(top, #f5f5f5 60%, #dcdcdc 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#f5f5f5), color-stop(100%,#dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* IE10+ */ background: linear-gradient(top, #f5f5f5 60%,#dcdcdc 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#dcdcdc',GradientType=0 ); /* IE6-9 */ border-color: #bbb #bbb #aaa #bbb; } input[type="submit"]:focus, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 2px 3px rgba(0,0,0,.15); box-shadow: inset 0 2px 2px rgba(0,0,0,.15); } textarea, .contact-form-author input[type="text"], .contact-form-email input[type="text"] { display: block; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding: 6px 0 6px 6px; resize: vertical; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 95%; } @media screen and (max-width:800px) { body { font-size: .8667em; } } @media screen and (max-width:320px) { body { font-size: .8em; } } @media screen and (max-width:240px) { body { font-size: .7333em; } }</code></pre>Silakan Anda kustomisasi pengkodean CSS (Cascading Style Sheets) di atas, sehingga sesuai dengan keinginan dan/atau template Anda. Jangan lupa membuat satu file baru (dalam folder css) lagi untuk mengompresi CSS tersebut & beri nama “style.css.php” (tanpa tanda petik).<pre><code><?php ob_start("ob_gzhandler"); ob_start("compress"); // required header info and character set header("Content-type: text/css; charset: UTF-8"); // duration of cached content (Cache for 1 weeks) $offset = 60 * 60 * 24 * 7; $ts = gmdate("D, d M Y H:i:s", time() + $offset) . " GMT"; // cache control to process header ('Cache-Control: max-age=' . $offset . ', must-revalidate'); //set etag-header header('ETag: "'.md5($ts).'"'); // expiration header format $ExpStr = "Expires: " . gmdate("D, d M Y H:i:s",time() + $offset) . " GMT"; // send cache expiration header to browser header($ExpStr); // initialize compress function for white-space removal ob_start("compress"); // Begin function compress function compress($buffer) { // remove comments $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer); // remove tabs, spaces, new lines, etc. $buffer = str_replace(array("\r\n", "\r", "\n", "\t", ' ', ' ', ' '), '', $buffer); // remove unnecessary spaces $buffer = str_replace('{ ', '{', $buffer); $buffer = str_replace(' }', '}', $buffer); $buffer = str_replace('; ', ';', $buffer); $buffer = str_replace(', ', ',', $buffer); $buffer = str_replace(' {', '{', $buffer); $buffer = str_replace('} ', '}', $buffer); $buffer = str_replace(': ', ':', $buffer); $buffer = str_replace(' ,', ',', $buffer); $buffer = str_replace(' ;', ';', $buffer); return $buffer;} require_once('style.css'); ob_end_flush(); ?></code></pre><figure><img alt="Direktori css" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxw7loimus9-1TXW-Dx_GfVQZXNRgLmQkCg9tS-aj9xnhvfHlP4bB1ZFSS27YQpwnmvnXUZcN3DoOBWrbkG3bDX7C21QUDykvOJ3EtmBurKXXlDuFocUEfsaZNz3YxmIJXS0VWNIxa5I/s400/Directory_css.png" width="400"/><figcaption>Dua file dalam direktori css, yakni style.css dan style.css.php dengan pemanggilan <code><link rel="stylesheet" href="/css/style.css.php"/></code> pada file contact-form.php</figcaption></figure>Sekarang formulir kontak telah siap dimanfaatkan serta diletakkan pada blog, biasanya dalam halaman kontak. Sebelumnya — mungkin ini sifatnya opsional (tambahan) — menambah beberapa pengaturan pada .htaccess agar lebih maksimal. Baris pertama umumnya telah otomatis ditambahkan, tinggal melakukan konfigurasi untuk baris-baris selanjutnya. Taut kredit khusus untuk Mutohar Alwi dalam posting <cite><a href="http://m-alwi.com/cara-setting-expired-header.html" title="Posting kategori Optimasi WordPress pada Alwi's Blog">Cara Setting Expired Header</a></cite>.<pre><code># Do not remove this line, otherwise mod_rewrite rules will stop working <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # Prevents directory listing IndexIgnore * # Strong HTACCESS Protection <Files ~ "^.*\.([Hh][Tt][Aa])"> order allow,deny deny from all satisfy all </Files> <ifModule mod_headers.c> Header set Connection keep-alive </ifModule> <ifModule mod_gzip.c> mod_gzip_on Yes mod_gzip_dechunk Yes mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$ mod_gzip_item_include handler ^cgi-script$ mod_gzip_item_include mime ^text/.* mod_gzip_item_include mime ^application/x-javascript.* mod_gzip_item_exclude mime ^image/.* mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* </ifModule> # BEGIN Browser Cache <IfModule mod_mime.c> AddType text/css .css AddType application/x-javascript .js AddType text/html .html .htm AddType text/richtext .rtf .rtx AddType image/svg+xml .svg .svgz AddType text/plain .txt AddType text/xsd .xsd AddType text/xsl .xsl AddType text/xml .xml AddType video/asf .asf .asx .wax .wmv .wmx AddType video/avi .avi AddType image/bmp .bmp AddType application/java .class AddType video/divx .divx AddType application/msword .doc .docx AddType application/x-msdownload .exe AddType image/gif .gif AddType application/x-gzip .gz .gzip AddType image/x-icon .ico AddType image/jpeg .jpg .jpeg .jpe AddType application/vnd.ms-access .mdb AddType audio/midi .mid .midi AddType video/quicktime .mov .qt AddType audio/mpeg .mp3 .m4a AddType video/mp4 .mp4 .m4v AddType video/mpeg .mpeg .mpg .mpe AddType application/vnd.ms-project .mpp AddType application/vnd.oasis.opendocument.database .odb AddType application/vnd.oasis.opendocument.chart .odc AddType application/vnd.oasis.opendocument.formula .odf AddType application/vnd.oasis.opendocument.graphics .odg AddType application/vnd.oasis.opendocument.presentation .odp AddType application/vnd.oasis.opendocument.spreadsheet .ods AddType application/vnd.oasis.opendocument.text .odt AddType audio/ogg .ogg AddType application/pdf .pdf AddType image/png .png AddType application/vnd.ms-powerpoint .pot .pps .ppt .pptx AddType audio/x-realaudio .ra .ram AddType application/x-shockwave-flash .swf AddType application/x-tar .tar AddType image/tiff .tif .tiff AddType audio/wav .wav AddType audio/wma .wma AddType application/vnd.ms-write .wri AddType application/vnd.ms-excel .xla .xls .xlsx .xlt .xlw AddType application/zip .zip </IfModule> <IfModule mod_expires.c> ExpiresActive On ExpiresByType text/css A604800 ExpiresByType application/x-javascript A31536000 ExpiresByType text/html A3600 ExpiresByType text/richtext A3600 ExpiresByType image/svg+xml A3600 ExpiresByType text/plain A3600 ExpiresByType text/xsd A3600 ExpiresByType text/xsl A3600 ExpiresByType text/xml A3600 ExpiresByType video/asf A31536000 ExpiresByType video/avi A31536000 ExpiresByType image/bmp A31536000 ExpiresByType application/java A31536000 ExpiresByType video/divx A31536000 ExpiresByType application/msword A31536000 ExpiresByType application/x-msdownload A31536000 ExpiresByType image/gif A31536000 ExpiresByType application/x-gzip A31536000 ExpiresByType image/x-icon A31536000 ExpiresByType image/jpeg A31536000 ExpiresByType application/vnd.ms-access A31536000 ExpiresByType audio/midi A31536000 ExpiresByType video/quicktime A31536000 ExpiresByType audio/mpeg A31536000 ExpiresByType video/mp4 A31536000 ExpiresByType video/mpeg A31536000 ExpiresByType application/vnd.ms-project A31536000 ExpiresByType application/vnd.oasis.opendocument.database A31536000 ExpiresByType application/vnd.oasis.opendocument.chart A31536000 ExpiresByType application/vnd.oasis.opendocument.formula A31536000 ExpiresByType application/vnd.oasis.opendocument.graphics A31536000 ExpiresByType application/vnd.oasis.opendocument.presentation A31536000 ExpiresByType application/vnd.oasis.opendocument.spreadsheet A31536000 ExpiresByType application/vnd.oasis.opendocument.text A31536000 ExpiresByType audio/ogg A31536000 ExpiresByType application/pdf A31536000 ExpiresByType image/png A31536000 ExpiresByType application/vnd.ms-powerpoint A31536000 ExpiresByType audio/x-realaudio A31536000 ExpiresByType application/x-shockwave-flash A31536000 ExpiresByType application/x-tar A31536000 ExpiresByType image/tiff A31536000 ExpiresByType audio/wav A31536000 ExpiresByType audio/wma A31536000 ExpiresByType application/vnd.ms-write A31536000 ExpiresByType application/vnd.ms-excel A31536000 ExpiresByType application/zip A31536000 </IfModule> <IfModule mod_deflate.c> <IfModule mod_setenvif.c> BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html </IfModule> <IfModule mod_headers.c> Header append Vary User-Agent env=!dont-vary </IfModule> AddOutputFilterByType DEFLATE text/css application/x-javascript text/html text/richtext image/svg+xml text/plain text/xsd text/xsl text/xml image/x-icon </IfModule> <FilesMatch "\.(css|js)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "Alwi" </IfModule> </FilesMatch> <FilesMatch "\.(html|htm|rtf|rtx|svg|svgz|txt|xsd|xsl|xml)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "Alwi" </IfModule> </FilesMatch> <FilesMatch "\.(asf|asx|wax|wmv|wmx|avi|bmp|class|divx|doc|docx|exe|gif|gz|gzip|ico|jpg|jpeg|jpe|mdb|mid|midi|mov|qt|mp3|m4a|mp4|m4v|mpeg|mpg|mpe|mpp|odb|odc|odf|odg|odp|ods|odt|ogg|pdf|png|pot|pps|ppt|pptx|ra|ram|swf|tar|tif|tiff|wav|wma|wri|xla|xls|xlsx|xlt|xlw|zip)$"> <IfModule mod_headers.c> Header set Pragma "public" Header set Cache-Control "public, must-revalidate, proxy-revalidate" </IfModule> FileETag MTime Size <IfModule mod_headers.c> Header set X-Powered-By "Alwi" </IfModule> </FilesMatch> # END Browser Cache</code></pre><figure><img alt="Isi public_html" height="120" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGhg41YcU84SwtFIg-9GEQZn5mBMK1LV5IeWe1KWUXoW5ZnmhUiYGvT10djb0tG1TGAfonxlVLYN7Z51RMM7LrqsH0Y6TWe8tT5wrzlqZsacNNyJUm_kLmalbEjQQP6b8xVYW5eFZ_bo0/s400/public_html.png" width="400"/><figcaption>Isi keseluruhan public_html (subdomain) yang terdiri dari satu folder css dan tiga buah file (.htaccess, index.php, dan contact-form.php).</figcaption></figure><h3>Implementasi Formulir Kontak dalam Blog</h3>Setelah melakukan beberapa langkah-langkah di atas pada hosting kita untuk mendukung fasilitas kontak. Sekarang bagaimana cara melakukan konfigurasi formulir kontak tersebut dalam blog? Cukup ringkas, buat halaman statis baru (contoh: h**p://namablog.blogspot.com/p/kontak.html) dengan beberapa kalimat sebagai pembuka. Kemudian tambahkan markah berikut di bawah kalimat pembuka.<pre><code><object type="text/html" data="h**p://namasubdomain/contact-form.php"></object></code></pre>Perhatikan namasubdomain (warna merah) harus sesuai dengan yang kita daftarkan, contoh: optimasi.netai.net, optimasi.site90.com, dan sebagainya. Kemudian tambahkan <abbr title="Cascading Style Sheets">CSS</abbr> berikut pada template untuk mengatur markah <code>object</code> & letakkan di bawah <code>]]></b:skin></code>.<pre><code><b:if cond='data:blog.url == "h**p://namablog.blogspot.com/p/kontak.html"'> <style> object { overflow: hidden; height:630px; width:100%; } </style> </b:if></code></pre>Kemungkinan yang banyak diutak-atik adalah CSS <code>object</code> pada properti <code>height</code> agar formulir kontak tampil penuh, ketika memunculkan pesan error pada saat mengklik tombol “Kirim Pesan”. Taut demonstrasi dapat dilihat pada halaman <a href="http://optimasi-blog.blogspot.com/p/contact.html">Kontak</a> Optimasi Blog. Berikut beberapa penampakkan hasil uji coba formulir komentar pada akun email pengelola blog.<img alt="Kotak Masuk Email" class="aligncenter" height="20" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBZx9grGMfHo2qXe7Nz-bGyA5vhRJdbeImkemr23WsN4F8fDdzuZMZJmu9UNES5fFvXr-ZSp3CN3ymgzMudfmlsGUXxpOMs83U9xdo27JYjVuGbYygFjUJNb7PY7WvFmxqUZ7H0Bk4BQg/s400/Kotak%252BMasuk.png" style="margin-bottom:1.6em;" width="400"/><img alt="Isi Email" class="aligncenter" height="95" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrYQ4fO5fDaBi4W2wcvVjQ5ezlHvjN40pHcjRagRiDAEw74SChyphenhyphennOV2FAiryg2U262JKJ2rGXm1ISvMHp5HrKByq9Ej97L3B-ewwlKuI3k0yjBm-ObqzkdZKM2DNLviXa3KRtAGHiuN0Q/s400/Isi%252BPesan.png" style="margin-bottom:1.6em;" width="400"/><img alt="Detail Email" class="aligncenter" height="170" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9B1V6nGIQhnJBgW12FUJ_arsZGZ0l-A69IPIg34rtu83JuKNXISDtzQrHnj2sX4p_bdnKlcSoFGvT_-QB23QHVigsoJ95T1YfDAM0LK_CaGew-YME_UW0vGoD4NFoSfN2YpvcXs6aXUM/s400/Detail%2520Pesan.png" style="margin-bottom:1.6em;" width="400"/>Bosan membacanya? Oleh karena terlalu panjang, meskipun sebenarnya dapat dikustomisasi lebih singkat. Posting membuat formulir kontak ini merupakan bahan dokumentasi penulis serta sedikit menambah wawasan kita tentang ‘dunia’ hosting & bagaimana melakukan optimalisasi terhadap sejumlah file didalamnya. Tidak menutup kemungkinan terdapat kekeliruan dalam penyampaian atau pengkodean di atas, sehingga dibutuhkan kritik serta saran agar dapat memperbaiki posting ini.Bahan Bacaan: <cite><a href="http://www.catswhocode.com/blog/how-to-create-a-built-in-contact-form-for-your-wordpress-theme" title="Cats Who Code: How to create a built-in contact form for your WordPress theme, 2010">How to create a built-in contact form for your WordPress theme</a></cite> oleh Jean-Baptiste Jung

10:53 AM

Navigasi Breadcrumbs dengan Microdata

GIBZET0407 - 12:36 AM

Anda mungkin pernah membaca posting <a href="http://optimasi-blog.blogspot.com/2009/06/menambah-lokasi-link-post-breadcrumbs.html">Menambah Lokasi Link Post (Breadcrumbs Trail)</a> oleh Hoctro. Posting ini juga berhubungan dengan hal tersebut, namun di-aransemen dengan beberapa hack agar muncul di beberapa halaman & ditambahkan format microdata <code>data-vocabulary</code>. Penggunaan <code>data-vocabulary</code> dimaksudkan agar breadcrumbs mampu berdiri sendiri, sehingga akan harmonis dengan format microdata http://schema.org/Blog. Lebih lanjut mengenai breadcrumbs yang didukung beberapa format dapat kita telaah pada <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=185417">Rich snippets — Breadcrumbs</a>.<a name='more'></a><pre><code><b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'>  <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> / <data:blog.pageName/></div> <b:else/> <b:if cond='data:blog.pageType == "item"'>  <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> / <a expr:href='data:label.url' itemprop='url'><data:label.name/></a> </b:if> </b:loop> / <data:post.title/></div> <b:else/> <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> / Tanpa Label / <data:post.title/></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'>  <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> / Arsip <data:blog.pageName/></div> <b:else/> <b:if cond='data:blog.pageType == "index"'>  <b:if cond='data:blog.pageName == ""'> <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> / Penelusuran Arsip Posting</div> <b:else/> <div class='breadcrumbs' itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'>Beranda</a> / <data:blog.pageName/></div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable></code></pre>Untuk pengkodean berwarna merah, dapat diganti sesuai keinginan Anda dengan menyesuaikan pula di halaman apa ia ditampilkan. Sedangkan warna biru (“/”) merupakan pemisah (separator) antar <code>title</code>. Letakkan pengkodean pada “Edit HTML”, jangan lupa centang Expand Widget Templates. Kemudian cari kode berikut & taruh di atasnya.<pre><code><b:includable id='main' var='top'></code></pre>Kita telah menambahkan widget breadcrumbs (kalau boleh dikatakan demikian), tinggal cara memanggil serta meletakkan kode pemanggilan tersebut. Perlu diperhatikan, kemungkinan pengkodean tiap template dapat berbeda-beda. Cara memanggilnya adalah melalui markah berikut.<pre><code><b:include data='posts' name='breadcrumb'/></code></pre>Letakkan kode pemanggilan itu di atas <code><b:include data='top' name='status-message'/></code>, seperti yang dapat kita amati di bawah ini.<pre><code> <div class='blog-posts hfeed'> <b:include data='posts' name='breadcrumb'/> <b:include data='top' name='status-message'/></code></pre>Sedangkan untuk melakukan beberapa kustomisasi, tambahkan selector <code>.breadcrumbs</code> pada <abbr title="Cascading Style Sheets">CSS</abbr> template atau letakkan saja di atas <code>]]></b:skin></code>. Contoh:<pre><code>.breadcrumbs { font: .875em/1.7143em monospace; margin: 0 0 1.7143em; }</code></pre>Penambahan breadcrumbs di atas, khusus dilakukan pada Blogger™ & pengkodeannya tidak mutlak demikian. Artinya kita masih dapat merubah atau melakukan modifikasi sesuai dengan pengkodean template yang digunakan.Bahan Bacaan: <cite><a href="http://www.bloggerplugins.org/2009/06/breadcrumb-for-blogger-blogspot.html" title="Blogger Plugins: Breadcrumb for Blogger, 2009">Breadcrumb for Blogger</a></cite> format RDF (Resource Description Framework) — Blogger Plugins.

12:36 AM

BACKLINK GRATIS DAN PERMANEN

GIBZET0407 - 12:59 PM

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVggtcxCoQnB3_NM9dcjF04oR7Cn5w0pBV9GeGg4gbcjydCnbM5W5N_hI2Yn4PsNJ5F2xdkaqkl-gyN1zFcNL0pJ52aEQdjQj3gstXyJBAl3DXz38-3PkUvCI0VBTuunVcTnHFuh9Rzv8/s1600/Icahbanjarmasin.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="208" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDVggtcxCoQnB3_NM9dcjF04oR7Cn5w0pBV9GeGg4gbcjydCnbM5W5N_hI2Yn4PsNJ5F2xdkaqkl-gyN1zFcNL0pJ52aEQdjQj3gstXyJBAl3DXz38-3PkUvCI0VBTuunVcTnHFuh9Rzv8/s320/Icahbanjarmasin.jpg" width="320" /></a></div><a href="http://icah-banjarmasin.blogspot.com/">Yang</a> suka dengan <a href="http://icah-banjarmasin.blogspot.com/2012/01/backlink-berkwalitas-dari-edu.html" title="BACKLINK">BACKLINK</a> mungkin ini yang cocok. karena kita bisa menentukan PR berapa yang kita inginkan untuk untuk mendapatkan <a href="http://www.icahbanjarmasin.com/2012/02/backlink-ber-pr-78910.html" title="BACKLINK GRATIS">BACLINK GRATIS</a>. cara kerjanya pun bisa dibilang mudah kita tinggal masukka kata kunci atau keyword tapi harus ingat sesuaikan dengan tema blog kita contohnya <a href="http://icah-banjarmasin.blogspot.com/">Trick Seo</a> maka langsung akan keluar blog-blog yang berkaitan dengan masalah Trik Seo. Kalian tinggal pilih saja blog mana yang mau dikomentari usahan PR nya harus yang tinggi dipilh jangan memilih PR yang rendah misalnya PR 0 atau PR 1. Jadi carilah PR tersebut diatas kita mulai PR 2 keatas makin tinggi PR tersebut makin bagus buat Blog kita dan itu ada perhitungan sendiri dari GOOGLE. Dan cara ini sudah saya terapkan mulai link saya waktu itu sekita 100 an,dan alhamdulliah sekarang saya punya LINK IN sekitar 900 an. Memang mencari <a href="http://icah-banjarmasin.blogspot.com/2011/12/free-software-generator-auto-backlink.html" title="BACKLINK TOOL">BACKLINK TOOL</a> yang benar-benar terbukti dan bagus rada-rada susah itu saya sendiri pernah mengalaminya dari yang gratis sampai saya beli sendiri softwarenya. Ada juga sih masuk namun tidak permanen sedangkan kita memerlukan yang benar-benar permanen yang gunanya bisa menjadi bahan masukakkan buat <strike> Google</strike>. Nah sekarang saya kasih TOOL nya...!! <table bgcolor="#F3F3F3" border="1" bordercolor="#808080" cellpadding="5" cellspacing="3" style="border-collapse: collapse; width: 500pxpx;"><tbody><tr><td><form action="http://www.webconfs.com/backlink-builder.php" method="POST" name="backlinkanalysis"> <center>Backlink Builder</center> Enter Keyword (Theme) <input name="keyword" size="60" type="text" /> <input name="submit" type="submit" value="submit" /></form></td></tr></tbody></table>INGAT SESUAIKAN DENGAN TEMA BLOG KALIAN..Cukup sekian dulu yang bisa saya share buat teman-teman semoga bisa bermanfaat. Salah khilaf dan kekurangannya masalah <a href="http://www.icahbanjarmasin.com/">Trik Seo</a> dari saya mohon maafkan. Semoga sukses dalam mencapai <a href="http://icah-banjarmasin.blogspot.com/"> BACKLINK GRATIS DAN PERMANEN</a> nya.hahahahyyy.

12:59 PM

Memperbaiki Struktur Blog

GIBZET0407 - 6:13 PM

Struktur blog bukan hanya berkenaan dengan pengkodean template, namun harus dipandang sebagai keseluruhan sistem yang terintegrasi di dalam blog itu sendiri, seperti pengaturan, semantik, dan sebagainya. Ketika kita terfokus bahwa struktur blog merupakan sebuah pengkodean semata, maka jangan heran jika upaya keras yang kita lakukan hanya berkisar antara utak-atik untuk mendapatkan peringkat utama dalam hasil organik (baca kembali posting tentang <a href="http://optimasi-blog.blogspot.com/2012/11/pemahaman-yang-saklak-tentang-seo.html">pemahaman yang saklak tentang SEO</a>).<a name='more'></a>Apakah Optimasi Blog mengada-ada, dengan selalu menghubungkan sesuatu dengan SEO? Saya tidak mengada-ada & ini mempunyai dasar sesuai dengan <a href="http://support.google.com/webmasters/bin/answer.py?hl=en&answer=35291">panduan umum Search Engine Optimization (SEO)</a>, dimana struktur blog adalah salah satu item yang mesti diperhatikan. Item dasar telah diterbitkan sebelumnya pada posting <a href="http://optimasi-blog.blogspot.com/2012/11/judul-dan-deskripsi-dalam-blog.html">judul dan deskripsi dalam blog</a>.Untuk URL (Uniform Resource Locator) saya rasa semua blogger sudah mengenal & paham. Jika judul posting dikustomisasi dengan baik, maka alamat posting (permalink) yang terbentuk akan baik pula. Hindari bagi sejumlah permalink yang memasukkan kata kunci berulang-ulang (ditandai dengan URL berwarna merah) dan sama serta serupa pada sub domain atau root direktori yang berbeda (warna hijau).<pre><code>h**p://namablog.blogspot.com/2012/11/seo-blog-seo-blog-seo-blog.html</code></pre><pre><code>h**p://namablog.blogspot.com/p/struktur-blog.html h**p://namablog.blogspot.com/2012/11/struktur-blog.html</code></pre>Membuat sebuah blog mudah untuk dinavigasi bukan berarti blog harus tampil minimalis. Selama pengguna & mesin penelusur dapat membaca dengan baik, maka blog tersebut dapat dikategorikan mudah untuk dinavigasi. Pemanfaatan beberapa elemen untuk membuat menu utama dan pengarsipan mempunyai nilai tersendiri untuk membantu pengguna menjelajahi konten. Bredcrumbs pun tidak jarang sebagai tolak ukur kemudahan bagi pengguna untuk menavigasi isi suatu halaman, terutama pada halaman yang kompleks. Mudah dinavigasi juga bermakna bahwa tautan-tautan — menu utama, arsip, bredcrumbs— tersebut aksesibel jika diklik (clickable). Ia akan mengarahkan pada halaman yang sesuai & tepat. Bagaimana jika alamat taut yang diklik tersebut tidak ada atau telah dihapus? Tempatnya adalah di halaman tidak ditemukan atau istilah kerennya “error404”.Keberadaan peta situs (sitemap) sederhana yang merujuk ke semua halaman atau halaman yang penting (jika kita memiliki ratusan bahkan ribuan) di dalam blog dapat berguna. Hal ini akan sangat membantu pelacakan agar mesin penelusur menemukan halaman yang relevan. Silakan baca kembali posting tentang <a href="http://optimasi-blog.blogspot.com/2009/03/submit-sitemap-bloggercom-di-google.html">cara submit sitemap</a>.<pre><code>h**p://namablog.blogspot.com/sitemap.xml</code></pre>Berikan kemudahan bagi pengguna untuk memindai & menjelajahi blog kita, jangan abaikan apa yang menjadi kebutuhan mereka. Sedangkan mesin pencari telah mendapat bagian tertentu — apa yang harus dan tidak boleh diindeks — dengan bantuan peta situs (sitemap).

6:13 PM

Membuat file *.iso dengan ultraIso

GIBZET0407 - 1:18 AM

<div style="text-align: justify;"> </div><div style="text-align: justify;">Pernahkah anda mempunyai sebuah kepingan CD/DVD seperti cd game atau cd installer yang bisa anda gunakan langsung. Suatu hari pasti CD/DVD tersebut akan mengalamai kerusakan dan tidak bisa digunakan lagi.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Anda bisa menggandakan CD/DVD tersebut, namun langkah ini juga sangat tidak efisien karena selain anda membutuhkan beberapa kepingan CD/DVD kosong, apalagi jika ada beberapa CD/DVD bootable yang ingin anda gandakan, Tentu akan sangat tidak efektif.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Dengan menggunakan ultraIso maka anda bisa membuat file *.iso dari CD/DVD bootable tersebut kemudian menyimpannya dalam komputer anda, sehingga suatu saat anda membutuhkannya anda tinggal burning file *.iso tersebut.</div><div style="text-align: justify;"> </div><div style="text-align: justify;">Sistem requirements untuk menginstall UltraIso :</div><div style="text-align: justify;"> </div><div style="text-align: justify;">- Windows 7/2008/Vista/2003/XP (32bit and 64bit), Windows 2000, ME, 98SE, 98, or Windows NT4.0 SP6a</div><div style="text-align: justify;">- Intel Pentium 166MHz atau lebih tinggi</div><div style="text-align: justify;">- 64MB Memory (RAM) :</div><div style="text-align: justify;">- Free hard disk space Minimal 10 MB</div><div style="text-align: justify;">- CD-ROM, CD-R/RW, DVD-ROM, the DVD-R/RW driver (copy compact disc image needs) videonya tutorialnya bisa dilihat dibawah :  </div><div style="text-align: justify;"><iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/QiL6eD0rJcQ?list=UUT99729_h4yK5soQ9IgV48Q" width="560"></iframe> </div><div style="text-align: justify;"> Anda ingin mencoba <a href="http://kom-trik.blogspot.com/search/label/software" target="_blank">software</a> ini, anda bisa mendownloadnya di :</div><div style="text-align: justify;"><blink><a href="http://adf.ly/EqmFt" rel="nofollow"> Download UltraIso 9.5.3.2901 English</a></blink></div><div style="text-align: justify;"> </div>

1:18 AM

Widget Posting dan Komentar Terbaru yang Sederhana

GIBZET0407 - 12:45 AM

Mungkin Anda pernah membaca artikel sebelumnya tentang <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-memasang-posting-terbaru.html">Trik Blogger | Memasang Posting Terbaru (Recent Posts)</a> & <a href="http://optimasi-blog.blogspot.com/2009/04/trik-blogger-memasang-komentar-terbaru.html">Trik Blogger | Memasang Komentar Terbaru (Recent Comments)</a>. Keduanya tidak menggunakan struktur kode daftar urut (unordered list atau ordered list), namun menggunakan horizontal rule (<code><hr></code>) sebagai pemisah antar item atau hanya berupa break (<code> </code>).<a name='more'></a>Sebenarnya membuat gadget atau widget posting atau komentar terbaru adalah sangat mudah, yaitu dengan memanfaatkan feed default bagi pengguna Blogger™.<pre><code>h**p://namablog.blogspot.com/feeds/posts/default</code></pre><pre><code>h**p://namablog.blogspot.com/feeds/comments/default</code></pre>Cara menambahkan kedua feed di atas dilakukan melalui kustomisasi Tata Letak (Layout) pada dashboard akun Blogger™ Anda.<img alt="Menambah Gadget/Widget" class="aligncenter" height="210" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5WCLAgQaxS5n_2qSL5OcJ_81cajeWRZ-Gm6Mcck8tbOWZaO1OD8SlS5zlqCmStpd-Pe5BH7ZMVV-q6Oiap70ZnlRDPDEOeYK7XA9jgGXVuVaMHm1TECV_AzkkFl0gZpaY1ZVDLJ3ZAm8/s800/Layout.png" style="margin-bottom:1.6em;" width="300"/>Kemudian pada jendela pop-up yang terbuka, pilih gadget “Feed”.<img alt="Gadget/Widget Feed" class="aligncenter" height="51" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNd6TDQ_b5EED6ZztnfH9eCMWFq0SKAmV3HUU4dA7mbhm3c-RXcAKL-JW9QTSuWbNjv0pJDsrrQG_MUS1sOlSOA2KchIoudthA8Bwteq5QHxnUllinv6vNeFtXKzhE686hxO9U6JoL7xo/s800/Add%252Ba%252BGadget.png" style="margin-bottom:1.6em;" width="400"/>Masukkan <abbr title="Uniform Resource Locator">URL</abbr> feed default Blogger™ Anda, seperti yang telah diperlihatkan di atas (satu gadget berarti satu URL)& jangan lupa diganti nama blog yang berwarna merah dengan Blog Anda. Eksekusi dengan mengklik tombol “Continue”.<img alt="Konfigurasi Feed" class="aligncenter" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaifuEfd_BBrdwOJABhaP0lsznctocjhS4gy_azySX_I4M7vzHiBSEDaXqszWVFiL74BRUkcaC9A0ObgnKsdFI0toc4qNdEkFi4DeSX4q4lhr-GtwQePhbl86vFRwmuzI5S-qdRWiEcBA/s800/Configure%252BFeed.png" style="margin-bottom:1.6em;" width="400"/>Selanjutnya akan ditunjukkan beberapa pengaturan yang dapat Anda kustomisasi pada gadget atau widget feed yang baru dibuat tersebut. Akhiri dengan mengklik tombol “Save”.<img alt="Konfigurasi Feed Lanjutan" class="aligncenter" height="331" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwzELhoZnE1sHSAvUhQV_TpAEQPuwAxU1sZaglpznSHT9Eil10z0O26pQs6rRQJ2F9TGkXHzrRNcZKvbUFs4BciO9JpMCO5-CqpklQTLzV9dB9oWUv3UAGilmIDOYwVxAwb6G46-6lGw8/s800/Configure%252BFeed.png" style="margin-bottom:1.6em;" width="400"/>Mungkin yang kurang nyaman dilihat hanya pada gadget atau widget komentar terbaru (recent comments), karena isi komentar — jumlahnya dapat diatur pada saat konfigurasi feed — akan ditampilkan pula. Alternatifnya kita dapat mengganti dengan memilih gadget “HTML/JavaScript”, kemudian masukkan script berikut, sehingga komentar terbaru akan menampilkan nama komentator & judul posting.<pre><code><script type='text/javascript'> //<![CDATA[ function showrecentcomments(r){document.write('<ul>');for(var g=0;g<a_rc;g++){var c=r.feed.entry[g];var p;if(g==r.feed.entry.length){break}for(var f=0;f<c.link.length;f++){if(c.link[f].rel=="alternate"){p=c.link[f].href;break}}p=p.replace("#","#");var m=p.split("#");m=m[0];var e=m.split("/");e=e[5];e=e.split(".html");e=e[0];var b=e.replace(/-/g," ");b=b.link(m);var o=c.published.$t;var l=o.substring(0,4);var d=o.substring(5,7);var a=o.substring(8,10);var n=new Array();n[1]="Jan";n[2]="Feb";n[3]="Mar";n[4]="Apr";n[5]="May";n[6]="Jun";n[7]="Jul";n[8]="Aug";n[9]="Sep";n[10]="Oct";n[11]="Nov";n[12]="Dec";if("content" in c){var j=c.content.$t}else{if("summary" in c){var j=c.summary.$t}else{var j=""}}var q=/<\S[^>]*>/g;j=j.replace(q,"");document.write('<li>');if(m_rc==true){document.write("On "+n[parseInt(d,10)]+" "+a+" ")}document.write('<a href="'+p+'">'+c.author[0].name.$t+"</a>");if(n_rc==true){document.write(" on "+b)}if(o_rc==0){document.write("</li>")}else{document.write(": ");if(j.length<o_rc){document.write("&#8220;");document.write(j);document.write("&#8221;</li>")}else{document.write("&#8220;");j=j.substring(0,o_rc);var h=j.lastIndexOf(" ");j=j.substring(0,h);document.write(j+"&hellip;&#8221;</li>");document.write("")}}}}; //]]> </script> <script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=0;</script><script src='h**p://namablog.blogspot.com/feeds/comments/default?alt=json-in-script&amp;callback=showrecentcomments'></script></code></pre>Catatan: Widget komentar terbaru akan ditampilkan dalam daftar urut (<code><ul></code>). Teks “on” (huruf kecil) menunjukkan pemisah antara nama komentator & dengan judul posting. Angka 5 menunjukkan jumlah komentar & angka 0 merupakan isi komentar serta jangan lupa mengganti nama blog dengan blog Anda.Untuk demonstrasi dapat dilihat pada sidebar atau footer Optimasi Blog — Komentar Terakhir & Posting Terakhir.

12:45 AM

GIBZET0407