Jumat, 27 Agustus 2010

3 Tips Agar Template Anda Lebih Search Engine Friendly

Tahukah anda bahwa sebenarnya template anda berpengaruh cukup besar untuk kualitas SEO blog anda ? Ya, template itu merupakan salah satu bagian penting dari SEO sebuah blog, tanpa template yang memadai saya jamin SEO blog anda akan kurang maksimal.

Maksud SEO pada template disini adalah mengenai kecepatan indexing search engine untuk artikel-artikel anda. Mengapa selalu ada yang mengeluh kalau artikel terbarunya lama terindex oleh search engine, salah satu faktornya adalah template yang anda gunakan saat ini.

Apakah anda mempunyai pertanyaan yang sama ? Simak tips dari saya agar template anda lebih search engine friendly dan membantu mempercepat indexing artikel-artikel di blog anda.

1. Sidebar Di Kiri Kurang Baik

Untuk tips yang pertama, saya sarankan agar anda memilih template dengan sidebar ada disebelah kanan, mengapa ? Untuk anda yang penggila SEO, seharusnya sudah tahu hal ini, bahwa robot-robot search engine membaca sebuah blog itu dari kiri ke kanan.

Hal ini pun di benarkan oleh sebuah ebook yang saya baca, penulis ebook ini adalah Brad Callen ebook tersebut berjudul SEO Made Easy, bila penasaran untuk membacanya anda bisa mendownloadnya secara gratis melalui link ini.

Memang tidak harus anda memilih template dengan sidebar di kanan dan di kiri artikel, tapi apabila anda memang seseorang yang sangat mementingkan SEO, sudah menjadi barang wajib anda menggunakan template dengan sidebar di kiri artikel.

2. Template Minimalis Baik Untuk SEO

Mengapa minimalis bagus untuk SEO ? Jawabannya adalah karena minimalis sangat baik dari segi loading. Semakin baik/kencang loading blog anda, akan semakin baik pula SEO blog anda.

Arti minimalis disini bukan berarti blog anda harus menggunakan template 1 kolom, harus murni css tanpa gambar, atau bahkan harus tanpa sidebar. Bukan itu maksud saya ! Maksud saya adalah meminimaliskan template yang sudah anda gunakan sekarang.

Mulailah untuk membenahi template anda, copot fasilitas yang kurang bermanfaat untuk pembaca, copot juga fasilitas yang membuat loading blog anda menjadi sangat lambat. Saya sangat merekomendasikan untuk mencopot toolbar Wibiya untuk yang menggunakannya, saya sudah melakukan sedikit experiment kecil-kecilan, dengan memasang toolbar tersebut loading blog naik hingga 30-50% menjadi lebih berat.

3. Mulailah Belajar Mengurangi Error Pada Validitas

Menyinggung sedikit artikel Kang Rohman mengenai Haruskah Halaman Web Valid HTML, saya katakan harus ! Mengapa ? Karena ini salah satu masalah serius bila dihubungkan dengan SEO.

Sebuah sumber mengatakan, bahwa robot-robot search engine akan menjadi sangat sulit mengindex halaman blog anda apabila terjadi banyak error pada validitas di template yang anda gunakan.

Halaman blog error, bisa di karenakan fasilitas blog yang anda pasang. Silahkan anda cek sendiri di validator, selain anda mengurangi error, seperti tulisan saya di atas, loading blog anda pun akan semakin baik dengan meminimalisir fasilitas blog.

Menurut saya, bila jumlah error di blog anda masih menunjukan angka antara 10-20 saja sudah cukup aman, namun lebih baik kurangi menjadi di bawah 10 bahkan sangat baik bila sampai valid.

Walaupun tidak semua narablog mempunyai kemampuan untuk mengedit template karena harus mengerti bahasa HTML dan CSS, tapi tidak ada salahnya anda mulai mempelajarinya, karena ini untuk kebaikan anda sendiri.

Sudah banyak sekali yang menulis mengenai tutorial HTML dan CSS di dunia per-bloggeran ini, jadi saya yakin dengan sedikit kemauan dan usaha untuk mencari(googling), pasti anda bisa mengedit template anda, minimal anda bisa mengurangi error yang ada pada template yang anda gunakan.

Semoga tips saya di atas bisa membantu blog anda menjadi jauh lebih search engine friendly, apabila ada kesalahan atau kekurangan dalam penjelasan saya di atas silahkan anda koreksi Happy .

Author : Satrya
Blog: http://www.margasatrya.com
Tentang : Seorang blogger muda, web designer, css writer dan penggila platform wordpress. Prinsipnya, nikmati hidup karena hidup adalah anugrah.

Kamis, 19 Agustus 2010

Menghadapi komentar negatif

Di dalam nge-blog, kita pasti sering menjumpai berbagai macam komentar-komentar yang di tujukan kepada postingan yang kita buat.

Banyak webmaster yang mengatakan bahwa komentar-komentar dalam blog di bagi menjadi 2 macam. Diantaranya komentar positif dan komentar negatif.

Komentar positif biasanya lebih bermaksud untuk memeberikan kritikan yang membangun kepada kita.

Komentar negatif pun juga banyak yang memberikan kritikan, akan tetapi, kritikan komentar-komentar negatif sering kali menggunakan kata-kata kasar yang tidak layak di pasang di blog kita. Komentar ini biasanya di ucapkan oleh pengunjung yang iri kepada kita...

Agar lebih jelas tentang apa yang dimaksud dengan komentar positif dan negatif, simak contoh-contoh komentar di bawah ini.

Contoh komentar positif :

“saya sangat menghargai sekali dengan pendapat yang anda sampaikan, akan tetapi saya mempunyai pendapat lain. Yaitu.............(bla bla bla)”

Contoh komentar negatif :

“ah... trik apaan tu !! itu mah , sampah !! seharusnya gak bgitu !! bodo amat sih loe !!!!!!”

Hmmm, melihat contoh komentar negatif yang saya paparkan diatas, saya yakin, sebagai admin blog yang menerima komentar tersebut, pasti anda akan merasa sakit hati.

Alhamdulillah, hingga sampai detik ini juga, saya belum pernah menjumpai komentar-komentar negatif.

Jangankan komentar neggatif,mendapat komentar saja sangat jarang.... maklum, blog saya masih baru...

Ok, sekarang saatnya berbagi tips menghadapi komentar-komentar (respons) negatif.

- Jangan takut menghadapi komentar-komentar negatif

Komentar negatif bukanlah sebuah halangan untuk berhenti nge-blog. Komentar-komentar seperti ini umum, bagi setiap blogger. Apabila anda menjumpai komentar-komentar negatif, jangan takut, biarkan saja, komentar negatif tidak menggigit koq...

- Tanggapi komentar negatif

