Blogger Trick Indonesia: Hal harus Diketahui Sebelum Edit Blogspot Template

Berdasarkan Penelitian Luar Negeri Mengatakan "Lebih dari 1/2 blogger di dunia adalah Pemalas" . Mengapa demikian, Mari kita lihat sendiri. Kebanyakan blogger itu memakai template gratis kemudian download dan Mengedit sembarangan tapi mereka sendiri tidak tahu basic dari Template itu sendiri. bukannya saya menganggap remeh, namun kebanyakan Blogger Indonesia hanya mementingkan Graphis saja bukannya "Content Is A King" dan apa hubungannya dengan judul diatas???

penulis hanya berpesan kepada para blogger muda Indonesia untuk bersikap Professional pakai lah Template yang tidak mengganggu pembaca, Mungkin Bisa Kamu lihat disini :

10 Tips Menjadi Blogger Professional

ok, langsung ke pokok permasalahan,

You have to know The HTML Structure

Struktur atau bagian-bagian dari HTML ada bermacam-macam namun saya akan menjelaskan basic nya saja

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>


<body>
</body>
</html>

Pada Tulisan yang memiliki background Kuning Bagian tersebut menjelaskan Tipe-tipe HTML 4.01 untuk saat ini sudah ada model terbaru yaitu HTML5 .
Kemudian pada tulisan Berwarna Hijau itu adalah tag <head>, Tag <head> ini ditemukan di setiap webpage tag <head> ini sangat penting namun pada saat interface dengan web page dia tidak akan terlihat , mengapa penting????

Tag <head> itu berisi beberapa source misalnya :
<script> : memungkinkan para Designer untuk Menambah kan Interaksi bagi para Pembaca , Dikenal tipenya js (javascript)
<Style> Sebagai Pengatur Design Interface dari design web tersebut, atau bisa juga dengan CSS ( Casscading Style Sheet)
<Meta/> : tag yang penting bagi Crawler Search Engine, jika kamu memang ingin Terindeks di top google list, Hati-hati pada bagian ini dan <title> !!Important

Kemudian pada tulisan berwarna merah itu adalah tag <body> .Tag Body inilah yang mengatur tata letak dan yang kamu lihat di setiap Web page, Beberapa bagian <Body> yang umum adalah <a>, <Img>, <span>, <div>, <li>, <ul>, <ol> , dan banyak lagi tapi secara umum itu lah yang sering digunakan pada Web Design

You Have To Know The Basic Code

Ya, mau tak mau ini memang harus di pelajari, ini dia basic, kita ambil contoh pada bagian header sederhana dengan tipe HTML4:

Blogger Indonesia

</div>

bisa kita lihat disitu, kode paling sederhanadan hasilnya akan seperti ini tanpa Style Sheet :

Blogger Indonesia

mari kita tambahkan Style dengan cara:

background-color:#F33

} .header1:hover { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; font-size:36px; font-style:italic;
background-color:#FFC
}
</style>
<div class="header1">

Blogger Indonesia

</div>

Mari kita lihat apa yang terjadi:

Blogger Indonesia

Bisa kita lihat diatas Class="Header1" itu berhubungan dengan .header1 { dan .header1:hover{.

seru bukan, kemudian adalah pengaplikasian <Style> , banyak sekali Style code dan bisa kamu lihat contoh diatas, memiliki pengaplikasian Hover, itu berarti ia memiliki Effek Mouse hover, yang akan beranimasi ketika di lewati oleh mouse atau pointer. untuk javaScript emang merepotkan apabila di jelaskan namun jadi hanya sebatas itu saja yang bisa saya jelaskan, dan sekarang ini sudah ada CSS3 dengan fitur yang bisa di katakan wow juga, lebih ringan loadnya dibanding dengan JavaScript.

yah mungkin itu saja yang bisa saya tulis mungkin tulisan selanjutnya tentang HTML5 atau Kesalahan Blogger Indonesia Dalam Blogging so , mungkin bisa ditunggu atau subscribe di bawah ini untuk info terbaru

Blogger Trick Indonesia

Sabtu, 18 Agustus 2012

Hal harus Diketahui Sebelum Edit Blogspot Template

Tidak ada komentar:

Posting Komentar

Translate

Labels