TEMPALATE UNTUK MENGHIASI BLOG

Sekali lagi masbro mau posting yang berjudul TEMPALATE UNTUK MENGHIASI BLOG ,langsung aja cekidot ^.

Ada satu kalimat pada iklan tv yang cukup menarik, “kesan pertama begitu menggoda, selanjutnya terserah anda”. Begitu pula dengan blog anda, orang tidak akan langsung membaca tulisan dalam blog anda, namun hal pertama yang mereka lihat adalah tampilannya. Saying bukan, jika anda mempunyai tulisan bagus, namun begitu orang melihat tampilan blog anda yang kurang menarik, mereka keburu pindah ke blog yang lain sebelum membaca Tulisan anda.

Ada banyak sekali jasa penyedia template blog gratis di internet, seperti finalsense.com, isnaini.com, blogskins.com dll. Kita juga bias mengetik dengan kata kunci “free xml blogger template” pada kotak pencarian google. Selanjutnya, akan muncul banyak sekali website atau blog yang menyediakan jasa oenyedia template gratis.

Walaupun begitu, terkadang anda merasa kurang puas dengan tampilan-tampilan yang itu saja, apalagi jika tamplilan blog anda sama dengan tampilan blog orang lain. Bagaimana rasanya kalau anda memakai pakaian yang sama dengan orang lain pada waktu dan tempat yang bersamaan?

Karena blog adalah milik pribadi anda maka tentu tampilannya harus sesuai dengan keinginan dan tema blog anda. Saat anda memiliki sebuah blog, anda memiliki kebebasan untuk mengekspresikan diri anda melalui tulisan, yang juga disertai kebebasan dalam membuat tampilan blog. Tidak ada yang bias membatasu anda dalam membuatnya karena ini adalah ekspresi kreativitas anda.
Akan terlihat aneh sekali jika anda melihatblog yang memiliki tema tentang informasi seorang cakeg, namun memiliki tempkate bergambar tikus.
Untuk menghindar hal-hal demikian, disini anda akan memulai mengganti template blog.

MENGENAL TATA LETAK TEMPLATE BLOG

1. Header Blog
Bagian pertama, yang ditunjukkan oleh nomor 1 adalah header blog (kepala blog). Dalam istilah blog, header biasanya dinamakan #header-wrapper. Ada beberapa turunan untuk #header-wrepper, misalnya #header, #header description dan lain lain.
Pada bagian header ini berisi tentang judul blog dan deskripsi blog tersebut. Biasanya background header diisi dengan gambar-gambar agar terlihat menarik, atau dengan kata lain, header bias mewakili seluruh tema blog yang anda miliki. Buatlah bagian header ini semenarik mungkin, baik itu dengan kata-kata atau gambar.

Google juga akan meng-index halaman blog anda sesuai dengan judul blog dan deskripsi yang anda buat. Sebagai contoh, anda membuat blog tentang pemilu 2009 maka agar blog anda mudah dibaca oleh pembaca di internet, gunakanlah kata tersebut untuk header blog.
Google meng-index setiap website atau blog sesuai dengan kata kunci yang dimasukkan pada klotak pencarian maka semakin besar kemungkinan blog anda masuk pada halaman utama hasil pencarian google.

Pentingkah blog anda ter-index oleh google? Jawabannya adalah penting sekali. Apalagi jika blog anda bias masuk urutan 10 besar hasil pencarian. Kita sebagai pengguna google, tentunya akan mengklik hanya 10 halaman website pertama saja dari hasil pencarian. Kalau pun lebih, biasanya hanya karena iseng saja, dan hal ini pun jarang sekali orang melakukannya.
Satu hal lagi, anda bias bayangkan ketika anda sudah mempunyai tulisan dengan tampilan blog yang bagus, namun tidak satu orang pun yang melihat dan membacanya. Hal ini tentunya akan membuat anda merasa kecewa bukan? Oleh karena itu, inilah pentingnya masuk urutan 10 besar hasil pencarian google.


Bagaimana caranya? Di akhir buku ini saya menambahkan beberapa tips yang mungkin cukup untuk membantu dalam mempromosikan blog anda.