Sepanjang isi postingan kita masih bisa dikatakan “bermanfaat” bagi para pembaca, tanggapi saja komentar yang berbau negatif. Ingatkah akan pepatah “ kejahatan harus di balas dengan kebaikan” ?, Maka tanggapilah komentar negatif dengan kata-kata yang tidak kasar.

- Jangan hapus komentar negatif

Dengan menghapus komentar negatif dan tidak menanggapinya, bisa-bisa anda di cap sebagai “blogger pengecut”.

- Berkunjung balik ke blog yang berkomentar negatif

Apabila orang yang berkomentar negatif terhadap anda mempunyai blog, kunjungi saja blognya. Lalu berikanlah komentar yang positif di blognya. Bisa saja orang tersebut berbalik meminta maaf kepada anda karena telah menyesali perbuatanya.

Intinya, dalam menghadapi komentar-komentar negatif, anda harus sabar,sabar dan sabar. Ingat, “orang sabar di sayang Tuhan” bukan ?

Author : Luthfi Tri Atmaja
Blog: http://farzanawuss.blogspot.com/

Ubah Background Web dengan Javascript

Merubah warna background website dengan bantuan javascript. Sebelumnya saya akan berikan sedikit pengertian dari javascript. JavaScript adalah bahasa pemrograman berbasis prototipe yang berjalan disisi klien, jadi gak perlu install server web localhost dulu deh untuk menjalankannya. Jika kita berbicara dalam konteks web, sederhananya, kita dapat memahami JavaScript sebagai bahasa pemrograman yang berjalan di browser.

Ada beberapa hal yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya JavaScript adalah “case sensitive”, yang artinya JavaScript membedakan huruf besar dan huruf kecil, Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++, maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan huruf t. Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new date (huruf kecil semua), dan banyak yang lainnya.

Yah, kira-kita begitulah pengertian tentang javascript. Langsung aja deh. Coba klik link berikut :

Warna Merah

Warna Biru

Warna Hijau

Nah, sekarang saya akan berikan kode javascript untuk membuat link yang bisa menyulap warna latar belakang website. Berikut adalah websitenya:

<a href="#" onMouseOver="document.bgColor='red'">Warna Merah</a>
<a href="#" onMouseOver="document.bgColor='blue'">Warna Biru</a>
<a href="#" onMouseOver="document.bgColor='green'">Warna Hijau</a>

Silakan simpan di halaman web atau blog sobat, kemudian langsung uji coba deh tuh script.

PENJELASAN SCRIPT

Sedikit penjelasan untuk kumpulan kode di atas.

