Archive for July 2014

Cara Mempromosikan Blog Supaya Terkenal

<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<img alt="cara mempromosikan blog supaya terkenal di internet" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyhTBwNpEkzL8guDbM6URdYL6WTC76eEwQjRRvVPLHK0i3r6YDxuVrFZ6AxyjvjZLzTpz0fZmKNiH2pmmglDLk05IuWkZaSeg-sXfY2OEYjH9mYHyvHyeHiqOmEXZZrMECsNAR_W8YNS8/s1600/ide+promosi+blog.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; padding: 7px;" title="cara mempromosikan blog supaya terkenal di internet" /></div>
<b>Cara mempromosikan blog</b> supaya terkenal itu sangat beragam. Lepaskan pemikiran teman-teman dari batasan mesin pencari, karena untuk mempromosikan blog itu sangat banyak cara yang bisa anda tempuh. Saya akan membagikan beberapa cara yang saya ketahui di sini.<br />
<a href="https://www.blogger.com/null" name="more"></a></div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br /></div>
<h2 style="background-color: white; font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: justify; text-transform: capitalize;">
Mempromosikan Blog Secara Online</h2>
<h3 style="background-color: white; color: #3d85c6; font-family: Arial, Trebuchet, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -1px; line-height: 1.4em; margin: 0px; padding: 5px 0px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px;">
Menggunakan facebook untuk mempromosikan blog</h3>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Saat ini facebook adalah social media yang paling populer. Jadi ada beberapa cara yang bisa anda gunakan untuk mempromosikan blog anda di facebook. Misalnya:</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br />
<b>Mencari banyak teman</b><br />
Saat ini facebook mengizinkan kita untuk mencari teman hingga 5000 orang. Kalau kita bisa memaksimalkan ini, maka setiap kali kita memposting tulisan blog kita di facebook, maka kemungkinan mendapatkan pengunjung dari teman-teman facebook bisa sangat besar.<br />
<br />
<b>Membuat fan page</b></div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Kalau anda merasa 5000 adalah jumlah yang sangat sedikit, maka anda bisa membuat sebuah fan page yang jumlah pengikutnya tidak dibatasi seperti akun pribadi. Itu berarti anda bisa mempromosikan tulisan-tulisan blog anda ke lebih banyak orang</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br />
<b>Bergabung ke dalam grup</b></div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Kalau anda merasa tidak mampu berburu fan yang banyak, maka anda bisa mencari blog yang sudah besar dan bergabung ke dalamnya untuk mempromosikan tulisan anda di sana.</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br /></div>
<h3 style="background-color: white; color: #3d85c6; font-family: Arial, Trebuchet, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -1px; line-height: 1.4em; margin: 0px; padding: 5px 0px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px;">
Mempromosikan tulisan blog di Forum</h3>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Jika blog anda mempunyai tema yang spesifik, maka anda bisa mencari forum yang senada dengan blog anda dan bagikan tulisan anda di sana. Jadi modusnya adalah anda menjawab pertanyaan atau merespon suatu thread di forum dengan menempelkan link anda sebagai referensi. Pastikan anda menggunakan kata-kata yang menarik pembacanya untuk mengklik referensi anda.</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br /></div>
<h3 style="background-color: white; color: #3d85c6; font-family: Arial, Trebuchet, Arial, Verdana, sans-serif; font-size: 21px; letter-spacing: -1px; line-height: 1.4em; margin: 0px; padding: 5px 0px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px;">
Mempromosikan Blog dengan cara blogwalking</h3>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Anda juga bisa berkeliling berkomentar dari blog ke blog mengajak admin blog atau pengunjung blog tersebut untuk mampir ke blog anda. Kalau anda beruntung, maka beberapa blog ini adalah dofollow, sehingga secara otomatis akan menjadi backlink bagi anda. Berpromosi dan mencari backlink dari blog-blog Indonesia akan membantu anda untuk memperbaiki ranking pada Google Indonesia (www.google.co.id)</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br /></div>
<h2 style="background-color: white; font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: justify; text-transform: capitalize;">
Berpromosi Blog Secara Offline</h2>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Bagi anda yang membuat blog untuk keperluan bisnis ataupun event tertentu, maka anda bisa mempromosikan website anda pada media-media offline seperti surat kabar, stiker di angkutan kota, kartu nama, dan masih banyak lagi media offline lainnya</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
<br /></div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Tapi sebelum anda melakukan promosi blog yang tidak ada kaitannya dengan mesin pencari seperti Google ini anda perlu mengetahui bahwa setiap blog mempunyai potensi respon yang berbeda-beda. Jika anda menemukan blog anda sepi-sepi saja, maka ada 2 kemungkinannya:</div>
<ul style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px;">
<li>Pertama, anda mungkin berpromosi di tempat yang salah (bukan pasarnya blog anda)</li>
<li>Kedua, anda mungkin menggunakan kata-kata promosi yang tidak menarik....</li>
</ul>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
Perlu juga anda catat bahwa potensi pasar setiap blog itu berbeda. Jadi hanya karena tidak banyak yang berkunjung bukan berarti promosi anda gagal. Bisa jadi pencari tema blog anda memang sangat terbatas. Jadi sebelum anda memulai membangun sebuah blog ada baiknya anda melakukan riset kata kunci....</div>
<div style="background-color: white; font-family: sans-serif, Arial; font-size: 16px; line-height: 28.799999237060547px; text-align: justify;">
sumber : http://trikmudahseo.blogspot.com/2013/12/cara-mempromosikan-blog-supaya-terkenal.html</div>

