kampusku dulu gundar

Showing posts with label Computer. Show all posts

Favicon adalah icon yang muncul pada address bar suatu website atau blog dan kadang-kadang merupakan logo atau brand dari website atau blog tersebut. Selain itu favicon juga dikenal sebagai shortcut icon, website icon, URL icon atau bookmark icon. Setiap theme/template (terutama yang gratisan) yang kita gunakan memiliki favicon sesuai dengan bawaan template. Rasanya tidak nyaman dipandang jika blog/website kita masih memakai favicon bawaan tersebut. Nah kali ini saya akan memberikan tips untuk sobat bagaimana mengubah favicon.

Langkah pertama yang harus sobat lakukan adalah membuat gambar icon yang akan sobat gunakan sebagai favicon blog/website sobat. Gambar dapat menggunakan format jpg, gif, png atau lainnya dengan ukuran 16×16 pixel sampai dengan 30×30 pixel.

Setelah menyiapkan gambar icon maka sobat dapat mengubah favicon dengan 2 cara, yaitu dengan menggunakan plugin atau mengedit beberapa bagian di root direktori wordpress sobat.

Cara Pertama mengubah Favicon di wordpress

Satu : Masuk dashboard WP sobat, silahkan install plugin Multicons [ Mulitple Favicons ] yang bisa sobat dapatkan di search plugin pada dashboard wordpress sobat. Setelah diinstall lalu aktifkan.

Dua : Masih di dashboard WP sobat, silahkan klik ‘media’ lalu upload gambar icon yang sudah sobat siapkan. Jika berhasil akan muncul di bagian bawahnya. Kemudian silahkan klik ‘edit’ icon yang sudah diupload tadi kemudian copy alamat url icon tersebut.

Tiga : Masih di dashboard WP sobat, klik menu ‘settings‘ dan klik ‘multicons‘ lalu masukanalamat url ganbar tadi pada kotak yang tersedia kemudian save (simpan) hasilnya. Silahkan refresh (tekan f5) dan lihat hasilnya..eng.. ing… eng…favicon blog/website sobat sudah berubah kan..?

Pengalaman saya cara ini memang lebih mudah karena kita tidak harus masuk ke cpanel hosting kita. Namun ada beberapa kelemahan, antara lain :

1. Pada beberapa theme/template cara ini tidak mampu memunculkan favicon hasil ubahan pada setiap browser. Pada browser chrome mungkin sudah berubah tapi pada mozilla masih muncul favicon lama, atau sebaliknya.

2. Saat kita mengubah theme/template maka kadangkala cara ini harus diulang kembali.

Oleh karenanya, saya lebih menyukai cara yang kedua, silahkan baca disini.

Indahnya berbagi, semoga tulisan Cara Mengubah Favicon Di WordPress ini bermamfaat. Sobat dapat mengcopas tulisan dengan tetap mencantumkan link blog saya ini.

Sobat yang mempunyai pengalaman dengan cara lain mohon untuk dapat berbagi pada kotak komentar.

sumber gambar: freepik.com/creativeart

Berikut Tag Tag Dalam Html5

Disusun berdasarkan abjad