Pertama kita simpan tulisan Warna Merah, Warna Biru dan Warna Hijau di dalam tag <a> yang artinya memberikan link. Tapi biar ketika diklik gak lari ke halaman lain, maka kita isikan href nya dengan tanda pagar (#).

onMouseOver="document.bgColor='blue'"

Kode di atas berarti ketika kursor berada di atas text, maka jalankan perintah mengubah warna latar dengan javascript document.bgColor='blue' .

Sekian, jika ingin mengganti warnanya silakan ganti tulisan blue dengan warna lainnya.

Wilianto Indrawan
Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..
Web: http://www.desaiklan.com

Senin, 16 Agustus 2010

Jayalah Selalu Indonesiaku

HUT RI ke 65 Seharusnya Ini dipublikasikan dari sejak pagi hari tadi, namun berhubung Kang Rohman tertidur pulas dari pagi hingga tengah hari, akhirnya baru dipublikasikan sekarang. Hanya ingin mengucapkan DIrgahayu Republik Indonesia Yang Ke 65.

Jika dilihat dari umur manusia, angka 65 adalah angka dimana boleh dikatakan telah matang, matang dalam pemikiran dan matang dalam tindakan. Semoga untuk kedepannya Indonesia semakin maju dalam berbagai bidang, Baik dalam bidang teknologi, Ekonomi, dan lain sebagainya.

Selamat Hari Ulang Tahun Republik Indonesia Ke 65

Jayalah Selalu Indonesiaku

Minggu, 15 Agustus 2010

Haruskah Halaman Web Valid HTML

valid xhtml Haruskah sebuah halaman web / blog valid (X)HTML? Sebuah halaman web atau blog sebaiknya memang Valid (X)HTML atau lolos validasi, tapi jika mengatakan bahwa itu adalah suatu keharusan mungkin terlalu berlebihan. Kang Rohman sedikit senyum simpul ketika menjumpai blog yang begitu antusias agar halaman blognya lolos validasi HTML.

Para pengguna mesin blogger aka blogspot harus rela menerima kenyataan bahwa mesin blog yang mereka gunakan tidak lolos validasi dari w3c validator. Dari blog-blog yang pernah kang Rohman baca, diantara mereka ada yang merasa minder memakai mesin blogger, bahkan yang lebih ekstrim lagi ada yang rela migrasi dari blogger ke wordpress gara-gara urusan validasi ini.

Lagi-lagi dari apa yang pernah dibaca, mereka beranggapan bahwa sebuah halaman web yang valid (X)HTML akan sangat mendapatkan perhatian dari mesin telusur ( search engine ) atau dengan kata lain akan sangat SEO friendly. Benahkah? Thinking

Berangkat dari rasa penasaran, kang Rohman coba mengintip validitas dari situs-situs raksasa yang ada di internet. Yuk bagi yang mau ngintip, kita intip bareng-bareng.

1. Google

Ada yang tidak kenal dengan dengan situs raksasa Google? coba ah intip apakah google lolos validasi w3c validator, dan ini gambar yang di dapatkan :

google invalid html

Upsss. menurut W3C Validator, halaman google.com yang hanya seiprit mempunyai sampai 35 error dan 2 warning. Ternyata Google tidak terlalu perduli akan validasi dari W3C validator, ini terbukti dengan membiarkan halaman mereka tidak lolos HTMl validator.

 

2. Yahoo

Pilihan kedua jatuh ke search engine raksasa Yahoo.com. Berharap bahwa yahoo bisa lolos validasi. Berikut hasil pengecekannya :

yahoo invalid html

Duh. hasilnya mengatakan bahwa yahoo memiliki 161 error dan 32 warning. Lagi-lagi yahoo.com juga tidak perduli akan kevalidan halaman web mereka.

 

3. Bing

Coba mengintip situs raksasa bing, mungkin akan lain hasilnya :

bing invalid html

Hasilnya mendapatkan 12 error. Ah, bing juga tidak perduli dengan validasi HTML halaman web mereka.

 

4. Facebook

Mungkin karena ketiga situs diatas merupakan search engine, mereka kurang perduli akan kevalidan halaman web mereka, coba beralih ke situs jejaring sosial raksasa facebook. Berikut hasil intipannya :

facebook invalid html

Tidak tahu kenapa ketika mengecek validasi dari facebook.com, yang keluar jasilnya adalah untuk halaman http://m.facebook.com/?w2m&refsrc=http%3A%2F%2Fwww.facebook.com%2F&r1cc4a831. Tapi yang jelas hasilnya adalah mendapatkan 9 error.

 

5. Twitter

Yang suka berkicau, pasti kenal situs microblogging twitter. Hasil intipannya :

twitter invalid html

Twitter.com mendapatkan 17 error dan 70 warning. Tidak valid juga ternyata.

 

6. Wordpress.com

Berharap mendapatkan hasil yang berbeda dari penyedia blog populer saat ini wordpress.com. Hasilnya :

wordpress invalid html

Lagi, ternyata wordpress.com juga mendapatkan 9 error.

 

7 Matt Cutts Blog

Iseng-iseng mengintip dari blog bapak SEO google Matt Cutts. Mungkin hasilnya lain kali yah jika dari bapak SEO :

mutt cutts blog invalid html

Oh tidak. Bapak SEO google yang inipun mendapatkan 14 error untuk halaman depannya. Jadi, bapak SEO ini ternyata tidak terlalu perduli juga akan kevalidan halaman blog beliau.

 

Benarkah halaman yang valid HTML menjadi SEO friendly? melihat dari contoh kasus diatas, sepertinya tidak mutlak, karena contoh situs yang dihadirkan bukanlah situs coro seperti blog kang Rohman. Mungkin pengaruh terhadap page rank? mungkin, tapi tidak juga tuh. Data page rank situs yang dicontohkan (tentunya saat ini ) : Google.com (PR10), yahoo.com (PR9), Bing.com (PR8), facebook.com (PR10), Twitter.com (PR8), Wordpress.com (PR9). mattcutts.com/blog (PR7).

Menurut pandangan Kang rohman sendiri, membuat halaman web atau blog agar lolos validasi memang perlu dan sebisa mungkin lakukan seperti itu. Namun, hal tersebut jangan terlalu dibesar-besarkan, jangan terlalu membuang waktu dengan memaksakan halaman blog anda harus bisa valid, fokuslah ke konten blog karena pengunjung melihat isi dari blog anda bukan dari kevalidan blog anda.

Catatan Tambahan :

  • Artikel diatas bukanlah suatu hal provokasi, hanyalah sebuah tulisan yang mungkin tanpa makna.
  • Hasil validasi diatas berlaku hanya pada saat artikel ini di publikasikan, jika anda membacanya diwaktu yang akan datang, tentunya akan berbeda hasilnya.
  • Untuk anda pengguna mesin blogger yang notabene tidak valid HTML, tidak usah minder. Blog anda dinilai dari isi blog anda bukan dari segi validitas.
  • Untuk anda yang sibuk dengan validasi, silahkan Lanjutkan, jangan terganggu dengan artikel ini. Langkah anda sudah pada jalan yang benar.

Jumat, 13 Agustus 2010

Sistem Kometar baru Di blogger

Lagi, blogger mengeluarkan fitur baru. Jika sebelumnya telah dikabarkan bahwa blogger mengintergarsikan statistik blogger langsung ke dashboard blogger, kini dirilis tentang sistem komentar baru di blogger.

Beberapa hari yang lalu blogger buzz mengabarkan akan sistem komentar baru yang dipakai oleh blogger. Dengan sistem komentar yang baru ini, kita sebagai pengguna blogger dapat melihat komentar-komentar yang telah di terbitkan, Menunggu moderasi, atau dideteksi sebagai komentar spam. Jadi, tentunya sistem yang baru ini lebih efektif daripada sistem komentar yang sebelumnya dipakai.

komentar sistem baru blogger

Dari pengamatan kang Rohman. Tab menu khusus komentar tersebut akan muncul jika kita mengaktifkan fungsi moderasi untuk komentar.

komentar

moderasi komentar

Disebutkan bahwa saat ini belum semua blogger mendapatkan fasilitas sistem komentar baru ini, namun dalam waktu dekat tentunya fitur tersebut akan segera anda nikmati.

Tips menampilkan postingan hanya judulnya saja

Fasilitas ‘Tanya Saja!” kolom tutorial rupanya banyak mendapatkan perhatian dari para pengunjung. Puluhan pertanyaan telah masuk, sebagian sudah dijawab secara langsung dan ada juga yang melalui postingan untuk pertanyaan yang memang memerlukan jawaban yang lebih rumit. Yang pertanyaannya belum dijawab, mohon sabar yah, mudah-mudahan nanti bisa terjawab Happy

Pertanyaan :

Kang Rohman... sebelumnya saya minta maaf kl email saya menggangu, saya ingin tanya kang, gimana caranya menampilkan postingan yg hanya tampil judul postingannya saja

Jawaban :

Memang, beberapa blogger memilih blognya hanya menampilkan judul posting saja pada halaman depan atau home page. Mungkin dasar pemikiran dari pemilik blog itu sendiri adalah menampilkan hanya judul posting saja dapat menghemat ruang sehingga jumlah post yang ditampilkan bisa lebih banyak pada halaman depan atau beranda. alasan pendukung lainnya mungkin karena judul posting sangat mewakili isi dari posting itu sendiri sehingga dengan menampilkan judul posting di halaman depan lebih memungkinkan artikelnya akan lebih banyak di baca oleh para pengunjungnya. Berikut contoh blog yang hanya menampilkan judul post nya saja :

judul posting

Agar pada halaman depan hanya menampilkan judul posting saja, berikut langkah-langkahnya :

  • Silahkan login ke blogger dengan ID anda.
  • Klik Rancangan

      rancangan 

  • Klik menu Edit HTML.

    edit html

  • Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

    backup template

  • Carilah kode ]]></b:skin>
  • Copy kode berikut, lalu paste di bawah kode ]]></b:skin>
         
    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
    .post-body{display:none;}
    </b:if>
    </b:if>
    </style>



  • Klik tombol SIMPAN TEMPLATE.


  • Selesai. Silahkan lihat hasilnya.



Mudah bukan? namun, dengan memasang kode diatas masih menyisakan beberapa elemen seperti tanggal posting, komentar dan yang lainnya. Jika anda ingin menghilangkan semuanya dan yang tersisa hanya judul post nya saja, mungkin anda bisa menggunakan kode berikut :



     
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .post-footer, .jump-link,
.post-timestamp, .reaction-buttons,
.star-ratings, .post-backlinks,
.post-icons, .date-header{display:none;}
</b:if>
</b:if>
</style>


Jika ternyata masih ada elemen tersisa selain judul post, mungkin kode template anda tidak mengikuti standar template blogger. Bagaimana solusinya? anda harus mengenali struktur template anda.