2. Content Blog
Bagian kedua, yang ditunjukkan oleh nomor 2.1 dan 2.2 adalah konmten blog. Konten blog ini biasanya menggunakan istilah #content-wrapper atay #outer-wrapper. Pada bagian ini berisi dua bagian lagi, yaitu :
a. Post Blog
Nomor 2.1 adalah tempat posting blog yang berisi berbagai postingan terbaru blog kita. Tempat untuk mengatur lebar halaman posting kita di blog dikenal dengan sitilah #main-wrapper. Pada bagian ini terdapat bagian yang lebih spesifik untuk mengatur isinya, yaitu pada bagian turunan dari post.

Pada bagian inilah tempat anda akan menulis, yauti mulai dari judul tulisan sampai dengan isinya. Kebanyakan orang sangat menyukai tulisan yang spesifik, yang sesuai dengan tema blognya. Sebagai contoh, pada bagioan header blogh dituliskan “Masakan Indonesia” maka tentu isinya adalah berbagai informasi tentang masak-memasak. Jangan sampai anda membuat isi tulisan pada blog tadi tentang perang atau masalah perampokan. Hal ini tentu akan mengecewakan pembaca blog anda.

Halaman posting blog ini juga sangat sensitif untuk bias ter-index oleh google. Beberapa bulan yang lalu saya pernah mencari informasi tentang handphone Sony ericsson dengan tipe tertentu dengan google.  Setelah saya lihat, ternyata di dalamnya tidak ada informasinya, yang ada hanya semua tipe-tipe handphonenya-nya yang ditulis pada satu halaman.

Ada satu kalimat yang menarik buat saya ketika saya ngobrol dengan teman saya “Google buta huruf”, katanya. Ketika itu saya dan dia sedang surfing di internet mencari bahan untuk tugas kuliah. Saya menggunakan kata kunci “teori-teori kepribadian” pada urutan pertama. Website yang terindex adalah website sebuah toko buku  yang me-review sebuah buku teori kepribadian. Setelah membuka satu persatu halaman website atau blog yang ter-index oleh google, saya menemukan informasi yang saya inginkan pada urutan 12 menurut google.

Maksud dari kalimat yang di ucapkan oleh teman saya tadi, bahwa google tidak bisa membaca tulisan yang ada pada sebuah website atau blog. Google hanya menilai suatu blog berdasarkan kepopularitasannya atau berdasarkan page rank. Namun demikian, hal ini tidak mutlak karena sebenarnya hal itu tergantung dari kebaikan “paman google” pada blog yang anda buat.

Akan tetapi karena tulisan pada blog pembacanya adalah manusia, tentu yang menilai adalah manusia juga. Kalau ada orang yang membaca tulisan andadan menurut mereka bagus, biasanya oembaca akan memasang link pada blog mereka yang menuju ke blog yang anda buat, istilah ini dikenal dengan “backlink”. Semakin banyak link dari blog lain yang dibuat menuju ke blog anda, semakin besar kemungkunan blog anda ter0index oleh google.

Hal ini menandakan bahwa blog anda bagus. Oleh karena itu, buatlah tulisan pada blog sebagus mungkin agar oranglain suka dengan blog anda dan membuat link yang menuju ke blog kita.
Selain itu, jangan lupa untuk memberikan link balok kepada blog yang menurut anda bagus, mungkin dengan anda bermurah hati kepada orang lain, tentu orang lain juga akan bermurah hati kepada anda dengan membuat link ke blog milik anda.

Pada setiap akhir posting, biasanya terdapat tulisan label dan nama yang memberikan posting tersebut. Label merupakan pengkategorian dari judul-judul posting yang telah anda buat sebelumnya. Hal ini untuk memudahkan pembaca blog dalam membaca blog.
Daftar label-label ini juga bias dipasanh pada sidebar blog nantinya.

b. Sidebar Blog
Nomor 2.2 adalah sidebar, berisis profil kita, atau tempat untuk menambhakan widget untuk blog. Kadang – kadang sidebar bisa berada di kiri atau di kanan, tergantung keinginan kita, atau bisa kita tambah menajdi 2 atau . Dalam istilah blog, sidebar dikenal dengan #sidebar-wrapper. Sama seperti post blog, bagian ini juga ada bagian turunan yang akan mengaturnya, yaitu pada sidebar content.

Sidebar sangat penting. Bagian inilah yang menentukan keindahan blog. Semakin lengkap widget dan berbagai aksesori yang anda pasang untuk blog anda akan semakin indah. Dalam sesuatu, otak manusia sangat tertarik pada sebuah gambar, ini adalah sifat alami otak dari zaman purba. Pada zaman purba, manusia mengkomunikasikan tulisannya dalam bentuk gambar dan simbol.

