cara memasukan/membuat link page lebih SEO.. monggo di reading dengan seksama.. !!

cara memasukan/membuat link page lebih SEO.. monggo di reading dengan seksama.. !!

HTML Unknown   April 14, 2015

 nah untuk kali ini saya akan memberi rumus/Cara agar link blog lebih SEO Friendly. Membuat link SEO Friendly masih termasuk ke dalam optimasi SEO on Page. Tujuan dan membuat link SEO Friendly yaitu untuk mempermudah search engine dalam merayapi blog kita sehingga postingan atau artikel yang ada di blog kita dapat dengan mudah terindex search engine.

Untuk demonya umumnya link di Postingan ini menggunakan title!

Untuk membuat link agar lebih SEO Friendly, kita hanya perlu menambahkan kode tag kedalam kode script link. Sebelum kita membahas bagaimana cara membuat link SEO Friendly, saya akan menjelaskan perbedaan  link biasa dan link yang sudah dioptimalkan.

Untuk mengoptimalkan link di blog juga usahkan agar tidak ada yang namanya Brokenlink / link rusak di blognya sobat .

Link biasa jika kita templatkan pointer diatasnya, maka tidak akan terjadi sesuatu, sedangkan link yang sudah SEO Friendly ( sudah disisipkan tag title ) jika kita tempatkan pointer mouse diatasnya, maka akan muncul sejenis tooltip. Jika berbicara soal tooltip mungkin saja anda tertarik dengan cara membuat efek tooltip pada link blog.

A. Kode link biasa.

<a href="URL Tujuan">Anchor Text</a>

Misalnya :

<a href="http://www.seocips.com/">Tutorial Blog</a>

dan hasilnya seperti dibawah ini :

Tutorial Blog

Sedangkan untuk membuat link yang SEO Friendly anda hanya perlu menyisipkan kode title kedalam kode link tersebut, untuk mengetahui bagaimana caranya, anda bisa melihat langkah-langkah berikut ini ( Mode HTML bukan Mode Compose ):

B. Kode Link yang sudah diberikan title

<a href="URL Tujuan" title="Judul Link">Anchor Text</a>

Misalnya :

<a href="http://www.seocips.com/" title="Tutorial Blogg" >Tutorial Blog</a>

PENGERTIAN HTML DAN FUNGSINYA

PENGERTIAN HTML DAN FUNGSINYA

Ilmu Komputer Unknown   November 08, 2014

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) adalah sebuah Bahasa Markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah Browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya olehWorld Wide Web Consortium (WWWC).

Secara garis besar, terdapat Empat jenis elemen dari HTML:

• structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan Golfsebagai teks tebal besar yang menunjukkan sebagai Heading1.
• presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
• hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
• Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).

HTTP juga mengatur aksi-aksi apa saja yang harus dilakukan oleh Web Server dan jugaWeb Browser sebagai respon atas perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya web browser akan mengirimkan perintah HTTP ke web server.

Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.

Fungsi HTML (HyperText Markup Language)

HTML (HyperText Markup Language) adalah suatu bahasa yang menggunakan tanda-tanda tertentu (tag) untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan secara benar.

Secara umum, fungsi HTML adalah untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses dan ditampilkan di Internet melalui Layanan Web.

Fungsi HTML yang lebih spesifik yaitu :

1. Membuat halaman Web.
2. Menampilkan berbagai informasi di dalam sebuah browser Internet.
3. Membuat Link menuju halaman web lain dengan Kode tertentu (hypertext).

PERBEDAAN FORM METHOD POST DAN GET

PERBEDAAN FORM METHOD POST DAN GET

HTML Unknown   November 07, 2014

POST Dan GET

Method POST dan GET pada php atau pada pembuatan aplikasi web sangat sering digunakan yaitu untuk mengirim data dari client ke server untuk diolah dan dikembalikan ke client menjadi sebuah Informasi. Pengiriman data tersebut biasanya berupa formulir(form) yang kemudian di kirim dengan menggunakan method POST atau GET.

Perbedaan keduanya memang sangat tipis tapi jelas dapat terlihat. Method GET mengirimkan data dengan menambahkannya pada URI. Sedangkan Method POST dikirim ke Server dengan disertakan dalam sebuah permintaan (body of request) dan bukan melalui URI Dan hasil dari permintaan dengan metode POST ini tidak bersifat Cacheable.