Bagi anda pengguna browser internet firefox, kang Rohman punya tips mudah mengenali struktur template anda yaitu dengan menginstall add-ons Web Developer yang bisa anda download di add-ons for firefox.



Sekarang kang Rohman anggap anda telah menginstall add-ons web developer pada firefox yang anda gunakan. Silahkan buka alamat blog anda ( tentunya yang akan di edit sesuai artikel diatas ). Klik menu Information, kemudian pilih Display Div Order.



div order



Maka secara otomatis akan ditampilkan struktur div dari template anda. Contoh gambar :



struktur div



Dari gambar tersebut terlihat bahwa tanggal posting serta komentar disimpan dalam elemen div :



.databarleft



.datebarright



 



Sehingga kode yang digunakan menjadi seperti ini :



     
<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
.post-body, .databarleft, .datebarright{display:none;}
</b:if>
</b:if>
</style>


Semoga bisa difahami.


Update : kode telah di sempurnakan agar tidak konflik dengan static page / static post

Kamis, 12 Agustus 2010

Pengenalan (dasar) PHP

Menurut dokumen resmi PHP. PHP merupakan singkatan dari Hypertext Preprocessor. PHP merupakan sebuah file teks yang terpasang pada HTML dan merupakan bahasa berbentuk script yang ditempatkan dalam server dan diproses di server. Hasilnya dikirimkan ke klien tempat pemakai menggunakan browser. Analogikanya PHP merupakan bahasa pemrograman web yang bersifat server side html atau embedded scripting, dimana sintaknya menyatu dengan sintak HTML. Tujuan dari PHP ini sama dengan HTML yaitu untuk memungkinkan webdesain membuat halaman web dengan relatif mudah dan cepat.

Secara khusus PHP, dirancang untuk membentuk aplikasi web dinamis. Artinya dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya Anda bisa menampilkan isi database ke halaman web. Pada prinsipnya PHP mempunyai fungsi yang sama dengan script-script seperti ASP (Active Server Page), Cold Fusion ataupun Perl. Namun perlu diketahui bahwa PHP sebenarnya bisa dipakai secara command line. Artinya script PHP dapat dijalankan melibatkan web server maupun browser. Yang menarik kode PHP juga bisa berkomunikasi dengan database dan melakuakan perhitungan-perhitungan yang kompleks sambil jalan.

Kelahiran PHP bermula saat Rasmus Lerdorf membuat script PERL yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya yakni pada tahun 1994. Script-script ini selanjutnya dikemas menjadi tool yang disebut "Personal Home Page". Paket inilah yang menjadi cikal bakal PHP. Pada tahun 1995, Rasmus menciptakan PHP/FI versi 2. Pada versi inilah pemrograman dapat menempelkan code terstructur di dalam tag HTML.

Pada saat ini PHP cukup populer sebagai pemrograman Web, terutama di lingkungan Linux. Walaupun demikian, PHP sebenarnya juga dapat berfungsi pada server-server yang berbasi UNIX, Windows, Macintosh.

Pada awalnya PHP dirancang untuk diintegrasikan dengan webserver Apache. Namu belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server) dan Xitami.

Untuk mencoba PHP, Anda tidak perlu menggunakan komputer berkelas server. Hanya dengan sebuah komputer biasa, Anda bisa mempelajari dan mempraktikan PHP.

PHP bersifat bebas dipakai, Anda tidak perlu membayar apa pun untuk menggunakan perangkat lunak alias Free. Anda bisa men-downloadnya melalui situs http://php.net/ PHP tersedia dalam bentuk kode binner maupun kode sumber yang lengkap.

HUBUNGAN PHP dengan HTML

Sekilas tentang HTML

HTML merupakan Hyper Text Markup Language. HTML merupakan dokumen yang disajikan dalam suatu web yang dapat dibuat dengan teks editor semisal notepad.

Lalu apa hubungan antara PHP dengan HTML? Suatu halaman web biasanya disusun dari file teks murni HTML yang kemudian disimpan pada sebuah file yang berekstensi *.html File tersebut dikirimkan oleh host server ke web browser, seperti IE, Opera, Nescape Navigator, Mozila Firefox, dll yang kemudian file tersebut diterjemahkan sehingga menghasilkan suatu halaman web yang indah. Beda halnya dengan PHP file ini berekstensi *.php kemudianfile tersebut harus diterjemahkan oleh web server sehingga menghasilkan file html yang kemudian dikirim ke web browser agar dapat ditampilkan pada suatu halaman web.

gus ikhwan author : Gus Ikhwan

CSS writer, web enthusiast, yang berhasrat menjadi web developer dan Tidak bisa hidup tanpa Gmail, Google Reader dan Twitter.

Situs : http://facebook.com/ikhwan.goblog

Selasa, 10 Agustus 2010

Marhaban Ya Ramadhan 1431H

marhaban-ya-ramadhan-1431 Marhaban Ya Ramadhan 1431H. Alhamdulillah. Rupanya Allah SWT masih mengijinkan kang Rohman untuk bertemu dengan bulan suci ramadhan tahun ini. Marilah kita  sambut bulan yang suci ini dengan hati yang penuh keikhlasan.

Tentu, dalam perjalanan setahun ke belakang kang Rohman banyak sekali berbuat dosa, baik yang disadari ataupun yang tidak di sadari, oleh karenanya Kang Rohman secara pribadi beserta keluarga mohon maaf lahir dan bathin atas segala khilaf yang telah di perbuat selama ini kepada anda para pengunjung setia blog kang Rohman.

 

Ù…َرْØ­َبًا ÙŠَا رَÙ…َضَانُ

Senin, 09 Agustus 2010

Tutorial menghilangkan salah satu widget sidebar di home page

Sebelumnya telah ditulis bagaimana trik untuk menghilangkan widget posting pada home page di blogger. Rupanya muncul pertanyaan baru yaitu “ bagaimana jika yang dihilangkan itu adalah salah satu widget sidebar, jadi widget sidebar yang dihilangkan tidak akan muncul pada halaman depan alias home page, namun akan muncul pada halaman single post”.

Emang bisa? jawabannya adalah bisa, dan caranyapun cukup sederhana. Trik seperti ini biasanya diterapkan agar blog lebih terlihat atraktif dan banyak yang berasumsi lebih menarik daripada yang biasanya.

Sebelum masuk ke tutorial menghilangkan Tutorial menghilangkan salah satu widget sidebar di home page, ada baiknya kita samakan duhulu persepsi tentang bahasa yang kang Rohman pergunakan yaitu tentang Home Page dan Single Post.

Home page yang dimaksud adalah halaman depan dari suatu blog, misal blog kang Rohman alamat homepage nya adalah http://kolom-tutorial.blogspot.com. Untuk melihat ini, anda harus memperhatikan alamat yang tertera pada address bar browser internet anda.