Lengkapilah blog yang anda buat dengan berbagai widget. Banyak sekali jasa penyedia widget gratis di Internet. Kunjungilah http://www.widgetbox.com. Di situ terdapat banyak sekali jenis widget yang disediakan. Selain memberi hiasan dengan widget, kita juga bisa memasang shoutbox. Shoutbox adalah tempat seorang pembaca memberikan komentar pada blog atau hanya sekedar menyapa pemilik blog.

Fungsi shoutbox hampir sama dengan fungsi comment pada blog. Akan tetapi, terkadang pembaca malas untuk memberikan komentar panjang pada tulisan yang anda buat. Dengan adanya shoutbox ini, pembaca bisa meluangkan waktunya sedikit untuk memeberikan komentar. Kunjungilah website penyedia jasa shoutbox ini, seperti http://oggix.com/ , http://cbox.ws/, atau http://shoutmix.com/, semuanya gratis. Manfaatkanlah fasilitas ini.

Sebenarnya masih banyak fasilitas lain yang bisa anda pasang pada sidebar blog. Anda bisa memasang kalender, jam, mengetahui jumlah pengunjung blog, jumlah pengunjung yang sedang Online, mengetahui asal pengunjung blog, mengganti bahasa blog dengan berbagai bahasa, ada juga widget yang dapat mengetahui jenis browser yang digunakan sampai nomor IP-nya, dan masih banyak fasilitas untuk blog yang belum saya sebutkan di sini.

Biasanya widget – widget diatas hanya berupa kode Dag HTML atau JavaScript. Kode – kode inilah yang kemudian yang akan kita masukan pada Add a Widget nantinya. Selanjutnya, pastel kode-kode terbut pada bagian Add HTML/JavaScript.

Saya akan menjelaskan secara singkat di sini, cara untuk menambahkan widget– widget tersebut pada blog. Pertama, masuklah pada bagian Layout, pilihlah menu Page Elements. Selanjutnya pada bagian bawah, ada tulisan Add a Widget, klik tulisan tersebut sehingga akan muncul gambar seperti di bawah ini.


Klik pada bagian Add HTML/JavaScript. Setelah muncul kotak tempat isisan, pastel kode yang sudah anda dapatkan sebelumnya. Pilih Save. Untuk melihat hasilnya, klik View Blog.

blog

Beberapa Elemen Pada Sidebar Blog

Pada slidebar blog, sebenarnya kita bias menambahkan beberapa widgwet bawaan blogger. Di sini saya akan menjelaskan apa saja widget bawaan blogger yang bias kita tambahkan pada sidebar blog.

  • Pengikut
blog
pengiklut ini adalah untuk menampilkan daftar pengguna yang mengikuti blog anda. Jika pengikut blog anda banyak, itu merupakan satu yang luar biasa. Itu artinya blog anda bagus dan disukai banyak orang.

  •  HTMLJavaScript
blog

Ini adalah elemen yang sangat penting dalam blog. karena berupa HTML dan javascript sehingga setiap anda ingin menambahkan widget dari luar, anda akan menambahkannya melalui elemen ini karena widget dari luar yang anda dapatkan bias berupa HTML ata javascript. Penggunaan widget ini telah dijelaskan sebelumnya.

  • Teks
blog

Sesuai dengan namanya, elemen ini adalah untuk menambahkan teks pada sidebar blog. biasanya beberapa orang menulis pesan selamat datang, menulis kata-kata mutiara/ayat suci, dll, tergantung selera anda.

  • AdSense
blog

Ini adalah elemen yang bernilai dalam blog. dengan elemen ini, Anda dapat menghasilkan $ dari setiap iklan yang diklik oleh pengunjung blog anda. Jika anda tertarik menggunakan fasilitas ini, silahkan anda mendaftarkan diri Anda di HTTP://www.google.com/adsense.

  • Gambar
blog

Elemen ini cukup menarik karena anda bisa menambahkan gambar pada sidebar. Kita bisa menambahkan gambar, baik itu dari gambar yang kita upload dari computer atau gambar yang berasal dari web lain. Gambar pada sidebar ini akan selalu muncul,berbeda dengan gambar yang kita letakan pada halaman posting. Gambar pada posting blog akan muncul ketika postingan blog juga muncul.

  • Feed
