Sunday, May 29, 2011

Cara Membuat Header Blog menjadi 3 Bagian

Jumpa kembali kawan, semoga kawan-kawan tetap sehat dan dalam lindungan yang Maha Kuasa. Amin. Untuk topik kali ini mari kita bahas mengenai Header Blog yaitu mengenai bagaimana Cara Membuat atau mengubah Header Blog kita menjadi 3 Bagian. Berikut adalah langkah-langkahnya: 1. Login ke Blogger Dashboard ---> Design ---> Edit HTML 2....

Friday, May 27, 2011

Cara Menghilangkan Tombol Quick Editing pada Blog

Jika anda Login kedalam Blogger dan pada saat yang sama anda juga membuka Blog Blogger anda pada browser yang sama maka anda dapat melihat Tombol Quick Editing pada widget blogger anda. Jika anda tidak menginginkan tombol Quick Editing tersebut muncul maka anda dapat menghilangkannya dari penampilan. Ada 2 cara untuk melakukan hal ini: Melalui...

Macam-macam Tipe List Link HTML Unordered

Macam-macam Tipe List Link HTML Unordered adalah: Disc Bullets Link List HTML Code: <ul type="disc"> <li><a href="YOUR-LINK-1">LINK-NAME-1</a></li> <li><a href="YOUR-LINK-2">LINK-NAME-2</a></li> <li><a href="YOUR-LINK-3">LINK-NAME-3</a></li> <li><a href="YOUR-LINK-4">LINK-NAME-4</a></li> <li><a...

Cara Membuat Gambar Transparan

Ada kalanya kita memerlukan tampilan gambar dalam bentuk transparan, misalkan jika kita sedang memerlukan gambar yang akan difungsikan sebagai background atau sekedar untuk variasi tampilan saja. Untuk membuat gambar menjadi tampak transparan cukup mudah, tinggal ikuti langkah mudah berikut. 1. Kode untuk add gambar biasa adalah seperti terlihat...

Cara Membuat Fungsi Scroll Pada Archive Blog

Jika kita telah memiliki banyak sekali posting-an didalam blog kita maka tentunya jumlah archive akan panjang dan kurang enak untuk dilihat. Salah satu cara-nya men-siasati hal ini adalah dengan membuat tampilan archive blog kita menjadi tampilan scroll. Untuk membuat-nya cukup mudah, ikuti langkah-langkah berikut: 1. Login ke blog anda...

Cara Membuat Judul Posting Blog Center atau Rata Tengah

Jika anda ingin agar judul-judul posting blog anda menjadi center atau rata tengah, berikut adalah caranya: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan salah satu dari kode dibawah ini (ter-gantung dari template anda) .post h3 {.....} atau .post h3 a {....} atau .post-title{.....} : .post h3{ margin: 0px 0px 8px 0px; padding: 0px 0px 1px 0px; color: $postTitleColor; font:...

Cara Mengubah Tag Heading untuk SEO (Search Engine Optimization) yang Lebih Baik pada Blog

Heading Tag (h1, h2, h3, h4, h5) sangat penting untuk SEO. Semua dari judul Blogger widget (gadgets) menggunakan tags h3 atau h2. Sehingga template blogger menggunakan tag h2 atau h3 untuk judul posting. Jika anda ingin meningkatkan SEO blog atau situs website anda, maka anda perlu menggunakan tag h1 untuk judul posting anda. Untuk melakukannya ikuti langkah-langkah dibawah ini: 1. Login ke dalam Blogger, klik menu Design --->...

Cara Meng-embed atau Mencantumkan Audio Music Player kedalam Blog

Jika anda ingin mencantumkan atau meng-embed Audio Music Player kedalam blog anda, berikut adalah kode yang harus dituliskan pada blog: <embed width="250" height="50" autostart="false" loop="false" playcount="2" src="url-musik-anda"/></embed> Note: jangan lupa untuk mengubah "url-musik-anda" pada kode diatas dengan url music yang ingin anda play (file extention bisa .mp3, .wav, .mid atau yg lain-nya) width adalah...

Cara Membuat Menu atau Submenu Vertical CSS pada Blog

Jika anda menginginkan menu tertampil secara vertical berikut adalah langkah-langkahnya: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan kode <head>. 3. Copy kode dibawah ini dan paste sebelum kode <head> <style type='text/css'> ul {list-style: none; margin: 0; padding:...

Cara Membuat Search Box atau Find Box atau Kotak Pencari pada Blog atau Website

Cara membuat search box atau find box atau kotak pencari pada blog atau website adalah sebagai berikut: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan kode <head>. 3. Copy kode dibawah ini dan paste sebelum kode <head> <style type='text/css'> div#search { background:...

Cara Membuat Menu atau Submenu Horizontal Tipe Pure CSS

Jika ada ingin membuat menu atau submenu, berikut ini adalah salah satunya yaitu Menu Horizontal Pure CSS, langkah-langkahnya adalah: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan kode <head>. 3. Copy kode dibawah ini dan paste sebelum kode <head> <style type='text/css'> div#navmenu...

Cara Membuat Refresh Otomatis pada Blog atau Website

Jika ada ingin agar blog atau website anda melakukan refresh otomatis dengan periode waktu tertentu, berikut adalah cara-caranya: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan kode <head>. 3. Copy kode dibawah ini dan paste setelahkode <head> <meta HTTP-EQUIV='refresh' content='15;URL=http://ayza2004.blogspot.com'/>Note: ubah http://ayza2004.blogspot.com...

Cara Membuat Slide Show untuk Gambar pada Blog

Jika anda ingin membuat tampilan gambar dalam slide show ikuti langkah-langkah mudah dibawah ini: 1. Login ke dalam Blogger, klik menu Design ---> Edit HTML 2. Scroll kebawah sampai anda menemukan kode <head>. 3. Copy kode dibawah ini dan paste sebelum kode <head> <script type='text/javascript'> //<![CDATA[ //** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com. //**...

Panduan Dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Untuk mengisi konten dari Website yang Anda miliki sebaiknya Anda mengetahui format tag html terlebih dahulu agar tampilan...

Panduan Dasar HTML Lanjutan

Pada bahasan sebelumnya Kode-kode HTML Anda sudah diperkenalkan tata cara atau aturan penulisan kode HTML beserta urutan-urutannya. Setelah Anda paham mengenai tata cara penulisan kode-kode HTML sekarang saatnya bagi Anda untuk dibawa lebih jauh mengenai tag atau perintah yang berlaku pada HTML. Tak perlu banyak pengantar lagi, sekarang saya akan menjelaskan mengenai TAG HTML ini satu persatu. 1. <center> dan...

Subscribe to: Posts (Atom)