home page kolomtutorial

Sedangkan yang dimaksud sebagai single post adalah halaman penuh dari suatu artikel. Hal ini apabila anda membaca suatu artikel secara penuh, caranya adalah dengan klik pada judul artikel tersebut atau dengan klik link baca selengkapnya atau ada juga yang menggunakan kata read more. alamat single post merupakan paduan dari alamat home page dengan judul arikel. Berikut contoh gambar dari alamat URL single post :

single post kolom tutorial

Nah, sekarang sudah sepakat dong dengan bahasa yang kang Rohman gunakan? mari langsung ke topik utama.

Langkah pertama yang harus anda lakukan adalah mengidentifikasi widget sidebar yang ingin dihilangkan dari home page. Metode yang dipakai adalah mengenali dri judul sidebar itu sendiri. Coba lakukan hal berikut :

Mengenali Widget Sidebar dari Judul Sidebar

Cara mudah mengenali widget sidebar yang mau di hilangkan dari home page menurut kang Rohman adalah dari Judul sidebar. Dari situ maka akan di ketahui ID dari widget tersebut. Berikut langkahnya :

  • Silahkan login ke blogger dengan ID anda.
  • Klik Rancangan.

    rancangan di blogger

  • Klik tab Edit HTML.

    Edit HTML di blogger

  • Carilah kode yang mirip-mirip seperti ini :


    <b:widget id='HTML6' locked='false' title='Tentang Kami' type='HTML'/>
    <b:widget id='HTML9' locked='false' title='Langganan Template Via Email' type='HTML'/>
    <b:widget id='HTML5' locked='false' title='Langgan artikel  Via Email' type='HTML'/>

  • Setiap blog pasti berbeda kodenya, makanya kang Rohman tulis yang mirip dengan kode diatas. Copy kode tadi pada pada note pad atau sejenisnya.

Dari contoh diatas, blog kang Rohman mempunyai 3 widget, dan yang penting harus anda perhatikan adalah yang tercetak merah  dan orange yaitu :

  • HTML6   -    'Tentang Kami
  • HTML9   -    Langganan Template Via Email
  • HTML5   -   Langgan artikel  Via Email

Yang dicetak merah adalah ID dari widget sidebar dan yang dicetak orange adalah judul widget atau judul yang ada di sidebar. Dari sini tentunya kita sudah bisa mengetahui ID dari masing-masing widget yang ada, dan langkah selanjutnya adalah widget mana yang di inginkan agar di halaman home page tidak muncul, namun pada halaman single post widget tersebut bisa muncul.

Agar tutorial ini tidak buntu, Okelah kalau begitu kita ambil contoh untuk ID ini :

HTML6

Karena ini adalah sebuah ID, di dalam kode CSS nanti hanya perlu ditambahkan tanda pagar ( # ) di depannya, sehingga menjadi seperti ini :

#HTML6

 

Membuat kode CSS

Kode CSS dasar untuk membuat sebuah ID jangan dI munculkan dalam sebuah halaman web adalah seperti ini :

#ID {display:none}

Karena ID nya tadi sudah di ketahui yaitu #HTML6, maka kodenya menjadi seperti ini :

#HTML6 {display:none}

 

Yang menjadi masalah adalah kita tidak ingin widget tersebut secara permanen tidak di tampilkan, tapi hanya di home page saja, sedangkan di halaman single post bisa muncul. Solusi dari ini adalah menggunakan fungsi if condition di blogger.

Fungsi CSS menggunakan If Condition

Metode yang akan di gunakan pada tutorial kali ini adalah penggunaan CSS dengan fungsi if condition. Kode untuk menampilkan suatu widget sidebar hanya tampil pada single post adalah sebagai berikut :

<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Karena tadi ID nya sudah didapatkan yaitu #HTML6 ( hanya contoh ), maka kodenya menjadi seperti ini :



<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#HTML6{display:none}
</b:if>
</style>


Dimana menempatkan kode tersebut? anda bisa menyimpannya dibawah kode ]]></b:skin> atau diatas kode </head>



Masih belum paham? berikut cara pemasangan lengkapnya :




  • Silahkan login ke blogger dengan ID anda.


  • Klik Rancangan.


  • Klik tab Edit HTML.


  • Cari kode ]]></b:skin>


  • Copy lalu paste kode berikut di bawah kode ]]></b:skin> ( ingat! ID nya harus anda ganti sesuai dengan template blog anda )

    <style type='text/css'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    #ID{display:none}
    </b:if>
    </style>



  • Klik tombol SIMPAN SETELAN.


  • Selesai. Silahkan lihat hasilnya.



Dari perjalanan panjang anda membaca dari tulisan atas sampai ke sini, intinya hanyalah memasang kode CSS yag memakai kode if condition  itu saja, tidak ada yang lain Winking.



Namun, mungkin diantara anda ada yang bertanya secara terbalik, bagaimana menampilkan suatu widget sidebar hanya di home page saja, sedangkan di halaman single post widget tersebut tidak muncul ( hilang ) ?



Jawabannya sangat-sangat sederhana, perhatikan kode berikut :



<style type='text/css'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Anda hanya perlu mengganti tanda seru ( ! ) yang kang Rohman cetak merah dengan tanda sama dengan  ( = ), maka fungsi kode tersebut akan bersifat terbalik.



<style type='text/css'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#ID{display:none}
</b:if>
</style>


Hanya itu!



Selamat ber lelah ria!

Jumat, 06 Agustus 2010

Buat Halaman Intro Di blogger

Ada beberapa orang yang menanyakan ke Kang Rohman, bisakah di blogger membuat halaman intro seperti pada website-website tertentu? jawabannya mungkin bisa saja kali, cuma terus terang kang Rohman belum pernah mencobanya.

Apa yang dimaksud intro disini? mungkin yang dimaksud oleh si penanya adalah pada website-website tertentu, apabila website tersebut dikunjungi tidak langsung ke halaman utama, namun terlebih dahulu disuguhkan oleh sebuah halaman yang umumnya adalah ucapan selamat datang atau navigasi, ada juga yang berupa gambar animasi ataupun dalam bentuk flash.

Secara umum, blog diblogger agak sulit untuk membuat halaman intro, namun bukan berarti tidak mungkin. Terkait masalah intro ini, pernah juga beberapa blogger membahasnya, antara lain adalah teman kang Rohman yaitu Kang Jaloe, dalam blognya diterangkan bagaimana mengakali agar diblogger bisa dibuat sebuah intro.

