Skip to main content

Posts

Showing posts from November, 2010

100+ Faktor Peringkat Hasil Pencarian Google

Praktik optimasi seo blogspot terbaik yaitu dengan memahami tren dan kondisi update mesin pencari terbaru 2019. Agar blog tampil dengan ranking teratas anda perlu mengetahui faktor peringkat hasil pencarian google . 100 lebih faktor penentu berikut ini dapat mempengarui, menentukan, memposisikan, dan menaikkan peringkat blog pada hasil pencarian. Agar mudah dipahami artikel ini saya kelompokkan menjadi beberapa kategori faktor penentu. Saya mengambil beberapa referensi dari beberapa pakar seo internasional seperti Backlink dot co, Moz, SEJ, SEL, serta halaman resmi bantuan webmaster google. Halaman-halaman tersebut secara jelas menyebutkan ratusan aspek atau hal-hal yang dapat mempengaruhi rangking sebuah situs. Berdasarkan pengalaman saya ngeblog sejak 8 tahun yang lalu saya berpendapat bahwa blog dengan teknik seo berikut ini dapat mempengaruhi peringkat artikel. Dengan cara resmi dan dengan anjuran sesuai kebijakan mesin pencari akan membuat posisi blog selalu konsisten dan tetap ...
Post a Comment
Read more

HTML Tables: 1 Judul Bisa 2 Kolom

Home > Tutorial Kode > HTML > HTML Tables > 1 Judul Bisa 2 Kolom Contoh Pertama : Nama Blog Nano Yulianto Nano Yulilanto Basic HTML Tutorial Blogger <table border="1"> <tr> <th>Nama</th> <th colspan="2">Blog Nano Yulianto</th> </tr> <tr> <td>Nano Yulilanto</td> <td>Basic HTML</td> <td>Tutorial Blogger</td> </tr> </table> colspan pada table header <th> yang menyebabkan adanya kolom lebih dari satu. Kalau ingin 5 kolom tambahkan saja colspan="5" . Contoh Kedua : Nama: Nano Yulianto Blog Basic HTML Tutorial <table border="1"> <tr> <th>Nama:</th> <td>Nano Yulianto</td> </tr> <tr> <th rowspan="2">Blog:</th> <td>Basic HTML</td> </tr> <tr> <td>Tutorial</td> </tr> </table> Yang ini ...
Post a Comment
Read more

HTML Tables: Cell padding dan Cell spacing

Home > Tutorial Kode > HTML > HTML Tables > Cell padding dan Cell spacing Attribute cellpading dan cellspacing kegunaan sama yaitu memberikan ruang. Cell padding Contoh : <table border="1" cellpadding="10"> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Maaf, karena template saya di reset, attribute cellpading tidak akan berfungsi di Blog ini. Anda bisa mencoba menggunakan Notepad. Cell spacing Contoh : <table border="1" cellspacing="10"> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : baris pertama baris kedua
Post a Comment
Read more

HTML Tables : Dengan Caption

Home > Tutorial Kode > HTML > HTML Tables > Dengan Caption Jika ingin tabel dengan caption, anda bisa menggunakan tag <caption>. Contoh : <table border="1"> <caption>Contoh</caption> <tr> <th>Judul 1</th> <th>Judul 2</th> </tr> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : Contoh Judul 1 Judul 2 baris pertama baris kedua
Post a Comment
Read more

HTML Tables : Tanpa Garis dan Dengan Garis

Home > Tutorial Kode > HTML > HTML Tables > Dengan Garis dan Tanpa Garis Tutorial sebelumnya anda sudah mengetahui susunan dari tags table, sekarang kita mencoba tabel tanpa garis dan dengan garis. Tanpa Garis Anda bisa mencoba seperti biasa, contoh : <table> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : baris pertama baris kedua Atau anda bisa menambahkan attribute border="nilai besar garis" , tentu jika anda ingin tidak garis isi dengan nilai "0". Contoh : <table border="0"> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : baris pertama baris kedua Dengan Garis Anda bisa menambahkan attribute border="nilai besar garis" , minimal isi nilainya "1". Co...
Post a Comment
Read more

HTML Tables : Dengan Judul