Contoh sebuah file form.html akan mengirimkan data pada file action.php dengan menggunakan method POST dan GET.

Fungsi dan Perbedaan Method POST dan GET pada PHP – Dalam dunia PHP Programming tentu menggunakan Method POST dan GET. Sedikit pengertian dari kegunaan Method POST dan GET ini sama yaitu untuk mengirimkan nilai variabel ke halaman lain atau mengirimkan ke database dan mengambil nilai variabel dari halaman lain atau mengambil data pada database.

Sebagai contoh :

METHOD $_POST

Buatlah file dengan nama index.php dan isikan dengan code dibawah ini:

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>

Silakan Login dengan Username dan Password Anda

<form action="lihat.php" method="POST">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"/></td>
</tr>
</table>
</form>
</body>
</html>

 METHOD $_GET

Buatlah file dengan nama index.php dan isikan dengan code dibawah ini:

<html>
<head>
<title>Fungsi dan Perbedaan Method POST dan GET pada PHP</title>
</head>
<body>

Silakan Masukkan Username dan Password Anda

<form action="lihat2.php" method="GET">
<table>
<tr>
<td>Username</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>Password</td>
<td><input type="password" name="password"/></td>
</tr>
<tr>
<td></td>
<td><input type="submit" value="Login"/></td>
</tr>
</table>
</form>
</body>

</html>

MEMBUAT MENU PADA BIDANG GAMBAR DALAM HTML

MEMBUAT MENU PADA BIDANG GAMBAR DALAM HTML

HTML Unknown   November 07, 2014

Untuk beberapa Kategori blog atau website, pemakaian gambar slide show pada blog / website sangat diperlukan, disamping untuk mempercantik penampilan blog / website itu sendiri, ada beberapa alasan kenapa gambar slide show sangat diperlukan dalam tampilan blog / website.

Untuk blog / kategory Movie misalnya, hal ini diperlukan, agar penyampaian isi konten dalam blog / website dapat tersampaikan kepada para pengunjung blog / web tersebut, begitu juga dengan blog / website dari sebuah perusahaan, penggunaan gambar slide show banyak diaplikasikan. Lalu bagaimana cara membuat  atau memasang gambar slide show di blog atau website? ada banyak cara diantaranya dengan menggunakan Gambar dengan format Flash, bisa juga dengan menggunakan script / kode HTML / Javascript tertentu.

HTML5

Kini HTML 5 telah mendukung penggunaan gambar slide show dengan menggunakan kode script tanpa harus menggunakan gambar dengan format file flash. Nah untuk kali ini saya akan berbagi panduan cara membuat gambar slide show dengan kode html / javascript pada blogger.

Slice berfungsi untuk memotong dokumen Fireworks ke dalam beberapa bagian kecil dan mengekspor setiap bagian sebagai file hasil salinan. Pada proses ekspor, Fireworks CS4 juga akan membuat file HTML dan CSS yang mengandung kode tabel dan kode format untuk menampilkan kembali grafik di dalam browser. Memotong gambar memiliki beberapa keuntungan pokok, seperti: Gambar pada desain web dapat di-download dengan cepat tanpa mengurangi kualitasnya. Anda dapat menggunakan slice untuk membuat area yang dapat direspon oleh aksi mouse.

Langkah-langkahnya sebagai berikut :

• Siapkan beberapa gambar dengan ukuran tertentu sesuai dengan kebutuhan anda.
• Upload gambar-gambar tersebut di media penyimpanan online (anda dapat menyimpan gambar di picasaweb.google.com).
• Catat url link dari masing-masing gambar yang sudah anda upload tersebut.
• Masuk / Login ke Blog anda. (Blogger)
• Pilih "Template" >> Klik "Edit HTML" >> beri tanda centang pada "Expand Template Widget".
• Untuk keamanan jika terjadi kesalahan sebaiknya anda "COPY" terlebih dahulu script HTML anda dan "PASTE" kan ke dalam NOTEPAD untuk backup.
• Cari kode </head> pada bidang HTML template blog anda (gunakan tombol "Ctrl+F" untuk memudahkan pencarian)
• Masukkan kode script berikut tepat diatas kode </head>

KARAKTER DAN SIMBOL KHUSUS DALAM HTML

KARAKTER DAN SIMBOL KHUSUS DALAM HTML

HTML Unknown   November 07, 2014

HTML