Tertarik akan topik ini, kang Rohman mencoba untuk membuat sebuah halaman intro yang bisa dipakai di blogger. Dengan bermodalkan sebuah script iklan dari dynamicdrive, dan tentu saja terjadi modifikasi dibeberapa titik, akhirnya halaman yang mirip intro bisa juga dibuat. Yang penasaran mungkin bisa melihat halaman demonya disini.

Jika sesuai skenario, pada halaman tersebut anda disuguhi sebuah halaman intro berupa ucapan selamat datang dan sebuah animasi gif dari winnie the pooh, dan untuk melihat halaman asli dari blog tersebut anda bisa klik tulisan “Go to Homepage” atau pada animasi winnie the pooh nya.

Apabila anda telah masuk ke homepage halaman aslinya, anda tidak akan melihat kembali halaman intro tersebut, dengan kata lain anda tidak akan diganggu lagi oleh kehadirannya. Kapan anda bisa melihat kembali halaman intro tersebut? halaman intro tersebut akan muncul kembali apabila anda menutup browser yang digunakan, kemudian mengunjungi kembali halaman tersebut. Namun efek tersebut berlaku apabila komputer yang anda gunakan tidak mematikan fungsi cookie karena script yang digunakan menggunakan meninggalkan jejak di cookie komputer sebagai pengingat.

Ah kang Rohman terlalu banyak basa basi, langsung ke tutorial pemasangan script tersebut dong? Eith, sabar dulu dong. Kalau orang dewasa bilang perlu foreplay agar terasa lebih nikmat…. upsss itu sih untuk tujuh belas tahun keatas Not worthy

Tapi jika terlalu kepanjangan jadi bosen juga yah, mending langsung aja deh ke tutorial bagaimana cara memasang script intro ke blogger.

Cara Pasang Script Intro Ke blogger

Silahkan ikuti langkah-langkah berikut ini :

  1. Silahkan login ke blogger dengan ID anda.
  2. Klik Rancangan.

    rancangan

  3. Klik menu Edit HTML

    edit html

  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.

  5. Silahkan cari kode berikut pada template anda :
    ]]></b:skin>



  6. Silahkan copy, lalu paste kode berikut diatas kode ]]></b:skin>

    #intro{
    background:#CAD8C9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidC8YBwwz9BCJpat-KbrFEgO8rz_j99xoBWDbNQUQ9YRiNp9V85yGwqaCw6doRz_W5GTkCOJZNp1Kcezs-PQD783jrb2_apKVDJg87potVdA80as45l1WP94rMVnLtsM8tPIVJYJdUiHY/) repeat-x top left fixed;
    position:fixed;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    z-index:100;
    text-align:center;
    visibility:hidden;
    }
    * html #intro{
    position:absolute;
    width:expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    #intro .welcome{
    color: rgb(255, 0, 0);
    font-weight: bold;
    font-style: italic;
    font-size:30px;
    margin-top:10%;
    margin-bottom:1%;
    text-shadow:1px 1px 1px #fff;
    }
    #intro a img{border:none}
    .gohome, .gohome a,.gohome a:visited,.gohome a:active{
    color: rgb(255, 0, 0);
    font-weight: bold;
    font-style: italic;
    margin-top:4%;
    font-size:25px;
    text-shadow:1px 1px 1px #fff
    }
    .gohome a:hover{
    color:#ffffff;
    text-shadow:1px 1px 1px #f00;
    text-decoration:none
    }



  7. Silahkan cari kode berikut pada template anda :
    </head>



  8. Silahkan copy, lalu paste script berikut diatas kode </head>

    <script type='text/javascript'> 
    //<![CDATA[
    /***********************************************
    * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com)
    * Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
    * This notice must stay intact for legal use.
    * Visit http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    /*************************************************
    * Blogger intro by http://www.blogspottutorial.com
    **************************************************/
    var persistclose=1
    var startX = 0
    var startY = 0
    var verticalpos="fromtop"
    function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }}return returnvalue;}
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("intro").style.visibility="hidden";}
    function staticbar(){
    barheight=document.getElementById("intro").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";}
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY; }
    return el; }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y == (pY + startY - ftlObj.y)/0;}
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y == (pY - startY - ftlObj.y)/0;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10); }
    ftlObj = ml("intro");
    stayTopLeft();}
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    //]]>
    </script>



  9. Cari kode berikut pada template anda <body>


  10. Copy, lalu paste kode berikut dibawah kode <body>

    <div id='intro'><div class='welcome'>Welcome to my blog</div>
    <a href='' onclick='closebar(); return false'><img alt='go to my homepage' src='http://i234.photobucket.com/albums/ee208/decnote/cute-comment/Cute-hi5-60.gif' title='go to my homepage'/></a>
    <div class='gohome'><a href='' onclick='closebar(); return false'>Go to homepage</a></div>
    </div>



  11. Klik tombol SIMPAN SETELAN.


  12. Silahkan lihat hasilnya. Selesai.



Penjelasan



Script diatas hanyalah sebuah contoh saja, anda dapat berbagai variasi tampilan dengan memodifikasi bagian CSS.



Anda dapat mengubah tulisan yang ada dengan tulisan anda sendiri, selain itu jika anda penggemar flash, tentu saja dapat mengganti gambar animasi gif diatas dengan kode flash yang anda miliki.



Kelebihan Script Intro Blogger



Script ini menggunakan cookie sebagai pengingat, sehingga karekteristiknya hampir mendekati sebuah intro sungguhan seperti pada website-wbsite tertentu.



Kekurangan Script Intro Blogger



Kekurangan yang dirasa cukup mencolok adalah intro ini menggunakan script untuk menutup halaman utama yang dalam kenyataannya halaman blog anda yang lebih dahulu di load daripada script intro yang sedikit lambat untuk di load, sehingga halaman yang terbuka lebih dahulu adalah halaman blog anda kemudian beberapa saat kemudian disusul dengan halaman intro. Ini tentunya terbalik dengan tujuan utama dari sebuah intro.



Walaupun demikian, ini tentunya bisa jadi sebuah ide atau inspirasi bagi anda yang mahir tentang pemrograman untuk menciptakan script intro yang lebih ringan di load ataupun cara-cara lain untuk membuat sebuah halaman intro yang lebih mantap surantap Big Grin.



Akhir Kata



Semua tulisan diatas hanyalah sebuah iseng dari sebuah kesenangan kang Rohman belaka, oleh karenanya tentu banyak kekurangan disana sini yang tentunya anda perlu memaklumi atas kekurangan tersebut.



Source and Credits


Rabu, 04 Agustus 2010

Perintah echo pada PHP

Pada artikel sebelumnya di sini, kita membahas cara membuat server web localhost. Nah pada kesempatan kali ini, mari kita coba dan pelajari cara menggunakan server web tersebut secara lebih maksimal, yaitu dengan mencobanya dengan membuat file PHP.