Home > Tutorial Kode > HTML > HTML Tables > Dengan Judul Judul pada tabel menggunakan tag <th>. Contoh : <table border="1"> <tr> <th>Judul 1</th> <th>Judul 2</th> </tr> <tr> <td>baris</td> <td>pertama</> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : Judul 1 Judul 2 baris pertama baris kedua Atau seperti ini : <table border="1"> <tr> <th>Judul 1</th> <td>baris</td> <td>pertama</> </tr> <tr> <th>Judul 2</th> <td>baris</td> <td>kedua</td> </tr> </table> Jadinya : Judul 1 baris pertama Judul 2 baris kedua
Post a Comment
Read more

HTML Tables

Home > Tutorial Kode > HTML > HTML Tables Tabel didefinisikan tag <table>. Setiap table dibagi menjadi baris dengan tag <tr>, dan setiap baris dibagi menjadi sel-sel data dengan tag <td>. td singkatan dari "table data". Tag <td> dapat berisikan teks, link, gambar dll. <table> <tr> <td>baris</td> <td>pertama</td> </tr> <tr> <td>baris</td> <td>kedua</td> </tr> </table> Ingat, ini susunan terpenting di tags table dan semuanya saling bergantung. Alhamdulillah Artikel Terkait : 1. Tanpa Garis dan Dengan Garis 2. Dengan Caption 3. I Judul bisa 2 Kolom 4. Cell padding dan Cell Spacing 5. Tags didalam tabel 6. Dengan Bingkai
Post a Comment
Read more

HTML Color Dan Macam-Macam Warna

Warna HTML menggunakan notasi hexadesimal (HEX) untuk kombinasi merah, hijau, dan biru atau bahasa jawanya Red, Green and Blue (RGB). Color Color HEX Color RGB   #000000 rgb(0,0,0)   #FF0000 rgb(255,0,0)   #00FF00 rgb(0,255,0)   #0000FF rgb(0,0,255)   #FFFF00 rgb(255,255,0)   #00FFFF rgb(0,255,255)   #FF00FF rgb(255,0,255)   #C0C0C0 rgb(192,192,192)   #FFFFFF rgb(255,255,255) Dimulai dengan # 000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 0099CC 0099FF 00CC00 00CC33 00CC66 00CC99 ...
Post a Comment
Read more

Lists <ul> Berkembang

Home > Tutorial Kode > HTML > HTML Lists > Lists <ul> Berkembang Langsung saja contohnya : item 1 item 2 item 3 item 3.1 item 3.2 item 3.3 item 4 <ul> <li>item 1</li> <li>item 2</li> <li>item 3 <ul> <li>item 3.1</li> <li>item 3.2</li> <li>item 3.3</li> </ul> </li> <li>item 4</li> </ul> Kenapa <ul> yang kedua ada spasinya atau lebih kepinggir ? pertanyaan ini sering dilontarkan. Jawabannya biar terlihat rapi saja dan terlihat <ul> yang kedua itu anaknya, tidak ada spasi juga tidak apa-apa tidak berpengaruh. Contoh kedua : item 1 item 2 item 3 item 3.1 item 3.2 item 3.2.1 item 3.2.2 item 3.2.3 item 3.3 item 4 <ul> <li>item 1</li> <li>item 2</li> <li>item 3 <ul> <li>item 3.1</li> <li>item 3.2...
Post a Comment
Read more

Gaya Berbeda Unordered Lists Atau <ul>

Home > Tutorial Kode > HTML > HTML Lists > Gaya Berbeda Unordered Lists Atau <ul> Standarnya : Nano Yulianto N2y Tutorial Blogger <ul type="disc"> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ul> Circle bullets list : Nano Yulianto N2y Tutorial Blogger <ul type="circle"> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ul> Square bullets list : Nano Yulianto N2y Tutorial Blogger <ul type="square"> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ul> Semoga Bermanfaat... Alhamdulillah
Post a Comment
Read more

Gaya Berbeda Ordered Lists Atau <ol>