Cara Mempromosikan Blog Supaya Terkenal

Cara mempromosikan blog supaya terkenal itu sangat beragam. Lepaskan pemikiran teman-teman dari batasan mesin pencari, karena untuk memp...

Lihat Lebih lanjut »

12:45 AM

Tutorial Belajar SEO Blogspot (Pemula)

<h2 class="post-title entry-title" style="font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: center; text-transform: capitalize;">
</h2>
<div class="post-header" style="font-family: Arial, serif; font-size: 15px;">
<div class="post-header-line-1">
</div>
</div>
<div class="post-body entry-content" id="post-body-6968903807491843741" style="font-family: sans-serif, Arial; font-size: 16px; line-height: 1.8em; margin: 0px 0px 0.75em; padding-bottom: 30px;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoauNbv4rypzqPHjWx7k1kFMdJ9dgzIG45a5wTzGoQ-Yf6VN8536xXfKXWviW0w1JVJh71wCSUNf-NfLQHLVLsaLa2xXTv87_-D0J1R0S9rXVPd7lrzSblvXCPX9Y-_yQjAIisyFffhl9h/s1600/confused-face.jpg" imageanchor="1" style="color: #ff6600; margin-left: 1em; margin-right: 1em;"><img alt="bingung dengan search engine optimization - SEO" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoauNbv4rypzqPHjWx7k1kFMdJ9dgzIG45a5wTzGoQ-Yf6VN8536xXfKXWviW0w1JVJh71wCSUNf-NfLQHLVLsaLa2xXTv87_-D0J1R0S9rXVPd7lrzSblvXCPX9Y-_yQjAIisyFffhl9h/s640/confused-face.jpg" style="background: rgb(255, 255, 255); border-width: 0px; padding: 7px;" title="bingung dengan search engine optimization - SEO" width="550" /></a></div>
<div style="text-align: justify;">
<b>Tutorial Belajar SEO Blogspot Pemula</b> - Sebenarnya artikel serupa pernah saya tulis. Hanya saja setelah menerima banyak komentar saya berkesimpulan bahwa <b>trik SEO</b>maupun <b>tutorial SEO</b> yang saya hidangkan di sini sepertinya belum cukup "sederhana". Jadi bahasa yang digunakan masih perlu disederhanakan lagi. Dengan senang hati saya akan membuat lebih sederhana lagi, tapi bagaimana pun SEO tidak bisa sesederhana yang diharapkan kebanyakan orang.</div>
<a href="https://www.blogger.com/null" name="more"></a><br />
<div style="text-align: justify;">
Tapi sebelum saya mulai saya mau mengulas dulu tentang sebuah pendapat yang menanyakan apakah ada perbedaan antara <b>SEO blogspot</b>,<b> Wordpress</b>, ataupun<b>website PHP</b>, dan lain-lain? Menurut saya pribadi tidak ada bedanya. Google menetapkan sebuah standar <b>Search Engine Optimization</b> di dalam algoritmanya, dan kita harus memenuhi standar itu apapun platform blog atau website kita. Jadi sebenarnya belajar SEO blogspot sama saja belajar SEO Wordpress, hanya saja tools untuk mewujudkannya berbeda.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Jadi apa yang akan dibahas di bawah ini berlaku bagi semua platform blogging. Secara garis besar, SEO Google, Yahoo, Bing, dan search engine lainnya dibagi menjadi 3 bagian:</div>
<ol style="text-align: justify;"></ol>
<ul style="text-align: justify;">
<li><span style="font-size: large;">Optimisasi Onpage</span></li>
<li><span style="font-size: large;">Optimisasi Offpage</span></li>
<li><span style="font-size: large;">Menghindari Pelanggaran</span></li>
</ul>
<ol style="text-align: justify;"></ol>
<div style="text-align: justify;">
Sebelum saya menjelaskan ketiga bagian besar di atas, maka yang tidak kalah pentingnya adalah proses memulai blog itu sendiri. Ada 2 hal yang sebaiknya anda perhatikan dalam memulai blog anda, yaitu:</div>
<ul style="text-align: justify;">
<li><a href="http://trikmudahseo.blogspot.com/2012/02/bagaimana-cara-memulai-blog-dengan.html" style="color: #ff6600;" target="_blank">Buatlah blog yang anda minati dan kuasai temanya</a></li>
<li><a href="http://trikmudahseo.blogspot.com/2012/05/bagaimana-cara-melakukan-riset-kata.html" style="color: #ff6600;" target="_blank">Lakukan riset kata-kata kunci terbaik untuk artikel blog anda</a></li>
</ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Kedua artikel tutorial SEO di atas, terutama tentang riset kata kunci sangat saya rekomendasikan untuk dibaca. Tapi bacanya nanti saja, sebaiknya anda lanjut dulu membaca agar bisa mendapatkan gambaran besar dari Search Engine Optimization itu sendiri.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Sampai di titik ini saya anggap anda <u>sudah menentukan blog apa yang akan anda buat</u>. Anda juga <u>sudah menentukan kata-kata kunci</u> apa saja yang akan anda masukkan dalam posting di blog anda. Jadi tahap berikutnya adalah ....</div>
<br />
<h2 style="font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: center; text-transform: capitalize;">
Melakukan Optimisasi Onpage Pada Blog Anda.</h2>
<div style="color: #cc0000; text-align: justify;">
<b><span style="font-size: medium;">HTML</span></b></div>
<div style="text-align: justify;">
HTML blog anda haruslah membantu robot search engine untuk mengenali isi dari artikel. Ada beberapa HTML yang bisa membantu Robot. Menurut lokasinya kita bagi menjadi HTML pada bagian HEAD, dan HTML pada bagian BODY.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
HTML pada bagian HEAD, yaitu:</div>
<ul style="text-align: justify;"></ul>
<ul style="text-align: justify;">
<li><u>Pasang Title Tag</u> mengandung kata kunci tepat di bawah kode <head>, ini seperti papan nama pada sebuah tokoh, jadi jangan sampai tidak ada.</li>
<li><u>Pasang meta description</u> di bawah title tag di atas.</li>
<li><u>Pasang meta verifikasi Google Webmaster Tools</u>. Silahkan baca di cara menggunakan <a href="http://trikmudahseo.blogspot.com/2012/03/cara-menggunakan-google-webmaster-tools.html" style="color: #ff6600;">Google Webmaster Tools</a>.</li>
<li><u>Pasang kode tracker dari Google Analytic</u> pada blog anda. Silahkan baca <a href="http://trikmudahseo.blogspot.com/2012/03/cara-daftar-google-analytics.html" style="color: #ff6600;">cara daftar Google Analytic</a>.</li>
</ul>
<ul style="text-align: justify;"></ul>
<div style="text-align: justify;">
HTML pada bagian BODY, yaitu:</div>
<ul style="text-align: justify;"></ul>
<ul style="text-align: justify;">
<li><u>Heading</u> - Anda bisa memberi label h1 - h6 untuk menyatakan tingkat pentingnya sebuah frasa atau istilah. Dari h6 sampai ke h1, menyatakan frasa tersebut semakin penting.</li>
<li><u>Bold</u> - Bold atau cetak tebal juga kerap dipakai untuk menyatakan suatu frasa dalam paragraf adalah sebuah bagian yang penting.</li>
</ul>
<ul style="text-align: justify;"></ul>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Lebih detil tentang <a href="http://trikmudahseo.blogspot.com/2012/05/cara-pasang-meta-description-title-tag.html" style="color: #ff6600;" target="_blank">memasang title tag, meta tag, dan heading tag</a> bisa saudara baca dengan mengklik link yang diberikan.</div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<b style="color: #cc0000;"><span style="font-size: medium;">STRUKTUR BLOG</span></b></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
Struktur blog harus bisa dapat dirayapi oleh robot search engine seperti Google, oleh karena itu....</div>
<ul style="text-align: justify;">
<li><u>Hindari penggunaan meta robots</u> apapun jika anda hanya ingin diindeks</li>
<li><u>Pastikan juga kecepatan blog terbuka tidak ada gangguan</u>. Semakin lama blog anda terbuka, maka poinnya akan semakin berkurang juga. Jika ada script atau gambar yang memberatkan proses terbukanya blog sebaiknya dihapus saja.</li>
<li><u>Semua URL harus dapat dijangkau</u> oleh robot perayap search engine, tidak lebih dari 3 klik dari beranda blog</li>
</ul>
<div style="text-align: justify;">
<b style="color: #cc0000;"><span style="font-size: medium;">KONTEN/ISI BLOG</span></b></div>
<div style="text-align: justify;">
Konten atau isi blog adalah sesuatu yang harus menjadi fokus perhatian saudara. Tutorial SEO di blog saya ini sudah beberapa kali menekankan pentingnya konten atau isi blog ini. Perhatikan 4 hal yang harus anda perhatikan dari konten saudara.</div>
<ul>
<li style="text-align: justify;">Dalam membuat <u>konten atau artikel haruslah berkualitas</u>. Jika anda hendak blogging dalam waktu lama, <a href="http://trikmudahseo.blogspot.com/2012/05/kenapa-artikel-berkualitas-sangat.html" style="color: #ff6600;" target="_blank">artikel berkualitas</a> tiap tiga hari sekali masih lebih baik daripada artikel asal jadi setiap hari.</li>
<li style="text-align: justify;">Konten atau Artikel blog haruslah <u>mampu membuat pengunjung betah dan lebih baik lagi jika mereka membuka artikel lain</u> untuk membaca. Ini mempengaruhi faktor waktu kunjungan dan jumlah halaman yang dilihat dari blog anda.</li>
<li style="text-align: justify;"><u>Artikel dan Konten harus selalu update</u>, jadi jika anda bisa rutin melakukan posting, walaupun cuma sekali dalam tiga hari, maka lakukanlah. Tapi harap perhatikan bahwa kualitas dari konten tetap yang utama. Anda juga bisa mencoba melakukan review pada artikel lawas anda. Jika posisinya mulai jatuh, maka buatlah versi baru, dengan memasang link ke artikel lawas anda.</li>
<li style="text-align: justify;"><u>Penyebaran Kata Kunci dalam artikel sewajarnya saja</u>. Tidak ada yang namanya faktor kerapatan 3%, atau 4% dan sebagainya. Jika anda sudah mengulanginya tiga kali dan diberi penebalan (bold), maka Google sudah akan memandang itu penting. Walaupun tidak ada keyword density, tapi ada yang namanya keyword stuffing (penumpukan kata kunci), hindari yang satu ini.</li>
</ul>
<br />
<h2 style="font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: center; text-transform: capitalize;">
Melakukan Optimisasi Offpage Pada Blog Anda.</h2>
<div style="color: #cc0000; text-align: justify;">
<b><span style="font-size: medium;">Links</span></b></div>
<ul>
<li style="text-align: justify;"><u>Link itu juga diukur kualitasnya</u> dengan menggunakan beberapa parameter. Semakin berkualitas backlink yang anda dapatkan, maka semakin baik pula poin halaman web saudara</li>
<li style="text-align: justify;"><u>Text Jangkar haruslah mengandung kata kunci</u> yang anda inginkan. Harus anda perhatikan bahwa Text Jangkar ini haruslah beragam. Jika bisa membuat 10 variasi text jangkar, itu akan baik sekali</li>
<li style="text-align: justify;"><u>Jumlah backlink pada dasarnya tidak dibatasi</u>, tapi pertambahannya harus cenderung konsisten.</li>
<li style="text-align: justify;"><u>Dapatkan traffic dari Social Network</u>, karena dengan adanya kode tracker dari Google Analytic yang telah saya tuliskan di atas akan membuat kunjungan dari luar Google pun menjadi penting bagi SEO.</li>
<li style="text-align: justify;"><u>Social Bookmark juga penting</u>. Jika anda bisa mendaftar dan mendapatkan vote untuk blog anda, maka blog anda akan ditampilkan di halaman-halaman social bookmark yang notabene pagerank dan alexanya sangat baik</li>
</ul>
<br />
<h2 style="font-family: Helvetica; font-size: 22px; line-height: 1.4em; margin: 0.25em 0px 0px; padding: 0px 0px 4px; text-align: center; text-transform: capitalize;">
Hindari Melakukan Hal-Hal Negatif Berikut</h2>
<ul style="text-align: justify;">
<li><u>Jangan memberikan link ke sembarang situs</u>, karena jika situs itu melanggar ketentuan Google, anda juga akan terkena pengurangan poin.</li>
<li><u>Jangan melakukan penumpukan kata kunci</u>. Lakukan dengan alami saja, karena algoritma Google saat ini semakin canggih dan kompleks. (Bermain aman sangat dianjurkan)</li>
<li><u>Jangan membuat artikel yang tidak bermutu</u>. Setidaknya buatlah artikel tidak kurang dari 500 kata.</li>
<li><u>Jangan melakukan Cloaking</u>, di mana anda memberikan halaman yang berbeda untuk dilihat robot, dan dilihat oleh pengunjung. Sanksinya sangat fatal yaitu <i>banned</i>dari Google</li>
<li><u>Jangan membayar situs apapun untuk memberi link</u> kepada anda. Jika anda masih punya waktu sebaiknya link anda pasang sendiri. Ini juga sanksinya berat yaitu banned. Google saja pernah membanned dirinya sendiri, di mana Google Jepang hilang dari indeks, karena pelanggaran oleh karyawannya.</li>
<li><u>Jangan membuat warna tulisan sama dengan warna latar</u> sehingga ada tulisan yang tidak terbaca oleh mata manusia.</li>
<li><u>Jangan memakai iframe</u> seperti chatbox di halaman yang anda inginkan bersaing dalam kata kunci kompetisi medium, karena iframe dipandang sebagai <i>spider trap</i>dan bisa sangat mengurangi poin.</li>
<li><u>Flash banner dan sebagainya tidak terlalu disukai oleh mesin pencari</u>, jika tidak terlalu perlu sebaiknya hindari</li>
</ul>
<div style="text-align: justify;">
Jadi kurang lebih ini yang bisa disajikan di dalam Tutorial Belajar SEO Blogspot (Pemula) kali ini. Tapi bagi yang masih sangat newbie, tulisan di atas bisa jadi masih membuat pusing. Jadi mari membaca rangkuman di bawah ini.</div>
<br />
<b style="color: #cc0000;"><span style="font-size: medium;">RANGKUMAN:</span></b><br />
<u><b>Tutorial Belajar SEO: Yang Disarankan Untuk Dilakukan!</b></u><br />
<ul>
<li>Buat blog yang anda senangi dan kuasai</li>
<li>Lakukan riset kata kunci (Sangat Penting)</li>
<li>Pasang title tag mengandung kata kunci tepat di bawah kode <head></li>
<li>Pasang meta description yang mengandung kata kunci</li>
<li>Daftarkan blog pada Google Webmaster Tools</li>
<li>Daftarkan blog pada Google Analytic</li>
<li>Beri heading yang tepat untuk menekankan tingkat kepentingan frasa</li>
<li>Beri cetak tebal (bold) pada kata kunci</li>
<li>Meta robots tidak perlu jika hanya ingin terindeks</li>
<li>Pastikan kecepatan loading blog baik, hapus script yang menghambat</li>
<li>Semua URL harus bisa terjangkau dalam 3 klik saja dari beranda blog</li>
<li>Buatlah artikel yang berkualitas dan memuaskan pengunjung</li>
<li>Artikel harus membuat waktu kunjungan dan jumlah halaman dibaca membaik</li>
<li>Artikel harus dijaga agar tetap update dan <i>fresh</i></li>
<li>Gunakan kata kunci sewajarnya saja di dalam artikel dan jangan lupa cetak tebal</li>
<li>Jika bisa mendapatkan link berkualitas, maka lakukanlah</li>
<li>Pastikan anda menggunakan anchor text yang mengandung kata kunci</li>
<li>Pastikan anchor text anda bervariasi karena itu sangat alami</li>
<li>Dapatkan jumlah backlink yang banyak dan cenderung konsisten</li>
<li>Dapatkan traffic dari social network</li>
<li>Dapatkan vote yang banyak di situs social bookmarking</li>
</ul>
<br />
<u><b>Tutorial Belajar SEO: Yang Disarankan Untuk Dihindari!</b></u><br />
<ul>
<li>Jangan memberikan link ke sembarang situs.</li>
<li>Jangan melakukan penumpukan kata kunci.</li>
<li>Jangan membuat artikel yang tidak bermutu.</li>
<li>Jangan melakukan Cloaking.</li>
<li>Jangan membayar situs apapun untuk memberi link.</li>
<li>Jangan membuat hidden text</li>
<li>Jangan memakai iframe</li>
<li>Hindari Penggunaan Flash</li>
</ul>
<div style="text-align: justify;">
Masih rumit? Sudah tidak bisa lebih sederhana lagi menurut saya. Jadi pelajari saja secara bertahap, karena memang <i>search engine optimization</i> a.k.a SEO bukan materi untuk dikuasai dalam sehari. Ok, semoga sukses dengan blog anda.</div>
<div style="text-align: justify;">
Sumber : http://trikmudahseo.blogspot.com/2012/06/tutorial-belajar-seo-blogspot-pemula.html</div>
</div>