Langkah pertama adalah buat folder baru di dalam server localhost yang berlokasi di C:\XAMPP\htdocs (sesuai tempat penginstallan). Beri nama folder baru tersebut dengan “latihan”.

Kita akan membuatnya menggunakan notepad, karena merupakan software default bawaan dari windows. So, sobat-sobat pasti punya kan? Setelah program notepad terbuka, maka ketikanlah kode berikut di dalamnya.

 

<html>
<head><title>Web PHP Pertamaku</title></head>
<body>
<?php
echo "Tulisan Tanpa Variasi. <br>";
echo "<b>Tulisan Dengan Bold.</b><br>";
echo "<u>Tulisan Dengan Garis Bawah.</u>";
?>
</body>
</html> 


Setelah selesai mengetikan kode di atas, simpan dengan nama “pertama.php” di dalam folder “latihan” yang baru saja dibuat.



Ingat! Karena sobat menggunakan notepad, jadi harus perhatikan juga Save as type nya , ubah jadi All Files.



 latihan php



Setelah selesai menyimpannya, maka selanjutnya kita akses file tersebut dari browser kesayangan sobat. Buka browsernya lalu arahkan addressnya ke http://localhost/latihan/pertama.php dan lihat hasilnya.



PENJELASAN KODE



Setiap memulai kode PHP, harus kita awali dengan tanda <?php. Lalu di baris-baris kode berikutnya sobat sering melihat kata echo, kata ini sebenarnya adalah sebuah perintah PHP untuk mencetak kata ke layar browser. Kalau pada HTML kita bisa mengetikan secara langsung kodenya untuk ditampilkan ke layar browser, tapi kalau di PHP harus diawali dengan perintah echo terlebih dahulu.



echo "<b>Tulisan Dengan Bold.</b><br>";



Isi yang akan kita cetak, harus kita letakan di antara tanda petik. Selain itu kita juga bisa menambahkan kode HTML di dalamnya, pada hal ini kita tambahkan tag <b> yang fungsinya untuk mencetak tebal (bold). Dan jangan lupa setelah selesai setiap suatu perintah (statement) di dalam PHP harus kita beri tanda titik koma ( ; ).



Sekarang kita beralih ke alamat/URL pengaksesannya, yaitu http://localhost/latihan/pertama.php



http://localhost adalah URL untuk mengakses server local, lalu latihan/ adalah nama folder tempat kita menyimpan filenya. Sedangkan pertama.php adalah nama file yang akan kita akses.



Sekian dulu tutorial kali ini, sampai jumpa next time. Mudah-mudahan bisa bermanfaat bagi semua.





Tentang Author :

Wilianto Indrawan


Seorang blogger dan freelance web developer yang suka coba-coba hal-hal baru walaupun kadang suka sok tau, but be myself..


Blog: http://www.wilianto.com

Hilangkan Widget Post di Homepage

Posting ini merupakan sesi dari “Tanya saja!” di kolom tutorial.

Penanya :