Home > Tutorial Kode > HTML > HTML Lists > Gaya Berbeda Ordered Lists Atau <ol> Biasanya ordered list, daftar itemnya ditandai dengan angka, tapi kita coba ganti dengan yang lain. Ini Standarnya dengan gaya Angka: Nano Yulianto N2y Tutorial Blogger <ol> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ol> List Huruf Besar: Nano Yulianto N2y Tutorial Blogger <ol type="A"> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ol> List Huruf Kecil : Nano Yulianto N2y Tutorial Blogger <ol type="a"> <li>Nano Yulianto</li> <li>N2y</li> <li>Tutorial</li> <li>Blogger</li> </ol> List Angka Romawi Besar : Nano Yulianto N2y Tutorial Blogger <ol type="I"> <li>Nano Yulianto</li> <li>N2y</li> <li...
Post a Comment
Read more

HTML Lists

Home > Tutorial Kode > HTML > HTML Lists Unordered lists Daftar unordered list dimulai dengan tag <ul>. Setiap daftar item dimulai dengan tag <li>. Biasanya daftar item ditandai lingkaran kecil sebagai tampilan standar. <ul> <li>Nano</li> <li>Yulianto</li> </ul> jadinya : Nano Yulianto Ordered lists Daftar ordered list dimulai dengan tag <ol>. Daftar item masih sama dimulai dengan <li>. Dan daftar item ditandai dengan angka. <ol> <li>Nano</li> <li>Yulianto</li> </ol> jadinya : Nano Yulianto Definition lists Yang ini biasanya kita jumpai untuk komentar blogger. Definition list lebih mudahnya diartikan dengan list yang bisa diberi judul. dimulai dengan tag <dl>, <dt> ini untuk judul dan <dd> untuk daftar item. <dl> <dt>Blog Nano Yulianto</dt> <dd>- Tutorial HTML</dd> <dd>- Tutorial Pinggir Jalan</dd> <dt>Template N2y...
Post a Comment
Read more

HTML Gambar

Home > Tutorial Kode > HTML > HTML Gambar Dalam HTML gambar didefinisikan dengan tag <img>. Untuk menampilkan gambar pada halaman harus menggunakan attribute src. Src singkatan dari "source". src harus ditambahkan url dari gambar yang ingin ditampilkan atau lebih profesionalnya disebut nilai dari attribute scr, kan saya amatir jadi agak dimaklumi. Contoh : <img src="url" alt=" penjelasan gambar " /> atau <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAbsDYsD9ZjDse4_nG0oLb9TzOFLHwh5nXKHD5iifJB7kxv71QS88Mn_fczmZhPBNPzpge5hOzegmmGFsBZzWopgwFFHpUyoktwBOl-ebgDYLVkrOrelh00pCcDCRHtt-ozbZqTi7cCuk/s220/65.JPG" alt="Foto Profil Nano Yulianto" /> Diatas tag pembuka sekaligus tag penutup, lihat garis miring yang berada dibelakang tag <img> ! Attribute alt memberikan informasi alternatif untuk gambar, jika gambar tidak dapat ditampilkan (karena koneksi lambat, kesalahan attribute src, atau p...
Post a Comment
Read more

HTML Links

Home > Tutorial Kode > HTML > HTML Links Yang kita tahu sendiri, links hampir dapat kita temui hampir diseluruh web. Links memungkinkan untuk pengunjung berpindah dari satu page ke page yang lain. Sebuah Hyperlinks atau links adalah kata, gambar dan lain-lain yang anda klik untuk meloncat ke dokumen baru atau dokumen yang lain. Link yang kita temui menggunakan tag <a>. Tag <a> dapat dipergunakan dalam dua cara : 1.untuk membuat links ke dokumen lain, menggunakan atribut href. 2.untuk membuat bookmark dalam dokumen, dengan menggunakan attribut nama. Contoh : <a href="url">Links Text</a> atau <a href="http://nanoyulianto.blogspot.com/">Blog Nano Yulianto</a> akan jadi seperti ini Blog Nano Yullianto Contoh Links dengan target attribut : <a href="http://nanoyulianto.blogspot.com/" target="_blank">Blog Nano Yulianto</a> Akan jadi seperti ini Blog Nano Yullianto Penjelasan lebih tentang Links...
Post a Comment
Read more

HTML Paragraf