blog

Feed ini sangat membantu untuk menampilkan headline dari sebuah artikel atau komentar. Sebagai contoh ,blog anda membahas “Bakso”, dan ternyata ada blog lain yang lebih terkenal dan banyak pengunjungnya membahas tentang bakso juga. Dengan adanya fasilitas Feed ini, Anda bisa memasang Feed dari blog yang terkenal itu menjadi seperti feed anda dan tampil di blog anda melalui elemen ini.

    blog
  • NewsReel

Sebenarnya fasilitas ini untuk memeriahkan blog anda karena secara otomatis blog anda akan muncul ringkasan berita-berita terbaru dari Google News dan tentunya harus sesuai dengan tema blog anda. Ada banyak pilihan berita yang bisa di tampilkan, anda tinggal memilih.

  • Label
blog

Label adalah kategori dari judul-judul postingan yang anda buat. Sebagai contoh,anda membuat judul posting tentang sate ayam, sate kambing, sate kelinci, maka anda bisa menuliskan label untuk ketiga judul tersebut dengan “sate”.

  • Tautan Berlanganan
blog

Feed adalah fasilitas yang memudahkan pembaca blog anda membaca tulisan di setiap blog. dengan adanya fasilitas ini, pembaca akan mendapatkan tulisan terbaru dalam blog anda dengan cara berlangganan

  • Logo
blog

Elemen ini hanya untuk memunculkan logo blogger pada blog anda. Ada banyak jenis warna logo yang ditawarkan. Pada dasarnya, elemen ini hanya untuk memperindah blog anda, tetapi sebenarnya bagus juga untuk menampakan identitas anda bahwa anda adalah sebagai seorang blogger.

  • Profil
blog

Elemen profil ini hanya untuk memunculkan profil milik blog. jika anda mendeskripsikan diri anda dan memasang foto pribadi anda pada blog, gunakan fasilitas profil ini

  •  Arsip Blog

Arsip blog ini hanya untuk menampilkan judul-judul postingan anda terdahulu berupa link. Arsip blog ini
Sangat berguna ketika anda memiliki banyak judul tulisan di blog anda.

  • Header Halaman

Sebenarnya fasilitas ini hanya untuk menampilkan judul dan deskripsi blog anda. Secara default, sebenarnya reader halaman ini sudah muncul pada blog anda sehingga kita tidak terlalu mengurusnya.
         Anda bisa memposisikan elemen-elemen di atas sesuai keinginan anda, begitu sebuah Widget ditambahkan. Caranya, klik-tahan dan drag ke posisi yang anda inginkan. Inilah salah satu kemudahan yang diberikan jika anda menggunakan XML Template.
         Elemen-elemen diatas hanyalah elemen basic atau dasar dimana elemen-elemen inilah yang biasanya ada pada sebuah blog. Kalo kita memperhatikan lagi, masih banyak elemen yang bisa anda tambahkan dalam blog.
         Diantara elemen atau widget lain, masih ada bnyak sekali yang bisa anda tambahkan,seperti widget-widget yang menjadi unggulan,widget yang paling popular, dan widget yang terbaru. Selain itu, ada beberapa kategori lain, seperti kategori news,tools,communication,fun and games,finance,sports,lifestyle,technology. Bahkan andapun bisa menambahkan widget milik anda,dengan cara klik tulisan Add Your Own pada bagian bawah.

3. Footer Blog
 Bagian ketiga, yang ditunjukan oleh nomor 3 adalah footer blog (Kaki Blog). Biasanya berisi tentang penjelasan hak cipta atau nama pembuat blog. Karena posisinya dibawah, footer blog jarang untuk dimodifikasi sehingga jarang pula menjadi perhatian pembaca.
Akan tetapi, sebenarnya tidak ada alasannya kalau kita menjadikan halaman Footer ini untuk berbagai fungsi. Ada satu blog yang pernah saya temukan pada bagian footernya berisi link – link yang menuju ke blog lain. Banyak sekali link tersebut, hampir separuh ukuran blog. Ada juga yang memasang ucapan terimakasih kepada para pembaca blog karena telah mengunjungi blognya dan berharap pembaca tersebut bersedia kembali mengunjungi blognya.
Sebenarnya, bagian footer ini bisa diatur, tergantung kreativitas pembuat blog. Pembuat blog bebas melakukan apa pun pada bagian ini agar dimiliki semakin bagus.