kang punten bade tumaros. Gmn caranya supaya ketika orang masuk ke blog kita, yamg pertama dilihat selalu halaman awal/home (biasanya di posting terakhir, kayak di situs2 .com, .net atau apapun juga.
Hatur nuhun

Kang Rohman :

Saya kurang ngerti pertanyaannya. apa yang dimaksud adalah intro, kaya gambar2 flash gitu?

Penanya :

kayaknya bukan intro. Maksud saya ketika pengunjung masuk ke blog saya maka yang pertama kali kebuka itu selalu halaman awal (home), karena setahu saya biasanya yang pertama kali kebuka adalah postingan terakhir. hatur nuhun

Dari keterangan yang kedua, diketahui bahwa yang diinginkan adalah agar halaman posting tidak muncul dihalaman depan alias homepage. Apakah ini bisa diterapkan pada template blogger? jawabannya adalah bisa. Anda hanya cukup menambahkan kode if condition saja.

Teknik yang bisa digunakan bisa dengan if condition pada kode CSS atau bisa juga langsung pada kode HTML.  Sebagai contoh, kang Rohman akan menggunakan teknik if condition pada kode HTML.

Kode widget post, didalam template blogger umumnya adalah seperti berikut :

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

 


Agar widget post atau halaman posting tidak muncul dihalaman depan aka homepage, anda cukup menambahkan kode seperti ini ( warna hijau )


<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

Kode yang berwarna hijau adalah agar widget post tidak muncul pada halaman depan saja, namun akan muncul pada halaman single post, kategori, pencarian, arsip dll. Intinya kode tersebut hanya menghilangkan dari halaman depan saja.


Selain kode tersebut, anda juga bisa menggunakan kode berikut (warna hijau) :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</b:if>

 


Kalau yang ini lebih sedikit ekstrim. Widget post atau halaman posting hanya akan muncul pada halaman single post saja ( halaman apabila posting tersebut dibaca secara keseluruhan atau hanya pada URL posting itu saja ). Jadi, pada halaman lain seperti halaman kategori, halaman arsip, halaman pencarian dan lain-lain tidak akan muncul.


Nah, mau pilih yang mana? silahkan sesuaikan dengan keinginan atau kebutuhan.


Trik menghilangkan Widget post di homepage


Berikut tutorial lengkap bagaimana implementasi penempatan kode diatas :



  1. Silahkan login ke blogger dengan ID anda.

  2. Klik Rancangan

       



  3. Klik menu Edit HTML.



  4. Disarankan untuk membuat backup terlebih dahulu, klik pada tulisan Download Template Lengkap.



  5. Carilah kode berikut pada template anda :
    <b:section class='main' id='main' showaddelement='no'> 
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>


  6. Gantilah kode tersebut dengan kode berikut ini :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <b:section class='main' id='main' showaddelement='no'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
    </b:section>
    </b:if>


  7. Klik tombol SIMPAN TEMPLATE.

  8. Selesai.


Satu yang harus anda ingat yaitu pada halaman depan alias homepage, anda harus memasang link ke postingan yang dimaksud, bisa pada menu navigasi, link disidebar atau dimanapun agar pengunjung bisa mengakses isi postingan anda.


Trik diatas, kang Rohman rasa cocoknya adalah untuk blog yang statis seperti blog jualan atau toko online yang jarang melakukan update post, dan tentunya kurang cocok untuk format blog yang postingannya sering diupdate.


Ada masukan dari anda?

Selasa, 03 Agustus 2010

Free CSS3 menu Generator

CSS3 saat ini sedang hangat-hangatnya dibicarakan oleh para webmaster serta blogger. Kehadiran CSS3 dianggap membawa angin segar khususnya bagi mereka para web developer. Hal ini tiada lain karena fitur-fitur CSS3 yang begitu menakjubkan.

Salah satu contoh kecil dari fitur CSS3 adalah dalam pembuatan tombol menu atau navigasi. Dengan CSS3  ini, membuat tombol navigasi berbentuk rounder tidak lagi  memerlukan bantuan gambar atau javascript, sehingga proses loding akan lebih cepat.

Nah, bagi anda yang menyukai menu dengan efek dari CSS3 yang menakjubkan, kini tidak usah berpusing ria atau berguling-guling dipasir karena anda dapat membuatnya dalam waktu beberapa menit saja dengan memakai CSS3 menu Generator.

css3 menu generator

Nama asli dari aplikasi ini adalah CSS3 menu 1.2, cuma biar gayaan dikit kang rohman tambahkan generator di belakangnya Big Grin.

 

Dengan aplikasi CSS3 Menu, anda dapat membuat berbagai macam Menu yang begitu cantik hasil dari efek CSS3 hanya dalam hitungan menit. Untuk melihat live demo yang dihasilkan dari CSS3 menu, bisa anda lihat di sini.

Yang mo nyoba, silahkan download saja langsung  CSS3 Menu.

 

Semoga bermanfaat!

DNS Park Ganti NameServer Untuk Layanan Free

Sekitar tanggal 18 juli lalu, kang rohman menerima email dari DNS park, bahwa mereka mengganti alamat nameserver untuk layanan free nya alias layanan gratis, sedangkan untuk layanan berbayar masih tetap menggunakan nameserver terdahulu. Penggantian ini terhitung mulai tanggal 1 agustus kemarin. Jika sebelumnya alamat NameServer (ns) yang dipakai adalah dns1.dnspark.net, maka untuk ns yang baru adalah fns1.dnspark.net.

Berikut petikan lengkap email dari DNS park :

DNS Park User,
You are receiving this DNS Park update because you are using our Free DNS Hosting services on the domains listed below.  The information in this update only applies to Free services, even if you have other paid services in your account.
As part of our ongoing Continuous Improvement efforts, and as a follow-up action to the recent DDoS attacks our network has encountered, we are rolling out additional layers of redundancy and reliability.  A vital piece of this initiative is to separate off and "insulate" aspects of our core services to prevent service issues with one from affecting another.  To that end, we are migrating all Free DNS Hosting services to their own "Free" nameservers, per the specifications below.  You have until AUGUST 1, 2010, to update the authoritative nameservers at your registrar per the specifications below, after which time, all other DNS Park nameservers will stop answering for Free services.  We believe this infrastructure change will isolate our core Paid DNS Hosting services, allow us to respond to network events more effectively, and allow us to continue providing our Free DNS Hosting services to the non-mission-critical user who needs reliable DNS Hosting.
Currently, the NS records in your Free DNS Hosting domains, and all future Free DNS Hosting domains are assigned to the new Free Nameservers, and the zones have been updated to reflect the new NS records for you.  You will need to update your registrar with the new NS records for each domain listed below.  Some registrars require IP addresses as well and they are listed below for your convenience.  If your registrar does not request the IP address, you can ignore that information.  If you have Paid services in your account, they are unaffected and will remain on the nsX.dnspark.net nameservers.  If you have already updated your registrar to point to the DNS servers listed below, please disregard this update.
-------------------------------------------------------------------------------
Account ID: 1126xxx
Account Email: xxxxx@gmail.com
Service Type: Free DNS Hosting and Free Base DNS Hosting
Affected Domains:  "blogspottutorial.com"
New Nameservers:
fns1.dnspark.net - 66.98.161.195
fns2.dnspark.net - 209.160.70.245
Deadline: AUGUST 01, 2010
-------------------------------------------------------------------------------
Just a reminder - Free services are not covered by our Service Level Agreement, and are not entitled to Technical Support, so please don't open a ticket related to this update, as our Technical Support Team will be unable to assist you.  If it has been a while since you accessed your account, and you don't have your account credentials, please use the 'Forgot Your Password' link at https://www.dnspark.net/ to reset and retrieve your password.  The account email address is listed above and is also the one this update is addressed to.  If you need to open a ticket related to this update, please include your login name & domain so our Support Team can most effectively respond.  Tickets that do not include the login name and domain will be delayed.
While many DNS Hosting providers have stopped providing free hosting, we are committed to providing free, reliable, DNS Hosting to those who need it.  We are equally committed to continually improving our infrastructure and adapting it to best fit the needs of our paying customers.  This upgrade to our infrastructure is a step in helping us attain both of those goals.  We appreciate that you trust us to host your DNS and look forward to offering an even more reliable service in the future.
DNS Park Operations

Bagi mereka yang menggunakan DNS gratis dari DNS park dan masih belum mengubah nameserver di domainnnya, secara otomatis pada tanggal 1 agustus waktu US kemaren, blognya tidak akan bisa diakses alias error.

Solusinya? anda hanya perlu mengubah nameserver untuk domain anda menjadi fns1.dnspark.net .

Kenapa kang Rohman posting ini? karena kemaren ada yang mengeluh blognya tidak lagi bisa diakses, dan setelah ditanyakan ternyata menggunakan layanan DNS park. Jadi, jangan boring, jika postingan ini tidak update.

Senin, 02 Agustus 2010

Kolom Tutorial Redesign

redesign Setelah setahun lebih tidak pernah berganti template, kini template kolom tutorial di redesign alias ditata ulang. Dengan menyuguhkan warna yang lebih kalem, diharapkan bisa membawa suasana yang sejuk bagi para pengunjung.

Selain itu, template ini merupakan template eksperimental, kenapa demikian? karena sedikit tidak lumrah dengan  template blogspot pada umumnya, terutama dalam pemakaian Heading. Konon, template blogspot atau template blogger kurang ramah terhadap search engine karena alasan pemakaian heading yang tidak tepat, oleh karenanya kang Rohman mencoba melakukan eksperimen dengan mengubah tata letak headings tersebut.

Untuk halaman depan, Judul posting yang harusnya adalah H3, kini memakai H2. Judul sidebar yang biasanya H2, kini saya ubah menjadi H3. Pada halaman Single post, judul posting memakai H1 dengan tujuan agar lebih diperhatikan oleh search engine. Untuk yang lain mungkin tidak terlalu banyak perubahan.

Jadi, kita lihat saja beberapa bulan kedepan, apakah tata letak heading ini bisa membuat Serp menjadi lebih bagus, atau sebaliknya bisa menghancurkan Serp yang telah sekian lama bercokol di halaman depan search google.

Hal lain kenapa template yang kemarin di redesign adalah mudah-mudahan bisa membangkitkan semangat kang Rohman yang telah menurun selama ini dalam hal blogging.

Bagaimana pendapat anda tentang template ini?

Twitter Delicious Facebook Digg Stumbleupon Favorites More