Home > Tutorial Kode > HTML > HTML Paragraf HTML paragraf ini yang paling sering Nano gunakan disemua artikel blog ini, karena ditulis manual. Contoh : <p>Eksperiment Blogger Pinggir Jalan</p> <p>Blog Nano Yulianto</p> akan jadi seperti ini : Eksperiment Blogger Pinggir Jalan Blog Nano Yulianto Kalau anda ingin mencoba ditempat posting masuk New Post >> Edit HTML dan Post Options diatur seperti gambar dibawah ini : Coba copy dan paste kode dibawah : <p> Eksperiment Blogger Pinggir Jalan. Hanya Sebuah Kiasan. Berkreasi Tanpa Batasan. Kami Tak Terlupakan. </p> <p>Blog Nano Yulianto</p> Pasti akan jadi seperti ini : Eksperiment Blogger Pinggir Jalan. Hanya Sebuah Kiasan. Berkreasi Tanpa Batasan. Kami Tak Terlupakan. Blog Nano Yulianto Kalaupun jadinya ada baris kosong diatas kata Blog Nano Yulianto, itu pengaturan dari template anda. Jangan khawatir template anda sudah benar...
Post a Comment
Read more

HTML Headings

Home > Tutorial Kode > HTML > HTML Headings Heading terdiri dari <h1> sampai <h6>. <h1> untuk huruf terbesar <h6> untuk huruf terkecil contoh : <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a heading</h5> <h6>This is a heading</h6> H1 biasa Nano gunakan sebagai judul blog. H2 sebagai judul posting atau judul artikel. H3 sebagai judul kolom dikiri atau dikanan. H4 sebagai judul komentar dan seterusnya. Dilain pihak Blogger menempatkan h3 untuk judul posting, ini yang sampai sekarang saya bingung kenapa ?, mungkin blogger punya maksud kenapa dan kenapa, karena mereka yang lebih ahli. Latihan : Alhamdulillah
Post a Comment
Read more

Apa Itu HTML ?

Home > Tutorial Kode > HTML > Apa Itu HTML ? Sebelum berbagi tentang HTML, Nano cuma mau mengingatkan saja bahwa ini bukan tutorial seorang master atau apalah, tetapi seorang amatir. HTML adalah bahasa untuk mendeskripsikan halaman web. HTML singkatan dari Hyper Text Markup Language . HTML bukan bahasa pemograman tetapi bahasa markup seperti artinya. HTML menggunakan tag markup atau yang biasa disebut tag HTML untuk menjelaskan halaman web. HTML tag kata kunci yang didampingi tanda kurung lancip atau berbentuk siku seperti <html>. Tag HTML ada yang berpasangan, dan ada juga yang sendiri, seperti : <b> ... </b> : pembuka dan penutup <br/> : pembuka sekaligus penutup Sebenarnya tujuan dari browser seperti IE, Firefox, dll adalah untuk membaca dokumen HTML dan menampilkannya sebagai halaman web. Browser tidak menampilkan tag HTML, tapi menafsirkannya tag HTML tersebut. Apa perbedaan HTML dan HTM ? Tidak ada perbedaannya. Itu hanya kebiasaan orang dahul...
Post a Comment
Read more

Kreasi Dengan Text-Shadow

Text Shadow atau Tulisan Berbayang adalah Sudah diperkenalkan dalam CSS3 atau CSS versi terakhir saat ini. Vintage Retro text-shadow:3px 3px 0 #555555, 4px 4px 0 #bbb; Keterangan : Text-Shadow ditengah lebih gelap dan yang belakang warna sama dengan warna teks. Neon text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; Keterangan : Text-Shadow diatas hanya menggunakan efek blur dengan beberapa tingkatan. Inset text-shadow: 0px 2px 3px #333; Keterangan : Text-Shadow Inset hanya menggunakan sedikit pixel dan permainan warna dari background dan huruf biar terlihat seperti tulisannya ada didalam. Anaglyphic color:rgba(255, 0, 255, 0.4); text-shadow: 4px 4px 0 rgba(255,255,0,0.5); Keterangan : Text-Shadow Anaglyphic menggunakan efek bayangan terlihat transparan. Fire text-shadow: 0 0 20px #fefcc9, 10px -10px 30px #feec85, -20px -20px 40px #ffae34, 20px -40px 50px #ec760c, -20px -60px 60px #cd4606...
Post a Comment
Read more