DASAR HTML DAN ILMU HTML

Assalamualaikum wr. wb.


         Oke masbro sekarang penulis mau posting lagi tentang tugas sekolah euy, ini juga karna tugas sekolah jadi posting lagi tentang HTML Penulis mau nge share Tentang HTML ^.




HTML adalah hypertext markup language, fungsi html didalam sebuah dokumen web adalah untuk struktur tampilan dokumen tsb dan juga untuk menampilkan link sambungan ke halaman web lain yg ada di internet. Biasanya sebuah dokumen html disimpan ekstensi html. HTML disebut jga markup language karena HTML berfungsi utk memperpindah file tulisan (text) biasa utk dapat dilihat pada sebuah web browser.

Disini saya akan banyak menjelaskan tentang sintaxs dasar HTML karena sudah bnyak sekali buku yg membahas tentang hal ini.

Untuk membuat HTML, anda cukup menggunakan notepad walaupun banyak software’’ yg memudahkan kita membuat dokumen html

Sintax Dasar HTML
Struktur penulisan dokumen HTML sebagai berikut :

<html>
<head>
    <title> www.websaya.com</title>
</head>
<body>
    <h1 align="center"> SELAMAT DATANG DI WEBSITE SAYA</h1>
</body>
</html>
Skrip diatas adalah file html yg paling sederhana. Setiap tag HTML selalu memiliki tag pebuka dan tag penutup. Pada contoh diatas missal tag <HEAD> maka ditutup dengan tag </head>, coba perhatikan, ada tanda “/” pada setiap tag penutup.




Memanipulasi TEXT
Disini saya akan memberikan contoh cara memanipulasi text dengan notepad …
<html>
<html>
      <head>
                     <title>manipulasi text</title>
      <head>
<body>
<b>hurup tebal atau bold</b> <br>
<i>hurup miring atau italic</i> <br>
<u>garis bawah atau underline</u> <br>
<font color="green">ini warna hijau</font> <br>
<font color="blue">ini warna biru</font> <br>
<font color="brown">ini warna coklat</font> <br>
</body>
</html>


Untuk kode warna biasanya menggunakan beberapa kode tertentu dengan hurup atau angka atau gabungan keduanya.
Berikut standar kode warna
Warna
Hex 6
RGB
Black
#000000
0,0,0
Silver

192,192,192
Gray

128,128,128
White

255,255,255
Maroon

128,0,0
Red

255,0,0
Purple

128,0,128
Fuchsia

255,0,255
Green

0,128,0
Lime

0,255,0
Olive

128,128,0
Yellow

255,255,0
Navy

0,0,255
Blue

0,0,128
Teal

0,0,255
aqua

0,255,255




Ada beberapa aturan lain yg digunakan utk text. Berikut contohnya …
<html>
      <head>
                     <title>manipulasi text</title>
      <head>
<body>
<b>hurup tebal atau bold</b> <br>
<i>hurup miring atau italic</i> <br>
<u>garis bawah atau underline</u> <br>
<font size="1">ini hurup dengan ukuran 3</font> <br>
<font size="5">ini hurup dengan ukuran 5</font> <br>
<font size="7">ini hurup dengan ukuran 7</font> <br>
</body>
</htm>
                                                


Pengaturan paragraph
Contoh
<html>
      <head>
                     <title>mengatur paragraf</title>
      <head>
<body>
<p align="center">tulisan rata tengah</p>
<p align="left">tulisan rata kiri</p>
<p align="right">tulisan rata kanan</p>
<p align="justify">tulisan rata rata kiri dan kanan</p>
</body>
</html>


HYPERLINK
Hyperlink atau link adlah sambungan yg akan menghubungkan suatu web dengan web lainnya di internet. Sebagai contoh, kita akan membuat link yg akan menuju ke hal. Utama google .. contoh :
<html>
      <head>
                     <title>membuat link</title>
      <head>
<body>
klik tulisan ini untuk pergi ke <a
hrep=http://www.google.co.id/>halamat utama google</a>. terima kasih.
</body>
</html>



IMAGES
Untuk memunculkan gambar pada web, kita dapat menambahkan html.
<img src=”target_atau_url_gambar”>
Contoh :
<html>
      <head>
                     <title>gambar</title>
      <head>
<body>
      <img src="images/mm1.jpg">
</body>
</html>

Cukupkan segitu aja ea infohnya :D