Tag	Deskripsi
<!–…–>	mendefinisikan komentar
<!DOCTYPE>	mendefinisikan jenis document
<a>	mendefinisikan hyperlink
<abbr>	mendefinisikan ringkasan/singkatan
<acronym>	tidak di dukung di html5
<address>	mendefinisikan alamat
<applet>	tidak di dukung di html5
<area>	mendefinisikan area
<article>New	mendefinisikan artikel
<aside>New	mendefinisikan content selain content halaman
<audio>New	mendefinisikan audio
<b>	mendefinisikan text tebal
<base>	mendefinisikan url dasar untuk semua link pada halaman
<basefont>	tidak di dukung di html5
<bdo>	mendefinisikan arah tampilan text
<big>	tidak di dukung di html5
<blockquote>	mendefinisikan kutipan
<body>	mendefinisikan element body
<br>	mendefinisikan baris baru
<button>	mendefinisikan document button/tombol
<canvas>New	mendefinisikan Document grafis
<caption>	mendefinisikan document table caption
<center>	tidak di dukung di html5
<cite>	mendefinisikan kutipan
<code>	mendefinisikan text kode komputer
<col>	mendefinisikan atribut untuk kolom table
<colgroup>	mendefinisikan kolom table
<command>New	mendefinisikan perintah tombol
<datalist>New	mendefinisikan dropdown list
<dd>	mendefinisikan definisi deskripsi
<del>	mendefinisikan text yang di hapus
<details>New	mendefinisikan suatu elemen
<dialog>New	mendefinisikan dialog (conversation)
<dfn>	mendefinisikan definition term
<dir>	tidak di dukung di html5
<div>	mendefinisikan bagian dalam suatu document
<dl>	mendefinisikan daftar
<dt>	mendefinisikan istilah
<em>	mendefinisikan text rapat
<embed>New	mendefinisikan external content
<fieldset>	mendefinisikan fieldset
<figure>New	mendefinisikan isi media, dan keterangan
<font>	tidak di dukung di html5
<footer>New	mendefinisikan bagian footer
<form>	mendefinisikan formulir
<frame>	tidak di dukung di html5
<frameset>	tidak di dukung di html5
<h1> sampai <h6>	mendefinisikan header
<head>	mendefinisikan informasi tentang document
<header>New	mendefinisikan sebuah header untuk bagian suatu halaman
<hgroup>New	mendefinisikan informasi tentang bagian sebuah document
<hr>	mendefinisikan garis horisontal
<html>	mendefinisikan document html
<i>	mendefinisikan text italic
<iframe>	mendefinisikan inline sub frame
<img>	mendefinisikan gambar
<input>	mendefinisikan input
<ins>	mendefinisikan text yang disisipkan
<keygen>New	mendefinisikan sebuah kunci yang dihasilkan dalam bentuk
<kbd>	mendefinisikan text keyboard
<label>	mendefinisikana label untuk form
<legend>	mendefinisikan judul di fieldset
<li>	mendefinisikan list
<link>	mendefinisikan refrensi sumber
<map>	mendefinisikan peta gambar
<mark>New	mendefinisikan text yang ditandai
<menu>	mendefinisikan daftar menu
<meta>	mendefinisikan meta information
<meter>New	mendefinisikan ukuran yang sudah di tetapkan
<nav>New	mendefinisikan navigation link
<noframes>	tidak di dukung di html5
<noscript>	mendefinisikan bagian noscript
<object>	mendefinisikan sebuah object
<ol>	mendefinisikan daftar angka
<optgroup>	mendefinisikan grup pilhan
<option>	mendefinisikan drop-down option
<output>New	mendefinisikan beberapa jenis output
<p>	mendefinisikan paragraph
<param>	mendefinisikanparameter untuk sebuah objeck
<pre>	mendefinisikan text ke format awal
<progress>New	mendefinisikan kemajuan suatu tugas apapun
<q>	mendefinisikan kutipan pendek
<rp>New	digunakan untuk menentukan apakah browser mendukung ruby
<rt>New	menjelaskan tentanf penngunaan ruby
<ruby>New	mendefinisikan ruby annotations.
<s>	tidak di dukung di html5
<samp>	mendefinisikan sample computer code
<script>	mendefinisikan script
<section>New	mendefinisikan section
<select>	mendefinisikan selectable list
<small>	mendefinisikan text kecil
<source>New	mendefinisikan media resources
<span>	mendefinisikan bagian dalam sebuah document
<strike>	tidak di dukung di html5
<strong>	mendefinisikan text pekat/tebal
<style>	mendefinisikan style untuk css
<sub>	mendefinisikan subscripted text lawan pangkat
<sup>	mendefinisikan superscripted text pangkat
<table>	mendefinisikan table
<tbody>	mendefinisikan table body
<td>	mendefinisikan table cell
<textarea>	mendefinisikan text area
<tfoot>	mendefinisikan table footer
<th>	mendefinisikan table header
<thead>	mendefinisikan table header
<time>New	mendefinisikan date/time
<title>	mendefinisikan judul document
<tr>	mendefinisikan baris table
<tt>	tidak di dukung di html5
<u>	tidak di dukung di html5
<ul>	mendefinisikan daftar
<var>	mendefinisikan variable
<video>New	mendefinisikan video
<xmp>	tidak di dukung di html5

Keterangan*

Tag-tag diatas saya ambil dari w3school.com
Yang di beri tanda merah adalah tag baru(hanya di html5), dimana tag tadi tidak ada di html 4
Tag-tag baru tadi belum support di semua browser
Yang di beri warna biru adalah tag html yang tidak support di html5

Yang diatas adalah tag-tag html5 atribut-atributnya belum disertakan. kita itu tidak mesti pelajarin semua tag tag dalam html karena tidak semua tag-tag itu digunakan digunakan dalam sebuah website, apalagi hanya blog heheheheeeee. yang penting itu adalah kita ngerti cara penulisan tag dan atributnya. kita juga harus bisa membedakan mana yang bisa dan tidak bisa ditambahkan kedalam sebuah tag, dan tag-tag mana saya yang bisa serta tidak bisa ditambahkan kedalam tag lain.

Contoh html salah

<img src="url-gambar"><table>ini-membentuk-table</table></img>

Keterangan

Dilihat dari penulisan htmlnya, sama sekali tidak salah
Namun pada penempatan tagi, itu salah
Apakah mungkin, didalam sebuah gambar dapat dimasukan table?

Rencananya saya akan membahas beberapa tag-tag yang mungkin penting dalam sebuah website/blog.

Yoooow mungkin cuma itu dulu, besok- besok akan saya lanjutkan

Semoga bermanfaat.

Pages

Berikut Tag Tag Dalam Html5

Keterangan

About Me

Follow Us

Popular Posts

Facebook Page

Labels List Numbered