Tutorial Belajar SEO Blogspot (Pemula)

Tutorial Belajar SEO Blogspot Pemula - Sebenarnya artikel serupa pernah saya tulis. Hanya saja setelah menerima banyak komentar s...

Lihat Lebih lanjut »

12:43 AM

Fitur-Fitur Baru Dalam CSS3

Fitur-Fitur Baru Dalam CSS3

Apa yang berbeda dari CSS3 dengan CSS versi sebelumnya ? Banyak sekali perbedaannya, Dengan menggunakan CSS3 anda bukan hanya sekedar...

Lihat Lebih lanjut »

12:34 AM

Mengenal Sintaks CSS

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0EOSlBeirJlyfneYx3VZ4QfEsnq3bIG0WulD8desiZheuX3_YF4vlevZf4r1UbtN_cE6yDDQ2YsC-7-MgAnwya0J6kN0XqDnXaU-AyiRY2EPPZOD6m5P4rVYqNil19w_oqmSEBJn9oQ/s1600/css.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb0EOSlBeirJlyfneYx3VZ4QfEsnq3bIG0WulD8desiZheuX3_YF4vlevZf4r1UbtN_cE6yDDQ2YsC-7-MgAnwya0J6kN0XqDnXaU-AyiRY2EPPZOD6m5P4rVYqNil19w_oqmSEBJn9oQ/s1600/css.jpg" /></a></div>
<div style="background-color: white; border: 0px; color: #0a0a0a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; letter-spacing: 0.41999998688697815px; line-height: 21px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #0a0a0a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; letter-spacing: 0.41999998688697815px; line-height: 21px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Penulisan CSS dibagi menjadi 3 bagian, yaitu selector, properti, <em style="border: 0px; font-family: Baskerville, Palatino, 'Book Antiqua', serif; line-height: 19px; margin: 0px; padding: 0px; vertical-align: baseline;">&</em> value. Untuk penjelasannya bisa anda lihat dibawah ini.</div>
<blockquote style="-webkit-box-shadow: rgb(225, 145, 237) 1px 1px 1px; background: rgba(227, 143, 205, 0.6); border-bottom-left-radius: 5px; border-bottom-right-radius: 34px; border-top-left-radius: 34px; border-top-right-radius: 5px; border: 0px; box-shadow: rgb(225, 145, 237) 1px 1px 1px; color: #6a6a6a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; font-style: italic; letter-spacing: 0.41999998688697815px; line-height: 21px; margin: 0px 0px 24px; opacity: 0.7; padding: 14px 24px; quotes: ''; vertical-align: baseline;">
<div style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Selector : Tag HTML / ID (#namaid) / Class (.namaclass).<br />
Property : Atribut dari tag HTML.<br />
Value : Nilai dari property.</div>
</blockquote>
<div style="background-color: white; border: 0px; color: #0a0a0a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; letter-spacing: 0.41999998688697815px; line-height: 21px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Untuk susunan penulisan CSS bisa anda lihat dibawah ini.</div>
<div style="background-color: white; border: 0px; color: #0a0a0a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; letter-spacing: 0.41999998688697815px; line-height: 21px; margin: 0px; padding: 0px; vertical-align: baseline;">
<div class="syntaxhighlighter  css" id="highlighter_296103" style="border: 0px; font-family: inherit; font-size: 0.9em !important; font-style: inherit; font-weight: inherit; margin: 1em 0px !important; overflow: auto !important; padding: 0px; position: relative !important; vertical-align: baseline; width: 691.21875px;">
<div class="toolbar" style="background: rgb(108, 226, 108) !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: none !important; bottom: auto !important; box-sizing: content-box !important; color: white !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 10px !important; height: 11px !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: absolute !important; right: 1px !important; top: 1px !important; vertical-align: baseline !important; width: 11px !important; z-index: 10 !important;">
<span style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><a class="toolbar_item command_help help" href="http://www.nurulimam.com/2013/11/mengenal-sintaks-css.html#" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: white !important; display: block !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 1px 0px 0px !important; position: static !important; right: auto !important; text-align: center !important; text-decoration: none !important; text-shadow: rgb(204, 204, 204) 0px 0px 1px; top: auto !important; vertical-align: baseline !important; width: auto !important;">?</a></span></div>
<table border="0" cellpadding="0" cellspacing="0" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-spacing: 0px; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 691px;"><tbody style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
1</div>
<div class="line number2 index1 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
2</div>
<div class="line number3 index2 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
3</div>
<div class="line number4 index3 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
4</div>
<div class="line number5 index4 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
5</div>
<div class="line number6 index5 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
6</div>
<div class="line number7 index6 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
7</div>
<div class="line number8 index7 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
8</div>
<div class="line number9 index8 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
9</div>
<div class="line number10 index9 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
10</div>
</td><td class="code" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 652px;"><div class="container" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">selector {</code></div>
<div class="line number2 index1 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css spaces" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: green; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">   </code><code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">property : value ;</code></div>
<div class="line number3 index2 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css spaces" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: green; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">         </code><code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
<div class="line number4 index3 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
</div>
<div class="line number5 index4 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">// Contoh Penerapannya</code></div>
<div class="line number6 index5 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
</div>
<div class="line number7 index6 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">p {</code></div>
<div class="line number8 index7 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css spaces" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: green; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">  </code><code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">color : </code><code class="css value" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">#000000</code> <code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number9 index8 alt2" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css spaces" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: green; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">  </code><code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">font-size : </code><code class="css value" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: rgb(0, 153, 0) !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">20px</code> <code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></div>
<div class="line number10 index9 alt1" style="background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre-wrap !important; width: auto !important; word-wrap: break-word !important;">
<code class="css spaces" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; color: green; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">  </code><code class="css plain" style="background: none !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border: 0px !important; bottom: auto !important; box-sizing: content-box !important; float: none !important; font-family: 'Courier New', Courier, monospace, sans-serif !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: inherit !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; text-shadow: none; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; border: 0px; color: #0a0a0a; font-family: 'Palatino Linotype', Palatino, 'Zapf Calligraphic', 'Book Antiqua', Georgia, Times, serif; font-size: 14px; letter-spacing: 0.41999998688697815px; line-height: 21px; margin-bottom: 10px; margin-top: 10px; padding: 0px; vertical-align: baseline;">
Sebuah CSS di awali dengan penulisan tag : h1, p, div, <em style="border: 0px; font-family: Baskerville, Palatino, 'Book Antiqua', serif; line-height: 19px; margin: 0px; padding: 0px; vertical-align: baseline;">&</em> lain-lain. Penulisan CSS juga dapat menggunakan ID / Class dengan penulisan <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">#namaid</code> / <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">.namaclass</code>. Selanjutnya untuk membuka perintah, CSS menggunakan <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">{</code> <em style="border: 0px; font-family: Baskerville, Palatino, 'Book Antiqua', serif; line-height: 19px; margin: 0px; padding: 0px; vertical-align: baseline;">&</em> untuk penutupnya menggunakan <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">}</code>. Deklarasi properti <em style="border: 0px; font-family: Baskerville, Palatino, 'Book Antiqua', serif; line-height: 19px; margin: 0px; padding: 0px; vertical-align: baseline;">&</em> value ditulis dengan susunan <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">property : value ;</code> yang diakhiri dengan <code style="background: rgb(238, 238, 238); border: 0px; color: green; font-family: inherit; font-size: 13px; font-style: inherit; font-weight: inherit; margin: 0px; padding: 1px 5px; text-shadow: none; vertical-align: baseline;">;</code>.<br />
Sumber : http://www.nurulimam.com/</div>

Mengenal Sintaks CSS

Penulisan CSS dibagi menjadi 3 bagian, yaitu selector, properti, & value. Untuk penjelasannya bisa anda lihat dibawah ini. Sel...

Lihat Lebih lanjut »

12:29 AM

JavaScript

<div style="background-color: white; border: 0px; color: #646464; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcZnadDyfa611wt1p53gD1cVh26aSUg81PWD9uZ5pRsLyeR-jFaVEXv2VMAU-Gj3bkSu7AI0iil490qlRZWM0ov5d09GviB4UlNB7mdncCDniOjd5NFA4w8v1Zdv8D4m-8kpsGCKV-HM/s1600/javascript1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQcZnadDyfa611wt1p53gD1cVh26aSUg81PWD9uZ5pRsLyeR-jFaVEXv2VMAU-Gj3bkSu7AI0iil490qlRZWM0ov5d09GviB4UlNB7mdncCDniOjd5NFA4w8v1Zdv8D4m-8kpsGCKV-HM/s1600/javascript1.png" /></a></div>
<b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></b>
<b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</b> adalah bahasa pemograman yang digunakan untuk membuat interaksi atau menambah fitur web dinamis kedalam sebuah web. Untuk membuat halaman web, anda tidak harus menggunakan <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i>. Namun, saat ini <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i> hadir dalam hampir setiap halaman web modern. Sehingga <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i> adalah salah satu bahasa pemograman web yang wajib di kuasai.</div>
<div style="background-color: white; border: 0px; color: #646464; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
<i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Javascript</i> merupakan bagian dari 3 teknologi penting yang harus dikuasai programmer web, yakni<b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML</b> untuk konten (isi dari website), <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS</b> untuk tampilan (presentation), dan <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</b> untuk interaksi (behavior).</div>
<div style="background-color: white; border: 0px; color: #646464; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
Hampir seluruh website modern saat ini menggunakan <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i> untuk membuat berbagai aplikasi yang dapat berinteraksi dengan user, seperti <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">validasi form HTML</i>, games, kalkulator, fitur <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">chatting</i>, dll.</div>
<div style="background-color: white; border: 0px; color: #646464; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
Contoh sederhana penggunaan <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i> dapat anda lihat pada situs <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">duniailkom</b> ini. Cobalah <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">scroll</i>halaman web sampai bawah, dan pada pojok kanan bawah browser akan muncul tanda panah yang jika di-klik akan membuat jendela web browser kembali ke posisi awal halaman. Ini adalah fitur sederhana yang dapat di buat menggunakan <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i>.</div>
<div style="background-color: white; border: 0px; color: #646464; font-family: 'Open Sans', Arial, Tahoma, sans-serif; font-size: 15px; line-height: 23px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;">
Dalam mempelajari <i style="border: 0px; font-family: inherit; font-size: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">JavaScript</i>, anda sebaiknya telah menguasai dasar-dasar <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML</b>, dan bisa membuat halaman web sederhana menggunakan <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">HTML</b>. Pengetahuan tentang <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">CSS</b> dan <b style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">PHP</b> juga akan membantu, walaupun tidak diharuskan.<br />
<br />
Sumber : <a href="http://www.duniailkom.com/tutorial-belajar-javascript-dasar-untuk-pemula/" target="_blank">http://www.duniailkom.com/</a></div>

JavaScript

JavaScript adalah bahasa pemograman yang digunakan untuk membuat interaksi atau menambah fitur web dinamis kedalam sebuah web. Untuk me...

Lihat Lebih lanjut »

9:20 PM

Mengenal Htaccess dan Fungsinya

<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="border: 0px; margin-left: 1em; margin-right: 1em; padding: 0px; vertical-align: baseline;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1JAggurEGXwA4xC71VGaYLVBFDDzz5zYHbQqzfQbDwstPnTXm4V02Ucv5VgFwyiFdL2Gxw-vcEPIwo659e_j1omJhv0yIYCpD0det_cFlVH5y0wa2syUljyhalN5qtDlqWXXQPFb4A8/s1600/htaccess.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE1JAggurEGXwA4xC71VGaYLVBFDDzz5zYHbQqzfQbDwstPnTXm4V02Ucv5VgFwyiFdL2Gxw-vcEPIwo659e_j1omJhv0yIYCpD0det_cFlVH5y0wa2syUljyhalN5qtDlqWXXQPFb4A8/s1600/htaccess.jpg" /></a></div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span style="font-size: 13px; font-weight: normal;"><br /></span></h2>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span style="font-size: 13px; font-weight: normal;">Pada kali ini saya akan membahas fungsi fungsi htaccess dalam website. htaccess merupakan file yang mengatur file-file yang terdapat di web kita. jika tanpa adanya htaccess mungkin web kita belum tentu aman dari serangan cybercrime. dan htaccess juga dapat mengatur penulisan url pada website kita serta kita dapat memblokir IP tertentu yang menurut kita tidak diinginkan ia membuka web kita. baiklah ini beberapa fungsi htaccess yang digunakan website-website pada umumnya :  </span><br />
<br />Memblokir IP tertentu</h2>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">deny from 1.2.3.4
deny from 1.2.5.
</pre>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Memblokir_file_berakhiran_tertentu">Memblokir file berakhiran tertentu</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
File tertentu kadang berisi informasi sensitif seperti password, dll yang perlu kita blokir dari pengunjung. Tentu saja alternatif lainnya adalah jangan menaruh file itu di bawah <a class="mw-redirect" href="http://kb.masterweb.net/beta/index.cgi/read/Docroot" style="color: #444444; font-style: italic;" title="Docroot">Docroot</a> :-)</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;"><Files *.conf>
  deny from all
</Files>
</pre>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Memblokir_browser_.28user_agent.29_tertentu">Memblokir browser (user agent) tertentu</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Kadang-kadang ada sebuah bot atau penyerang tertentu yang dapat diidentifikasi User-Agent-nya, dan dapat kita blokir. Untuk melihat User-Agent pengakses, bisa melihat dari <a href="http://kb.masterweb.net/beta/index.cgi/read/Panduan_pengguna_Spanel_1.3/Web/Log_mentah" style="color: #444444; font-style: italic;" title="Panduan pengguna Spanel 1.3/Web/Log mentah">log mentah</a>.</div>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Misalnya kita ingin memblokir crawler Google dan Yahoo! (Slurp). Di .htaccess, tambahkan:</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">SetEnvIf User-Agent "(googlebot|Slurp)" crawler
deny from env=crawler
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
'crawler' dapat diganti kata lain yang sesuai. Anda dapat menambahkan baris-baris User-Agent berikutnya, atau menambahkan kata kunci di regex User-Agent yang sama.</div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Mengganti_default_halaman_directory">Mengganti default halaman directory</span></h2>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">DirectoryIndex awal.html index.html index.php
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Command di atas berguna untuk memberitahu pilihan nama file yang akan dipilih oleh webserver Apache jika sebuah URL diakses tanpa akhiran nama file (mis: <a class="external free" href="http://tokoku.com/" rel="nofollow" style="color: #444444; font-style: italic;">http://tokoku.com/</a> atau<a class="external free" href="http://tokoku.com/subdir/" rel="nofollow" style="color: #444444; font-style: italic;">http://tokoku.com/subdir/</a>). File yang pertama dibuka pada contoh di atas adalah awal.html, dan jika tidak ada maka akan mencari index.html, dan seterusnya.</div>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Jika semua tidak ada, barulah <a class="mw-redirect" href="http://kb.masterweb.net/beta/index.cgi/read/Autoindex_apache" style="color: #444444; font-style: italic;" title="Autoindex apache">autoindex</a> ditampilkan.</div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Redirect_ke_URL">Redirect ke URL</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Berguna untuk "melemparkan" pengunjung ke halaman atau website lain.</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">Redirect / <a class="external free" href="http://sitetujuan/" rel="nofollow" style="color: #444444; font-style: italic;">http://sitetujuan</a>
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Command diatas akan mengarahkan URL yang kita akses ke URL site tujuan.</div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Redirect_ke_www">Redirect ke www</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Berguna bila Anda ingin agar saat user mengakses domain Anda tanpa www langsung dialihkan ke www. Misal, tokoku.com maka akan dialihkan ke <b>www</b>.tokoku.com</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">RewriteEngine on 
RewriteCond %{HTTP_HOST} ^tokoku\.com$ [NC]
RewriteRule ^(.*) <a class="external free" href="http://www.tokoku.com/$1" rel="nofollow" style="color: #444444; font-style: italic;">http://www.tokoku.com/$1</a> [L,R=301]
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
<b>PERHATIAN:</b> Bila Anda sudah memiliki file .htaccess dengan konfigurasi yang lain maka Anda cukup masukkan baris ke-2 dan ke-3 di bawah bagaian <i>RewriteEngine on</i></div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Password_folder">Password folder</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Silahkan buat .htaccess di direktori yang ingin diprotek. Kalau ingin memprotek dari <a class="external free" href="http://sitename/" rel="nofollow" style="color: #444444; font-style: italic;">http://SITENAME/</a> (dari halaman depan), maka taruh file .htaccess di /s/SITENAME/www/. Isi file ini sbb:</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">AuthName "sembarang nama, sebagai contoh: area terlarang!"
AuthType basic
AuthUserFile /s/SITENAME/www/.htpasswd
require valid-user
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
(tentu saja SITENAME diganti dengan nama situs yang sebetulnya). Setelah itu, buatlah .htpasswd dari shell dengan perintah:</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">htpasswd -c /s/SITENAME/www/.htpasswd NAMAUSERWEB
</pre>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
di mana NAMAUSERWEB diganti yang sebenarnya, mis: snoopy. Lalu akan ditanya password. Lalu coba sekarang refresh <a class="external free" href="http://sitename/" rel="nofollow" style="color: #444444; font-style: italic;">http://SITENAME/</a> maka akan muncul kotak dialog password.</div>
<h2 style="background-color: white; font-family: Geneva, Arial; font-size: 16px; line-height: normal;">
<span class="mw-headline" id="Menyembunyikan_Isi_Direktori">Menyembunyikan Isi Direktori</span></h2>
<div style="background-color: white; color: black; font-family: Geneva, Arial; font-size: 13px; line-height: normal;">
Jika ingin isi suatu direktori tidak ingin ditampilkan tambahkan baris di .htaccess</div>
<pre style="background-color: #e1e1e1; color: #484800; font-family: 'Segoe UI', 'Open Sans', georgia, 'times new roman', serif; font-size: 13px; line-height: 1.1em; padding: 1em;">IndexIgnore *
</pre>
<div style="font-family: Geneva, Arial; font-size: 13px;">
<span style="background-color: white;">Jika ingin menyembunyikan file tertentu saja, misal header.html dan readme.html (pisahkan tiap nama file dengan spasi).</span><br />
<span style="color: #484800;"><span style="background-color: #e1e1e1; line-height: 14.300000190734863px;"><br /></span></span></div>
<pre style="background-color: #e1e1e1; color: #484800; font-size: 13px; line-height: 1.1em; padding: 1em;">IndexIgnore header.html readme.html
</pre>
<h2 style="background-color: white;">
<span style="color: black; font-family: Geneva, Arial; font-size: 13px; font-weight: normal;">Mungkin hanya sekian dari saya. kurang lebihnya mohon maaf.<br /><br />Sumber Konten ini bersal dari : </span><span style="background-color: transparent; font-weight: normal;"><span style="font-family: Geneva, Arial; font-size: x-small;"><a href="http://kb.masterweb.net/beta/index.cgi/read/Berbagai_contoh_penggunaan_htaccess" target="_blank">http://masterweb.net</a></span></span><span style="color: black; font-family: Geneva, Arial; font-size: 13px; font-weight: normal;"> </span></h2>
<pre style="font-size: 13px; padding: 1em;"></pre>
</div>

Mengenal Htaccess dan Fungsinya

Pada kali ini saya akan membahas fungsi fungsi htaccess dalam website. htaccess merupakan file yang mengatur file-file yang terdapat...

Lihat Lebih lanjut »

12:04 AM

Allmywebstfn

Cara Mempromosikan Blog Supaya Terkenal

Tutorial Belajar SEO Blogspot (Pemula)

Fitur-Fitur Baru Dalam CSS3

Mengenal Sintaks CSS

JavaScript

Mengenal Htaccess dan Fungsinya

Popular Posts

Blog Archive