Simbol atau Karakter khusus memang jarang sekali digunakan dalam menyajikan sebuah informasi di halaman web, meskipun ada seringkali disajikan dalam bentuk gambar. Contoh untuk menyajikan rumus matematika maupun rumus fisika tentunya kita memerlukan kode atau karakter khusus tersebut. Kode dan simbol rumus memang tidak disediakan dalam susunan tombol keyboard, sehingga kita tidak bisa mengetiknya secara langsung. Alternatifnya yaitu dengan menambahkan manual kode penggantinya dalamDokumen html. 

Untuk itu semua sebaiknya kita memahami terlebih dahulu tentang kode HTML. Bagaimana menampilkan kode HTML pada posting blog? Untuk menulisnya dapat dilakukan dengan mengganti karakter yang mau ditulis di posting dengan notasi tertentu. Dapat dilakukan secara manual atau dengan bantuan software tertentu dan layanan situs menulis kode html atau Parse HTML. 

Karakter Spesial HTML Entity

Hasil	Nomber Entity	Nama Entity	Deskripsi
"	"	"	tanda kutip
'	'	'	tanda apostrof
&	&	&	ampersand
<	&#60;	&lt;	kurang dari
>	&#62;	&gt;	lebih dari

Simbol ISO 8859-1

Hasil	Nomber Entity	Nama Entity	Deskripsi
	 	 	spasi
¡	¡	¡	tanda seru terbalik
¢	¢	¢	cent
£	£	£	pound
¤	¤	¤	mata uang
¥	¥	¥	yen
¦	¦	¦	vertical bar patah
§	§	§	section
¨	¨	¨	spasi tanda titik dua di atas
©	©	©	hak cipta
ª	ª	ª	Indikator feminin ordinal
»	»	»	sudut tanda kutip (kanan)
«	«	«	sudut tanda kutip (kiri)
¬	¬	¬	penyangkalan
	­	­	tanda hubung lembut
®	®	®	merek dagang terdaftar
¯	¯	¯	spasi garis makron
°	°	°	derajat
±	±	±	lebih kurang
²	²	²	pangkat 2
³	³	³	pangkat 3
´	´	´	akut spasi
µ	µ	µ	micro
¶	¶	¶	paragraf
·	·	·	titk tengah
¸	¸	¸	spasi cedilla
¹	¹	¹	pangkat 1
º	º	º	Indikator maskulin ordinal
¼	¼	¼	pecahan 1/4
½	½	½	pecahan 1/2
¾	¾	¾	pecahan 3/4
¿	¿	¿	tanda tanya terbalik
×	×	×	perkalian
÷	÷	÷	bagi

CARA MENGGANTI BACKGROUND BLOG ATAU WEBSITE

CARA MENGGANTI BACKGROUND BLOG ATAU WEBSITE

HTML Unknown   November 07, 2014

Background Blog 

Memang mengganti Background blog atau mengubah Gambar latar belakang blog bukan merupakan suatu hal yang harus diprioritaskan dalam membangun sebuah blog. Akan tetapi sah sah saja jika anda menginginkan untuk menggantinya  dengan tujuan menambah keindahan tampilan sebagai salah satu daya tarik blog anda.

BLOG

Mengganti background Template bawaan dari google mungkin tidak menjadi suatu masalah yang merepotkan, akan tetapi kebanyakan para blogger sudah menggunakan template blog dari pihak ke-3 (pihak ketiga) yang dianggap lebih seo. Dan tentunya kita juga dihadapkan harus dapat meng-edit kode HTML yang ada jika ingin mengganti latar belakang template tersebut.

Cara Mengganti Background Blog Blogspot

Cara mengganti warna background blog

Ini prosesnya sangat mudah sekali, jika ingin Mengganti Warna background blog anda, silahkan ikuti langkah-langkah berikut..

• Masuk ke akun blogger anda
• Masuk ke menu template, kemudian klik Edit HTML
• Cari kode yang mirip seperti kode dibawah ini

    body {

    background: #18E115;

    …….

    …….

    }

Cara mengganti background blog dengan gambar 

Cara ini hampir sama seperti cara mengganti warna bacground blog. Perbedaan nya hanya pada penambahan kode pada CSS BODY tersebut. Lebih mudahnya, silahkan ikuti langkah-langkah berikut.

• Masuk ke blogger
• Masuk menu template, kemudian klik Edit HTML
• Cari kode yang mirip seperti kode dibawah ini 

    body {

    background: #18E115;

    …….

    …….

    }