Showing posts with label tips blog. Show all posts

Cara Cepat Melakukan Backup Template atau Mengamankan Template BlogSPOT

Membuat Panduan BloGGeR dan Tutorial BoGGeR sekaligus Tutorial BlogDETIK serta Panduan BlogDETIK yang melibatkan kode html dan javascript tidak lagi menjadi masalah. Silahkan sobat blogger langsung copy kode-kode yang disajikan dan paste-kan saja secara langsung maka semua kode akan berfungsi dengan baik. Banyaknya tanda baca bermasalah yang sebelumnya banyak menjadi kendala, seperti tanda petik satu dan tanda petik dua kini tidak ada lagi. Berkat posting dalam tag pre dan code semua masalah yang selama ini melingkupi posting kode sirna dan berakhir sudah. Semangat yang sebelumnya sempat patah arang kini menggelegak kembali dan semoga akan semakin melengkapi BlogDETIK dalam posting-posting yang berorientasi pada kode html dan javascript yang bermanfaat bagi para sobat blogger untuk melakukan perubahan, inovasi baru dan modifikasi desain blog hingga mampu tampil cantik, elegan dan tentunyamembuat pengunjung semakin kerasan.

Sebagai langkah awal membuka kembali posting Tutorial BloGGeR dan Panduan BloGGeR, kita akan mengupas masalah mendasar yang selalu digunakan saat melakukan perubahan desain blog di BlogSPOT. �Cara mencari Kode HTML secara cepat�, �bagaimana cara melakukan Back-up Template (mengamankan template)� dan �Cara Menambah Widget� blog. Sebelum segala bentuk penambahan dan pengurangan kode html maupun javascript dilakukan. Kita akan memulai dengan membahas apa yang dimaksud backup template berikut kegunaan dan cara melakukannya.

Cara melakukan backup template dan kegunaannya :

Backup template dalam BlogSPOT merupakan prosedur standar yang wajib dilakukan setiap blogger pada saat akan melakukan perubahan desain blog. Perubahan bisa berupa penambahan atau pengurangan kode html atau javascript baru. Sebelum perubahan seluruh kode html harus di simpan terlebih dahulu dalam folder PC melalui download template. Semua tool telah tersedia di halaman Edit HTML.

Hasil download kode template yang tersimpan di folder PC berekstensi �.xml, dan merupakan file yang berfungsi untuk mengembalikan lagi template yang mengalami kerusakan setelah perubahan dilakukan. Jadi inilah fungsi utama backup template, sehingga setiap blogger wajib hukumnya untuk selalu melakukan prosedur ini. Bagaimana cara untuk melakukan backup (pengamanan) template dan memfungsikannya untuk memulihkan kembali desain blog yang mengalami kerusakan? Oke .. Mari ikuti panduan di bawah ini.

Cara Mengamankan Template (backup) di BlogSPOT :

Login: Tuliskan �User Name/Nama Pengguna� atau �Alamat Email�, kemudian tuliskan juga �Password/Sandi�. Lanjutkan dengan KLIK �Login�.
Dasboard: Setelah beberapa saat maka kita akan dibawa masuk ke dalam halaman �Dasboard/Dasbor. Pada Halaman ini terdapat beberapa link yang masing-masing mempunyai fungsi tersendiri. Pilihlah link �Layout/Tata Letak�. Silahkan KLIK link �Tata Letak� supaya kita bisa memasuki halaman �Edit HTML�.
Tata Letak: Saat memasuki halaman Tata Letak, kita akan langsung masuk di �Page Element/Elemen Laman� yang berfungsi untuk melakukan penambahan �Widget�. KLIK link �Edit HTML�, supaya halaman yang berisi desain dasar blog (template) terbuka.
Edit HTML: Di halaman �Edit HTML� inilah proses backup template akan kita lakukan.
- KLIK link: � Download Full Template/Download Template Lengkap�.
- Pilih Folder: tentukan folder yang akan digunakan untuk menyimpan file template.
- Nama File: Beri nama file template yang akan disimpan jika dipandang perlu.
- SAVE: ==> KLIK �SAVE/Simpan�.
Kembali ke Halaman Edit HTML: Setelah penyimpanan file template atau desain dasar blog sampeyan selesai dilakukan, maka kita akan dibawa kembali di halaman �Edit HTML�. Di halaman inilah kita siap untuk melakukan berbagai perubahan pada desain blog melalui penambahan dan pengurangan kode HTML atau javascript seperti yang telah saya sebutkan di atas.

Cara memulihkan kembali template yang mengalami kerusakan atau kegagalan modifikasi :

Edit HTMl: KLIK button �browse� ayng terletak di bawah link �Download Full Templates/Download Template Lengkap�.
File Template: Cari di mana file template orisinil BlogSPOT milik ysampeyan yang telah disimpan sebelumnya. File ini berekstensi �.xml�.
Open: Setelah file template diketemukan, KLIK �Open�.
Unggah: Lanjutkan dengan KLIK button �Unggah�. Tunggu beberapa saat hingga proses upload file template sampeyan ke BlogSPOT terselesaikan.
Pilihan Widget: 3 (tiga) pilihan tentang widget yang sudah tersimpan di blog akan disodorkan ke sampeyan. �Pertahankan Widget�, �Hapus Widget� atau �Batal�. Silahkan pilih sesuai kondisi yang sudah dilakukan terhadap blog. Jika satu atau beberapa widget yang sudah terpasang harus dipertahankan, maka silahkan KLIK �Pertahankan Widget�. Jika widget yang sudah diterapkan untuk melengkapi blog tidak diperlukan karena masih dapat di buat kembali, silahkan KLIK �Hapus Widget�.
Keterangan: Widget adalah segala fungsi yang tercipta melalui penambahan kode html yang berupa xHTML, kode CSS atau Javascript dan di simpan melalui proses penambahan widget di �Page Element/Elemen Laman�. Penambahan widget bisa dilakukan dari berbagai macam widget yang telah disediakan BlogSPOT atau BloGGeR di halaman penambahan widget, atau penambahan kode HTML dan Javascript baru yang berasal dari luar BlogSPOT.

Panduan Cara Mudah, Cepat dan Praktis Mencari Kode HTML di Blog

Kembali melalui Panduan BloGGeR di BlogDETIK kita akan mecari solusi termudah dan tercepat mencari kode HTML di template atau desain blog. Pemahaman tentang mencari kode html sebenarnya sudah begitu banyak terpostingkan oleh para blogger, namun karena di Tutorial BloGGeR dan Tutorial BlogDETIK selanjutnya kita akan membahas secara tuntas tentang penggunaan kode HTML dan Javascript guna melengkapi kebutuhan blog, baik berbentuk modifikasi ataupun penambahan widget, maka tutorial ini menjadi sangat penting dan relevan sekali.

Karena browser yang paling banyak digunakan ada 3 (tiga), Opera, Mozilla dan Internet Explorer, maka kita akan membahas cara cepat mencari KODE HTML di ketiga browser ini. Satu contoh kode akan kita sertakan di bawah ini dan anggap saja sebagai kode yang bersama-sama hendak kita cari di template BlogSPOT atau BloGGeR.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>

Opera Lama

Buka Halaman Edit HTML dengan Opera: Bagi yang belum tahu silahkan buka panduan dengan KLIK di sini!
Ctrl+F : KLIK � Ctrl+F � pada keyboard.
Opera Lama : Pada Opera versi lama (sebelum Opera_1051), akan tertampilkan sebuah box Pencari (Search Box) yang di dalamnya terdapat tools pencarian dengan beberapa fungsi : Match whole word only, Match Case, Search up, Search down, Find Next dan kolom untuk menempatkan kode yang akan di cari, yang di atasnya terdapat teks dengan tulisan�Find� , seperti yang terlihat di atas.
Ambil salah satu kode, boleh yang terpanjang ataupun terpendek, kemudian masukkan dalam kolom search box seperti tampak dalam gambar.
KLIK �Find� untuk memulai pencarian kode. Arah pencarian bisa diposisikan pada �Seach up� atau �Seach down�. Apabila kode belum ditemukan bisa dilakukan dengan cara :
- Mengganti dengan kode lain yang hendak dicari.
- Memperpendek kode html yang akan dicari. Langkah pengurangan kode ini merupakan suatu cara untuk memecah kebuntuan setelah kode sulit untuk diketemukan yang disebabkan beberapa kode seringkali tertulis dalam bentuk yang sedikit berbeda. Bisa pula terjadi akibat penggunaan tanda petik dua (�) atau tanda petik satu (�) yang mempunyai fungsi sama pada banyak kode html.
- Pada mode pencarian seperti di atas tentu saja masih membutuhkan ketelitian mata si pencari kode karena harus mencocokkan setiap kode yang mungkin ditemukan dalam bentuk sama dengan beberapa kode diatas atau bawahnya hingga benar-benar ditemukan tepat pada kode yang sedang dicari. Apapun juga ini masih lebih mudah daripada hanya mengandalkan pelototan mata untuk mencari satu diantara sekian banyak kode html yang ada di template.

Opera Baru

Pada Opera Baru (versi 1051 ke atas), Search Box terdapat di bagian kiri atas halaman. Posisinya berada di bawah address bar sama seperti halnya Internet Explorer (IE). Cara penggunaan search box bisa dikatakan tak jauh berbeda dengan opera lama sehingga tidak perlu dibahas secara lebih detail.

Mozilla-Firefox

Sedikit berbeda dengan Opera, pada Mozilla-Firefox Search Box terletak disebelah pojok kiri bawah. Jadi setelah sampeyan buka halaman �Edit HTML� blog, silahkan cari kodenya dengan memanfaatkan boks pencarian seperti yang terlihat di bawah ini.

Internet Explorer (IE)

Lihat bentuk Search Internet Explorer di bawah ini.

Untuk melakukan pencarian kode sampeyan tinggal masukkan kode yang hendak dicari, kemudian KLIK Previous atau Next. Apabila terjadi kesulitan pencarian kode, gunakan cara yang sama seperti cara yang dilakukan di Opera Lama.

Cara Memasang Widget Twitter di BLog

Bagi seorang blogger, situs sosial media seperti facebook dan twitter, merupakan media yang sangat baik untuk mempromosikan contents blognya saat ini. Semakin aktif dan banyak teman atau follower Anda di kedua social media ini, maka akan semakin baik buat blog Anda. Kenapa? karena teman dan follower itu bisa dikonversi menjadi traffik.

Salah satu cara untuk mendapatkan follower atau teman di twitter ataupun facebook adalah: dengan memasang widget kedua sosial media tersebut di blog Anda. Harapannya, dengan melihat widget tersebut, pengunjung blog anda akan tertarik untuk memfollow Anda.

Nah, bagaimana cara memasang widget twitter di blog? Bagi yang sudah lama berkecimpung didunia blog, tentu ini bukan masalah. Tapi bagaimana dgn yang masih baru atau istilahnya newbie? Tenang, saya akan tunjukkan caranya. Untuk yang widget facebook akan saya bahas pada postingan berikutnya ya! Happy

Oke! Pertama, login ke account twitter Anda. Setelah berhasil login, pilih menu setting dan masuk pada halaman Profile.

Setelah masuk halaman profile, perhatikan pada bagian pengisian alamat web atau blog. Persis dibagian bawah kotak pengisian alamat web, ada tulisan �(You can also add Twitter to your site here)�. Nah, klik pada tulisan tersebut! maka akan muncul halaman seperti di bawah ini.

klik widget kotak yang sudah lingkari..

Selanjutnya pilih pada menu �My Website� dan �Profile Widget�, seperti pada gambar di atas. Setelah mengklik profile widget, Anda akan dibawa masuk ke halaman �Customize Your Profile Widget� (pengaturan widget).

lalu akan muncul gambar seperti ini.

Pada halalaman Customize widget, ada beberapa variabel yang bisa kita atur sendiri, diantaranya warna dan ukuran (sesuaikan dengan blog Anda). Kalau sudah, silahkan klik �Test settings� untuk melihat preview-nya. Jika yakin settingan Anda sudah benar dan sesuai dgn yang diinginkan, maka silahkan klik tombol �Finish & Grab Code�. Anda akan melihat halaman seperti dibawah ini.

Selanjutnya Anda akan disuguhi dua pilihan cara pemasangan widget ke blog Anda. Pertama, bisa copy langsung kode atau script widget-nya dan pasang sendiri di blog Anda. Kedua, Anda bisa pilih tombol �Add to Blogger�, dan script widget-nya akan langsung terpasang ke blog Anda. Setelah itu, Anda hanya perlu mengatur letak dari widget tersebut, mau ditempatkan di sidebar, footer, header, atau dibawah posting.

Selamat mencoba! kalau ada yg kurang jelas? silahkan bertanya dikolom komentar ya!

itu yang di atas cuman tipuan,, wahahahaha.. benar sih, cuman terlalu berbelit-belit.. nohh...cara yg simple dan cepat.. wahahaha #hoax_maker

Ternyata untuk masuk ke halaman �Customize Your Profile Widget� (gambar 3) tidak perlu login terlebih dahulu seperti pada tutorial di atas. Namun bisa langsung diakses melalui http://twitter.com/goodies/widget_profile

Untuk selanjutnya silahkan ikuti tahapan terakhir pada tutorial di atas.

nih widget akun twitterku,, gak afdoL klo gak ikut pada postingan (hahaha)

menembahkan widget koprol di blog

pengen dehh,, aku pasang widget akun koprol saya di postingan blog saya, ini gara2 @cha_ly yg pamer widget place makassar yang ada di blognya,, terpaksa aku googling untuk mencari caranya,, ehh.. ternyata aku dapat caranya.. wkwk..

itu tampilan widget akun koprolku yang sudah aku buat,, hehe

mau caranya..??? oke dehh.. cekidoot..
Caranya dengan masuk koprol, pilih settings lalu sharing.
Dan sekarang Yahoo! Koprol menyediakan widget untuk dipasang di blog. Karena biasanya yang punya koprol itu juga punya blog. Makanya kita bisa pasang atau menambahkan widget koprol di blog kita. Selain bisa menampilkan status terbaru di koprol juga siapa tahu akan bisa menjadikan kita punya banyak teman atau follower di koprol. Tentunya bagi Yahoo! Koprol sendiri ini bisa jadi ajang promosi yang gratis. Kalau dilihat tampilan.

Cara Menambahkan Widget Koprol di Blog
1. Kunjungi http://www.koprol.com/widgets
2. Lalu pilih Profile Widget.
3. Kostumisasi widget, dengan username koprol kita.

4. Kita juga bisa mengkostumisasi Preferences, Appearances, Dimensions.
5. Cek dulu hasil kostumisasi widget koprol dengan klik Preview.
6. Jika suda merasa sesuai klik Grab untuk mendapatkan kode scriptnya.
7. Login ke blogger.com pilih Rancangan lalu Tambah Gadget pilih HTML/JavaScript.
8. Masukan kode script yang sudah didapat dari koprol ke HTML/JavaScript.
9. Simpan jika sudah selesai.

semoga bermanfaat yaa.. hahah.. stamp..??? aku newbie nih.. akakakakak

Dasar-dasar Kode HTML 4

Ini adalah seri terakhir dari Dasar-dasar HTML berseri. Apabila anda ingin melihat-lihat yang terdahulu, klik Dasar-dasar Kode HTML 1, Dasar-dasar Kode HTML 2, dan Dasar-dasar Kode HTML 3.

Di Dasar-dasar kode HTML 4, kita akan membahas beberapa kode-kode dasar lagi.

1. Kode marquee

Ketikkan kode ini jika marquee tidak berisi link (hanya persan).

<marquee direction="left" width="95%" scrollamount="2" height="30" align="center">Isi marquee</marquee>

Ketikkan kode ini jika marquee berisi link (misal: blogroll atau banner)

<marquee direction="left" onmouseover="this.stop()" width="95%" onmouseout="this.start()" scrollamount="2" height="30" align="center">Isi marquee</marquee>

Ket:

Direction: Arah (left: kiri, right: kanan, up: atas, down: bawah)
Width: lebar
Height: tinggi
Scrollamount: kecepatan
Align: posisi

Contoh:

<marquee direction="left" width="95%" scrollamount="2" height="30" align="center">Contoh marquee.</marquee>

<marquee direction="left" onmouseover="this.stop()" width="95%" onmouseout="this.start()" scrollamount="2" height="30" align="center"><a href="http://boland-capzlock.blogspot.com">Contoh marquee dengan link.</a></marquee>

Hasil:

Contoh marquee.

Contoh marquee dengan link.

2. Kode image

Kode untuk menampilkan image:

<img src="ALAMAT_IMAGE" title="TITLE IMAGE" alt="KEYWORD IMAGE"/>

Ket:

src: alamat gambar. Pastikan gambar sudah diupload ke hosting gambar.
title: tulisan yang keluar ketika kursor mouse berada di atas gambar tersebut
alt: keyword image

Berikut adalah contoh image yang dipakai.

Dan alamat image tersebut adalah: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVeekkCvYiugWEbaJrfxxxD6Kb4vstXPDZEv9d4JoW9F5BSRp0L0HCxgdxdbAcDfgao5wfamGRS3YpJoq4WYk2A4CCIghv8uD5l-kadhoCHDcDoIMlZ87P38Kcps7RklgRzopuY5uUSd6J/s320/untitled.JPG

Maka kodenya adalah:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVeekkCvYiugWEbaJrfxxxD6Kb4vstXPDZEv9d4JoW9F5BSRp0L0HCxgdxdbAcDfgao5wfamGRS3YpJoq4WYk2A4CCIghv8uD5l-kadhoCHDcDoIMlZ87P38Kcps7RklgRzopuY5uUSd6J/s320/untitled.JPG" title="Contoh image" alt="Contoh image, contoh gambar, kode HTML image"/>

Dan hasilnya:

Anda juga bisa membuat link pada gambar tersebut. Apabila gambar tersebut diklik, maka keluarlah situs yang di-link pada gambar tersebut. Untuk contoh, image tersebut akan di-link ke http://boland-capzlock.blogspot.com

Kodenya seperti ini:

<a href="http://boland-capzlock.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVeekkCvYiugWEbaJrfxxxD6Kb4vstXPDZEv9d4JoW9F5BSRp0L0HCxgdxdbAcDfgao5wfamGRS3YpJoq4WYk2A4CCIghv8uD5l-kadhoCHDcDoIMlZ87P38Kcps7RklgRzopuY5uUSd6J/s320/untitled.JPG" title="Contoh image" alt="Contoh image, contoh gambar, kode HTML image"/></a>

Dan hasilnya seperti ini:

3. Daftar (list)

Untuk membuat daftar, kodenya adalah sebagai berikut:

Untuk membuat daftar dengan angka:

<ol>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
</ol>

Untuk membuat daftar dengan bullets:

<ul>
<li>Daftar 1</li>
<li>Daftar 2</li>
<li>Daftar 3</li>
</ul>

Anda bisa menambah kode <li> untuk menambah daftar.

Contoh:

Daftar kegiatan camping:

<ol>
<li>6:30 = Berangkat</li>
<li>9:00 = Membangun tenda</li>
<li>9:30 = Olahraga</li>
<li>11:00 = Permainan</li>
<li>12:00 = Makan siang</li>
<li>13:00 = Lintas Alam</li>
<li>15:00 = Persiapan pulang</li>
<li>15:30 = Pulang</li>
</ol>

Daftar menu:

<ul>
<li>Ikan bakar</li>
<li>Ayam bakar</li>
<li>Sate Kambing</li>
<li>Sop sapi</li>
<li>Es Teh Manis</li>
<li>Air mineral</li>
</ul>

Hasil:

Daftar kegiatan camping:

6:30 = Berangkat
9:00 = Membangun tenda
9:30 = Olahraga
11:00 = Permainan
12:00 = Makan siang
13:00 = Lintas Alam
15:00 = Persiapan pulang
15:30 = Pulang

Daftar menu:

Ikan bakar
Ayam bakar
Sate Kambing
Sop sapi
Es Teh Manis
Air mineral

Sudah dulu ya... lama-lama tangan pegel nulisnya.

Dasar-dasar Kode HTML 3

Posting ini adalah kelanjutan dari dasar-dasar kode HTML 2. Kali ini saya akan memberikan kode-kode lainnya.

1. Kode untuk mengatur teks.

Kode tersebut adalah:

1. <font size="1">...</font>: Untuk mengatur ukuran teks. Angka "1" bisa diganti dengan angka 1-7.
2. <font color="green">...</font>: Untuk mengatur warna teks. Nilai "green" bisa diganti dengan nama warna yang diinginkan (dalam bahasa Inggris) atau dengan kode hexadecimal dari warna yang diinginkan.

Contoh:

<font size="4">Teks dengan ukuran font 4.</font>
<font color="yellow">Teks dengan warna kuning.</font>
<font size="3" color="lime">Teks dengan font 3 dan warna lime.</font>

Hasil:

Teks dengan ukuran font 4.
Teks dengan warna kuning.
Teks dengan font 3 dan warna lime.

2. Tabel

Kodenya seperti ini.

<table border="2" width="350">
<caption>Judul Tabel</caption>
<tr>
<td align="center">
Isi Tabel 1
</td>
<td align="center">
Isi tabel 2
</td>
</tr>
<tr>
<td align="center">
Isi tabel 3
</td>
<td align="center">
Isi tabel 4
</td>
</tr>
</table>

Ket:

Width: Lebar tabel

<caption>Judul Tabel</caption>:Judul Tabel

Border: Garis tepi

Isi tabel: Isi dari tabel

Hasilnya:

Judul Tabel
Isi Tabel 1	Isi tabel 2
Isi tabel 3	Isi tabel 4

3. Kode Heading.

Ada beberapa kode heading yang bisa digunakan. Yaitu:

1. <h1>...</h1>
2. <h2>...</h2>
3. <h3>...</h3>
4. <h4>...</h4>
5. <h5>...</h5>
6. <h6>...</h6>

Contoh:

1. <h1>Heading 1</h1>
2. <h2>Heading 2</h2>
3. <h3>Heading 3</h3>
4. <h4>Heading 4</h4>
5. <h5>Heading 5</h5>
6. <h6>Heading 6</h6>

Hasil:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Sudah cukup segitu. Apabila ada pertanyaan, kritik atau saran, silakan komen. Terima kasih.

kode

Dasar-dasar Kode HTML 2

Pernah saya terangkan beberapa dasar-dasar kode HTML. apabila anda belum lihat Dasar-dasar Kode HTML 1, maka silakan klik DISINI.

Sekarang saya akan membahas lagi kode-kode HTML yang sering digunakan.

1. Kode untuk mengatur perataan teks.

Yaitu:

<div align="left">...</div>: Untuk mengatur perataan di sisi kiri.
<div align="center">...</div>: Untuk mengatur perataan di sisi tengah.
<div align="right">...</div>: Untuk mengatur perataan di sisi kanan.
<div align="justify">...</div>: Untuk mengatur perataan di sisi kiri dan kanan.

Contoh:

<div align="left">Perataan di sisi kiri (left alignment).</div>
<div align="center">Perataan di sisi tengah (center alignment).</div>
<div align="right">Perataan di sisi kanan (right alignment).</div>
<div align="justify">Perataan di sisi kiri dan kanan (justify alignment).</div>

Hasil:

Perataan di sisi kiri (left alignment).

Perataan di sisi tengah (center alignment).

Perataan di sisi kanan (right alignment).

Perataan di sisi kiri dan kanan (justify alignment).

2. Kode-kode untuk mengatur paragraf.

Yaitu kode <p>...</p>

Contoh:

<p>Paragraf Pertama.</p>
<p>Paragraf Kedua</p>
<p>Paragraf Ketiga</p>

Hasil:

Paragraf Pertama.

Paragraf Kedua

Paragraf Ketiga

3. Kode-kode yang sering digunakan lainnya.

Diantaranya:

<hr/>: Untuk menambah garis mendatar.
<blockquote>...</blockquote>: Untuk menambahkan kutipan.

Contoh:

Ini adalah contoh teks.
<hr/>
Yang diatas adalah garis mendatar.
<blockquote>Ini adalah contoh kutipan.</blockquote>

Hasil:

Ini adalah contoh teks.
Yang diatas adalah garis mendatar.
Ini adalah contoh kutipan.

Sudah dulu ya... tanganku sudah pegel dari tadi ngetik. Apabila ada pertanyaan, silakan komen dibawah.

Dasar-dasar Kode HTML

Sudah lama rasanya saya tidak menulis di blog tercinta ini. Kali ini saya akan memposting mengenai dasar-dasar kode HTML.

Meskipun kita yang tidak paham soal HTML bisa ngeblog, tapi setidaknya kita harus mempelajari dasar-dasarnya.

Meskipun sedikit moga-moga artikel ini berguna.

Nah, kita mulai saja

1. Kode dasar untuk memformat teks

Kode-kode untuk memformat teks:

<b>...</b>: Untuk menebalkan huruf.

<i>...</i>: Untuk memiringkan huruf.

<u>...</u>: Untuk menggarisbawahi huruf.

<strike>...</strike>: Untuk mencoret huruf.

<blink>...</blink>: Untuk membuat teks berkedip.

<sup>...</sup>: Untuk membuat teks keatas.

<sub>...</sub>: Untuk membuat teks kebawah.

Selain kode diatas, anda juga bisa menggunakan kode alternatif sebagai berikut:

<strong>...</strong> sama fungsi dengan <b>...</b>

<em>...</em> sama fungsi dengan <i>...</i>

<ins>...</ins> sama fungsi dengan <u>...</u>

<del>...</del> sama fungsi dengan <strike>...</strike>

Contoh:

<b>Teks tebal,</b> <i>Teks miring,</i> <u>Teks bergarisbawah,</u> <strike>Teks tercoret,</strike> <blink>Teks berkedip.</blink>

4<sup>2</sup> x 4<sup>3</sup> = 4<sup>2 + 3</sup> = 4<sup>5</sup> = 1024.

Rumus kimia dari air adalah H<sub>2</sub>O. Rumus kimia dari karbon dioksida adalah CO<sub>2</sub>

Hasil:

Teks tebal, Teks miring, Teks bergarisbawah, ~~Teks tercoret,~~

Teks berkedip.

4² x 4³ = 4^{2 + 3} = 4⁵ = 1024.

Rumus kimia dari air adalah H₂O. Rumus kimia dari karbon dioksida adalah CO₂

2. Kode-kode untuk membuat link

Kode untuk membuat link adalah sebagai berikut:

<a href="http://boland-capzlock.blogspot.com">boland7capzlock's Blog</a>

Ket:

URL http://boland-capzlock.blogspot.com diganti dengan tujuan link. Jangan lupa http://-nya.

Kalimat boland7capzlock's Blog ganti dengan teks yang akan menjadi link.

Contoh:

Apabila anda ingin membuat link yang bertuliskan "Blog saya" (tanpa tanda kutip) dengan tujuan: http://akuarmansyah.blogspot.com, maka kodenya adalah sebagai berikut:

<a href="http://akuarmansyah.blogspot.com">Blog saya</a>

Apabila anda ingin agar link tersebut ditampilkan di jendela baru, maka scriptnya seperti ini.

<a href="http://akuarmansyah.blogspot.com" target="_blank">Blog saya</a>

Sudah cukup segini dulu. Jangan lupa comment ya...

Memasukkan (Upload) Gambar Ke Blog

Cara memasukkan (Meng upload) gambar atau image ke halaman blog sbb :

Cari tab fungsi "Tambah gambar" (Add Image) yang letaknya di atas kotak posting.

Klik tab itu, dan anda akan dibawa ke halaman blogger "Unggah gambar".

Pilih gambar dari komputer anda atau dari web.

Jika dari komputer anda, klik "Telusuri"(Browse) .

Cari file gambar yang anda simpan.

Lalu klik open..>>>Anda akan kembali ke halaman bloger.

Pilih posisi gambar hendak di kiri atau tengah atau kanan dengan mencentangnya.

Selanjutnya klik "Unggah Gambar"

Sekarang gambar anda sudah terlihat di kotak postingan anda. Untuk mengatur tempat dimana ingin anda letakkan,silahkan klik kiri mouse dan tahan di gambar tersebut,lalu drag(geser) gambar itu ke tempat yang anda inginkan sesuai tulisan atau tema gambar itu.(Hanya naik turun saja ).

Untuk memasukkan gambar dari web caranya sbb :

Pada saat anda berkunjung kesuatu web/situs/blog , pada gambar yang anda lihat biasanya sudah ada alamat URL gambar itu.

Untuk mendapatkan URLl alamat gambar , klik kanan di gambar itu,

Lalu pilih "Salin lokasi Tautan " ( Save target As).

Nah masukkan hasil copy an alamat URL gambar tadi di kolom "URL" di halaman unggah gambar blogger.

Selesai.

Perlu dicatat...!! Untuk gambar dari situs ,sebaiknya anda minta izin dulu dari pemilik web tempat anda ingin ambil gambarnya.Sebab terkadang gambar itu sudah dilindungi hak cipta.Jadi agar aman dari jeratan hukum,sebaiknya izin ya ke pemilik gambar...

Semoga bermanfaat....Silahkan tuliskan komentar anda jika ingin sharing disini
: Pesan sponsor : " Jailangkung...jailangkung...datang gak diundang...pergi gak komentar......???

Cara Merubah Template Blog

Bosan dengan tampilan blog anda ? silahkan ganti tampilan nya dengan template yang dapat anda cari secara gratis di banyak situs penyedia template gratis.
POSTINGANkU SEBELUM.Y ADA DISINI namun belum sempurnah ya,,
mungkin karna pengaruh ganti2 template hihihi

Untuk merubah template sbb :

Cari Situs Penyedia Template Gratis

Untuk informasi template gratis bisa lihat di blog saya yang lain DISINI atau anda bisa langsung kesini : bolandtemplate hahah atau DISINI ATAU d'tempat sesukaMu haha

Di situs penyedia template pilih template yang anda sukai .

Lalu klik 'download'.

Simpan hasil download dihardisk anda,.

Setelah di download Klik kanan ikon hasil download itu ,

lalu klik " extrak here"

Untuk cara mengatur file silahkan lihat di : trik "Mengatur File"

Catatan : Pastikan terlebih dulu bahwa anda telah mengetahui template lama anda memakai yg mana, apakah dengan classic(HTML) template, atau New (XML) template
Ciri2 nya bisa dilihat di dalam halaman editor HTMl sbb :
Untuk yg classic(HTML) , cirinya di paling atas..diawali dengan <! DOCTYPE html...dst..dst.., seperti tampak dalam gambar sbb :
Tips Cara Merubah Template Blogspot

Dan untuk yang New (XML) template cirinya di paling atas..diawali dengan <!?xml version="1.0.....dst..dst.., seperti tampak dalam gambar sbb :
Tutorial Cara Merubah Template Blogspot

Ciri lain perbedaan template antara yg classic dan New, bisa kita lihat saat kita berada di halaman awal dashbor blogspot, dimana jka kita mempunyai banyak blog dalam satu akun, maka disitu akan terlisting deretan blog milik kita, yaitu sbb :

Di gambar atas, bisa kita lihat satu blog ini : BLOGTEMPLATE.Y NEW , adalah bertemplate "NEW" disitu ada link utk "~~LAYOUT~~" Design dimana di link itu lah tempatnya kita untuk mengotak-atik tampilan blog,
sedangkan blog Belajar HTML Mencari Usaha Halal, ber template "Classic" dan link untuk mengotak-atik Tampilan blog , adanya di link "TEMPLATE"

INGAT : Ada perubahan pada dashbor blogspot sbb : Untuk Template New XML akan tertulis tab Design ( Bukan Layout:lagi seperti yg di Dashbor lama )

Nah..jika kita sudah mengetahui jenis template lama kita, maka langkah selanjutnya adalah mencari template yg sesuai dengan template lama, misalnya yg lama pakai New (XML) , maka carilah template dengan yg New (XML) pula..dan sebaliknya...

Ciri hasil download New (XML) ( setelah di ekstrak dari ZIPfile) seperti terlihat dalam gambar :

Dan Ciri hasil download classic(HTML) seperti terlihat dalam gambar :

Setelah proses men download template selesai, dan sudah sesuai dengan pilihan template antara yg lama dengan yg baru, Langkah selanjutnya sbb :

Signup (Masuk) ke dashboar blogspot milik anda.

Pilih "~~LAYOUT~~" Design atau "tata letak".

Pilih Edit HTML.

Klik "Download Full Template" untuk menyimpan template lama anda dan agar anda mempunyai backup unuk jaga-jaga jika terjadi "gagal"

lalu klik tab "Telusuri" atau "browse" .

Nah anda akan mencari file hasil download anda di dalam file hardisk yang tadi anda simpan.

Jika sudah ketemu klik 'open'.

anda akan kembali ke halaman blogspot.

Lalu klik "Unggah" atau Upload.

Setelah proses upload selesai, akan ada konfirmasi bahwa template baru itu akan menghapus beberapa wdiget/gadget yang telah terpasang di blog anda sebelumnya.

Oleh sebab itu jika anda ingin gadget itu tampil kembali di template anda yang baru ,maka sebelum anda merubah template, sebaiknya kode-kode html dari widget dicopy dulu dan bisa anda simpan di notepad sementara.

Selesai.

Update 19 Maret 2010 :
Menjawab pertanyaan : Bagaimana merubah template dari Classic ke versi NEW ?
Lihat caranya disini :"Cara merubah template dari Classic ke versi NEW"

Nah semoga bermanfaat....Silahkan tuliskan komentar anda jika ingin sharing disini
: Pesan sponsor : " Jailangkung...jailangkung...datang gak diundang...pergi gak komentar......???

Merubah Template Classic Keversi New

Bagaimana Cara Merubah Template Dari Classic Ke Versi NEW

Menjawab pertanyaan : Bagaimana Merubah Template Classic Template Ke Versi NEW, maka saya akan coba tuliskan se rinci mungkin sbb :

1. Masuk ke akun blogspot
2. Klik pada link "Template" (lihat gambar dibawah ini )

3. Klik "customize design" (lihat gambar dibawah ini )

4. Klik tombol "Upgrade..." (lihat gambar dibawah ini )

5. Pilih salah satu template yg diinginkan, lalu centang di radio button.diakhiri dengan klik tombol "SAVE" (lihat gambar dibawah ini )

6. Langkah beralih dari template classic ke template versi NEW pun sukses (lihat gambar dibawah ini )

Nah..selanjutnya...jika mau merubah dari template "NEW" default (yg sudah ada didalam blogspot) yg tadi kita pilih mejadi template lain..silahkan ikuti langkah nya disini :
cara-merubah-template-blog

Demikianlah artikel "Cara Merubah Template Dari Classic Ke Versi NEW ' ini saya tuliskan, semoga bermanfaat buat yang belum mengetahuinya...

.Silahkan tuliskan komentar anda jika ingin sharing disini
: Pesan sponsor : " Jailangkung...jailangkung...datang gak diundang...pergi gak komentar......???

cara memblokir/menghapus fungsi klik kanan di blog

Fungsi bagi disable right click adalah bagi melindungi artikel atau imej dari dicopy.Mesej akan keluar jika right click cuba digunakan.Walaupun ada right click tapi masih boleh dicopy juga kerana ada cara lain yang boleh digunakan. Jadi untuk imej yang dimasukkan eloklah diletak watermark supaya tidak disalah gunakan.

Dah lihat contoh kaan ?

Cara membuatnya:

Masuk kedesign--pilih pagelements
Add a gadget--pilih HTML/javascript
masukkan kod dibawah ini:

var message="Letak mesej disini";

///////////////////////////////////

function clickIE4(){if (event.button==2){alert(message);return false;}}

function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}

if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}

else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}

document.oncontextmenu=new Function("alert(message);return false")

</script>

Gantikan letak mesej disini dengan mesej yang ingin ditampilkan
Kemudian save.

Membuat Pesan Selamat Datang Di Blog versi 2

sebelumny aku sudah posting alert penyambut pengunjung..
kali ini,, aku menambahkan sedikit tambahan yg pastinya lebih menarik lagi..
ok,, langsung ajja dagh,, CEKIDOoOTT
Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode dibawah ini didalam HTML/JavaScript

teks bewarna merah kamu ganti dengan pesan kamu..
6.Klik Simpan

Alert untuk Menyambut Pengunjung

Setiap akan kita masuk di sebuah rumah seseorang teman kita, seperti yang biasa saya lihat, di pintu ada aja tulisan (stiker)yang beisikan alert, 'ucapakan salam". Dan kita juga bisa menyabut pengunjung blog kita dengan sebuag peasan atau alert. Yang tentunya isi alert itu bisa kita modif sendiri. Setelah pengunjung mengklik tombol oke, maka alert itu akan hilang.

Selain itu kita bisa menggunakan alert ini sebagai pengumuman, atau ajakan. Dengan demikan setiap pengunjung blog kita akan bisa langsung melihat dan cepat tersampaikan serta pasti dilihat. Langsung saja bagaimana caranya menambahkan alert selamat datang di blog kita?

Cara Alert untuk Menyambut Pengunjung
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Taruh (copy paste) kode berikut ini diatas kode </head>

6. Simpan Template jika sudah.

Cara Setting Blog Di blogger

Hal pertama yang penting anda lakukan agar blog anda di blogger mempunyai performa yang baik adalah melakukan beberapa Setting atau pengaturan. Sebagai bahan inspirasi bagaimana cara melakukan setting blog di blogger, berikut Kolom Tutorial tuliskan cara pengaturan blog di blogger (pastikan anda (pastikan anda memilih bahasa indonesia agar sesuai dengan tutorial dibawah) :

* Silahkan login ke blogger dengan ID anda.
* Klik Pengaturan.
pengaturan blog di blogger
* Akan terlihat tab-tab menu berisi hal-hal yang harus anda atur :
menu pengaturan blog di blogspot

Dasar
Beberapa pengaturan dalam menu Dasar:

Alat Blog : Impor blog ? ini adalah faslitas untuk mengimpor data dari komputer anda ( ini biasanya dilakukan ketika transfer blog) tidak usah di klik, biarkan saja. Ekspor blog > ini adalah fasilitas untuk mengekspor data blog dari server blogger ke komputer anda. Fasilitas ini disebut juga sebagai fasilitas Backup blog. Disarankan agar anda membuat backup data ke komputer anda, minimal satu minggu sekali. Data backup tersebut sewaktu-waktu bisa bermanfaat ketika anda ingin mentransfer ke blog lain di blogger, atau bisa juga untuk migrasi ke mesin blog yang lain seperti Wordpress. Hapus blog > Fasilitas untuk menghapus blog anda. Jika anda tidak berniat untuk menghapus blog, maka jangan sekali-sekali klik link ini.
Judul : isi dengan judul blog yang anda inginkan. Contoh : My personal blog
Uraian : isi dengan deskripsi blog yang ingin ditampilkan, sebaiknya ini diisi jangan dikosongkan. Contoh : catatan kecil hidupku yang unik.
Tambahkan blog Anda ke daftar kami? : disarankan untuk memilih opsi Ya.
Biarkan mesin pencari menemukan blog Anda? : Pilih Ya, agar blog anda dapat di index oleh mesin pencari seperti Google, Yahoo atau Bing.
Tampilkan Editing Cepat di Blog Anda? : Boleh pilih Ya atau Tidak.
Tampilkan Link Posting Email? : Ini berupa icon email, jika anda menginginkan agar pengunjung blog dengan mudah mengirimkan email ke teman mereka tentang blog anda, maka Pilih Ya. Namun jika tidak, silahkan pilih Tidak.
Konten Dewasa? : Jika blog anda nantinya akan berisi hal-hal yang besifat dewasa seperti menampilkan artikel, gambar, atau video wanita seksi, dll maka pilih Ya. Namun, jika blog anda berisi hal-hal yang aman diakses oleh anak kecil, pilih Tidak. Sebagai catatan, jika anda memilih opsi Ya, maka nantinya ketika diakses blog anda akan ada peringatan bahwa berisi konten dewasa.
Pilih editor entri : Ini adalah pilihan untuk post editor. Editor yang diperbarui ? ini adalah post editor terbaru yang dimiliki oleh blogger, banyak fasilitas baru yang terintegrasi dalam post editor ini seperti tombol More untuk memotong artikel di blog anda. Editor lama ? ini adalah post editor lama yang dimiliki blogger namun masih bisa anda gunakan, ada beberapa toolbar terdapat dalam post editor lama, namun tidak disediakan lagi di post editor baru, jadi silahkan pilih mana yang anda mau. Sembunyikan mode penyusunan ? pilihan ini khusus bagi anda yang sudah mahir dengan kode HTML, jika anda tidak menguasai tentang HTML, jangan gunakan post editor ini.
Aktifkan transliterasi? : Pilih Aktifkan jika post editor anda ingin mendukung ke translasi Hindi, Kannada, Malayalam, Tamil, atau Telugu. Pilih Nonaktifkan jika post editor anda tidak ingin ada translasi bahasa tersebut.
Akhiri pengaturan menu Basic dengan klik tombol SIMPAN SETELAN.

Publikasikan
Ini adalah fasilitas untuk mengubah nama domain anda di blogger dengan nama domain milik anda sendiri. Misal : http://namabloganda.blogspot.com menjadi http://namabloganda.com.
Untuk sementara waktu jangan lakukan apa-apa pada menu publikasikan ini. Tutorial tentang custom domain di blogger bisa anda baca pada artikel Cara Custom Domain di Blogger.

Format
Beberapa pengaturan dalam menu Format :

Tampilkan sebanyak mungkin : tulis jumlah post yang ingin tampil di halaman depan blog anda. Contoh : 5. Untuk pilihan dropdown disarankan untuk memilih opsi posting, jangan hari.
Format Header Tanggal : Pilih format tampilan tanggal yang anda sukai.
Format Tanggal Index Arsip : pilih format tampilan arsip yang anda inginkan.
Format Timestamp : Pilih format tampilan jam yang anda sukai. Jam disini adalah catatan waktu ketika artikel anda di publikasikan di blog.
Zona Waktu : Sesuikan dengan zona waktu dimana tempat anda berada.
Bahasa : Pilih bahasa yang dipakai untuk blog anda.
Konversi ganti baris : ini adalah fasilitas line break secara otomatis ketika anda klik enter ketika membuat sebuah posting. Fasilitas ini di pakai apabila anda kedepannya tidak akan memposting tentang kode-kode semisal HTML dan lain sebagainya. Pilih Tidak, jika anda berniat nantinya akan memasukkan kode-kode HTML kedalam posting posting anda, misal jika konten blog anda berisi tutorial bahasa HTML, PHP dan lain sebagainya.
Tampilkan Field Judul : Pilih Ya ataupun Tidak juga tidak ada masalah.
Tampilkan kolom Link : Pilih Tidak atau Ya juga tidak ada masalah.
Aktifkan perataan float : Pilih Ya, ini adalah agar gambar bisa diatur posisinya dalam postingan. Namun jika pilihan ini mengganggu tampilan blog anda nantinya, pilih saja Tidak.
Templat Entri : ini adalah fasilitas agar isi dari Templat Entri ini akan selalu muncul pada saat membuat posting. Biasanya fasilitas ini sering di gunakan untuk signature blog, yaitu tulisan atau kode signature disimpan dalam Templat Entri, sehingga ketika anda membuat posting, kode signature tersebut akan secara otomatis muncul tanpa harus menuliskannya secara berulang-ulang.
Akhiri Pengaturan menu Format dengan klik tombol SIMPAN SETELAN

Komentar
Beberapa pengaturan dalam menu Komentar :

Komentar: Pilih Tampilkan, jika anda menginginkan agar postingan ada bisa di komentari oleh pengunjung. Pilih Sembunyikan, jika artikel yang anda posting tidak ingin di komentari oleh pengunjung.
Siapa yang Bisa Berkomentar ? : Siapa pun - termasuk Pengguna Anonim ? untuk pilihan ini, maka siapa saja dapat berkomentar, termasuk Pengguna Anonim atau tanpa identitas jelas. Pengguna Terdaftar - termasuk OpenID ? hanya user yang teregistrasi saja yang bisa berkomentar terhadap artikel anda, yang termasuk Pengguna Terdaftar adalah mereka yang mempunya akun di Google, Live Journal, Wordpress, Type pad, AIM, serta OpenID. Pengguna dengan Google Account ? Yang bisa berkomentar hanyalah mereka yang mempunyai akun google. Hanya anggota blog ini ? Hanya anggota dari blog anda saja yang bisa berkomentar, ini biasanya dipakai jika blog anda adalah untuk komunitas tertentu, misal komunitas pendidikan.
Penempatan Formulir Komentar : Halaman penuh ? halaman blog anda akan di timpa oleh kotak komentar ketika ada pengunjung klik link komentar. Jendela munculan ? Kotak komentar akan muncul dalam jendela baru apabila ada pengunjung yang klik link komentar. Disemat di bawah entri ? kotak komentar akan langsung ditampilkan langsung dibawah artikel posting anda, sehingga pengunjung dapat langsung memeberikan komentar tanpa harus klik link komentar. Format kotak komentar yang paling banyak disukai oleh blogger adalah Disemat di bawah entri.
Default Komentar untuk Entri : pilih Entri baru memiliki komentar jika artikel post anda ingin ada kotak komentarnya, namun sewaktu-waktu anda bisa saja mematikan fungsi ini ketika melakukan posting. Pilih Entri baru tidak memiliki komentar jika artikel post anda tidak ingin mempunyai kotak komentar, namun sewaktu-waktu anda bisa saja memunculkan fungsi ini ketika melakukan posting.
Tautbalik : Pilih Tampilkan jika anda ingin menampilkan link ke website yang membuat link ke artikel yang anda buat. Pilih Sembunyikan jika anda tidak ingin menampilkan link ke website yang membuat link ke artikel yang anda buat.
Bawaan Tautbalik untuk Posting : pilih Entri baru memiliki Tautbalik jika setiap artikel yang di posting memiliki Backlinks. Pilih Entri baru tidak memiliki Tautbalik jika setiap artikel yang di posting tidak ingin memiliki Backlinks.
Format Timestamp Komentar : pilih format tampilan tanggal komentar yang anda sukai.
Pesan Formulir Komentar : Tulis pesan yang ingin muncul diatas kotak komentar. Misal : Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.
Moderasi komentar : Pilih Selalu jika setiap komentar yang masuk ingin di moderasi terlebih dahulu oleh anda. Pilih Hanya pada entri yang lebih lawas dari jika komentar ingin di moderasi terlebih dahulu terhadapat posting yang umurnya telah anda tentukan. Pilih Tidak pernah, jika komentar yang masuk tidak ingin di moderasi terlebih dahulu dan akan langsung muncul diblog anda. Jangan lupa untuk memasukkan alamat email anda, apabila ketika ada orang yang berkomentar anda akan mengetahuinya melalui email. Atau kosongkan saja apabila anda tidak ingin menerima email pemberitahuan tentang komentar.
Tampilkan verifikasi kata untuk komentar? : Pilih Ya jika ingin menampilkan huruf verifikasi ketika ada yang berkomentar, pilihan ini adalah untuk mencegah terhadap script robot spam yang bisa membombardir blog anda dengan komentar, walaupun begitu pilihan ini mempunyai kekurangan yaitu pengunjung blog anda biasanya malas untuk berkomentar karena merasa ribet ketika berkomentar. Pilih Ya jika tidak ingin menampilkan huruf verifikasi, pilihan ini sedikit rentan terhadap script robot spam, namun biasanya pengunjung akan lebih suka berkomentar karena mudah dilakukan.
Tampilkan gambar profil dalam komentar? : Pilih Ya jika dalam kometar ingin ditampilkan gambar profile yang berkomentar. Pilih Tidak jika tidak ingin menampilkan gambar profile pemberi komentar.
Email Pemberitahuan Komentar : Masukkan alamat email yang ingin dikirim notifikasi apabila ada yang berkomentar. Jumlah maksimal email yang dapat menerima adalah 10 email.
Akhiri pengaturan menu Komentar dengan klik tombol SIMPAN SETELAN.

Arsipkan
Beberapa pengaturan dalam menu Arsipkan :

Frekuensi Arsip : pilih arsip yang ingin di tampilkan apakah Arsip tidak ada, Harian,Mingguan, atau Tiap Bulan. Disarankan untuk memilih Tiap Bulan.
Aktifkan Halaman Posting? : Silahkan pilih Ya atau Tidak.
Akhiri pengaturan menu Arsipkan dengan klik tombol SIMPAN SETELAN.

Feed Situs
Beberapa pengaturan dalam menu Feed Situs :

Izinkan Feed Blog : Silahkan pilih Tak satupun, Singkat, atau Penuh. Disarankan untuk memilih opsi Penuh.
Posting URL Pengubahan Arah Feed : isi dengan alamat feed milik anda, ini adalah jika anda telah melakukan burner feed seperti misalnya dengan feedburner. Namun jika belum punya, silahkan dikosongkan saja terlebih dahulu. Untuk pembahasan feed burner akan di posting pada posting selanjutnya.
Post Feed Footer : Isi dengan kode yang ingin tampil pada footer post feed. Jika belum mengerti dikosongkan saja terlebih dahulu.
Akhiri Pengaturan menu Feed Situs dengan klik tombol SIMPAN SETELAN.

Email & Seluler
Untuk memposting sebuah artikel kedalam blog anda, tidak hanya melalui post editor yang ada di blogger. Namun, anda pun bisa posting artikel melalui email ataupun perangkat seluler anda.
Beberapa pengaturan dalam menu Email & Seluler :
Alamat BlogSend : tulis alamat email yang ingin dikirim notifikasi apabila anda mempublikasikan sebuah artikel. Maksimal jumlah yang bisa di kirim adalah sampai 10 buah email, format penulisan email di pisahkan dengan tanda koma ( , ).
Alamat Pengeposan via Email : buatlah alamat email blogger untuk mengirimkan posting dari email atau perangkat seluler dengan cara menuliskan pada kotak yang tersedia. Misalkan alamat email anda adalah contohsaja@gmail.com maka anda bisa membuat email blogger menjadi contohsaja.post@blogger.com atau contohsaja.blog@blogger.com atau apa saja menurut anda yang bagus. Tapi ingat, rahasiakan alamat email ini agar orang lain tidak bisa posting ke blog anda
alamat pengeposan via email

Untuk mengaktifkan fitur ini, anda harus memilih opsi Publikasikan segera email, artinya apabila anda mengirimkan email ke alamat diatas, isinya akan langsung diposting ke blog. Jika opsi yang dipilih adalah Simpan email sebagai entri konsep, maka email yang dikirimkan tidak akan langsung di publikasikan, melainkan akan masuk ke post konsep.
Namun, apabila anda tidak ingin mempublikasikan melalui email, pilih opsi Dinonaktifkan. Fungsi ini banyak juga dipilih dengan alasan keamanan.
Jangan lupa akhiri pengaturan menu Email & Seluler dengan klik tombol SIMPAN SETELAN.
OpenID
Disini tidak ada yang harus di atur, melainkan pemberitahuan bahwa alamat blog anda bisa digunakan sebagai alamat OpenID. Apa itu OpenID? Mungkin lain kali akan dibahas.
Izin
Pada menu ini anda dapat menambahkan penulis dengan cara di undang ke email yang anda anggap layak untuk ikut serta menjadi penulis di blog anda.
Pada Siapa yang bisa melihat blog ini? Anda dapat memilih siapa saja yang dapat mengakses blog anda. Opsi Siapapun berarti blog anda terbuka untuk umum atau bisa dibuka oleh siapa saja. Hanya Orang-orang yang saya pilih yaitu hanya orang-orang yang di undang oleh anda yang dapat mengakses blog anda dengan cara login terlebih dahulu. Hanya penulis blog berarti hanya penulis saja yang bisa mengakses isi halaman blog anda, Opsi Hanya penulis blog terkadang di gunakan juga pada saat mengganti template, agar blog anda tidak terlihat semrawut ketika mengganti template.
Untuk pembahasan Cara Pengaturan Blog Di blogger sepertinya sudah cukup, apa opini anda tentang ini?

Panduan membuat Blog di Blogspot

1. apa itu blog

Blog merupakan sigkatan dari �Web log� adalah salah satu aplikasi web berupa tulisan-tulisan yang umum disebut sebagai posting pada halaman web. Tulisan-tulisan tersebut seringkali diurut dari yang terbaru dan diikuti oleh yang lama.

Awalnya, blog dibuat adalah sebagai catatan pribadi yang disimpan secara online, namun kini isi dari sebuah blog sangat bervariatif ada yang berisi tutorial ( contoh blog ini ), curhat, bisnis dan lain sebagainya. Secara umum, blog tidak ada bedanya dengan situs yang ada di internet.

Flatform blog atau seringkali disebut juga dengan mesin blog dibuat sedemikian rupa oleh para designer blog agar mudah untuk digunakan. Dulu, untuk membuat aplikasi web diperlukan pengetahuan tentang pemrograman HTML, PHP, CSS dan lain sebagainya, dengan blog semuanya menjadi mudah semudah menyebut angka 1 2 3.

2. Cara membuat blog di blogspot

Salah satu penyedia blog gratis yang cukup populer saat ini adalah blogspot atau blogger, dimana ketika mendaptar adalah melalui situs blogger.com namun nama domain yang akan anda dapatkan adalah sub domain dari blogspot, contoh : contohsaja.blogspot.com
Kenapa harus membuat blog di blogger.com bukan pada situs penyedia blog lainnya? Sebenarnya tidak ada keharusan untuk membuat blog di blogger, namun ada banyak kelebihan yang dimiliki blogger di banding dengan penyedia blog lain. Beberapa contoh kelebihan blogspot di banding yang lain yaitu mudah dalam pengoperasian sehingga cocok untuk pemula, lebih leluasa dalam mengganti serta mengedit template sehingga tampilan blog anda akan lebih fresh karena hasil kreasi sendiri, custom domain atau anda dapat mengubah nama blog anda dengan nama domain sendiri misalkan contohsaja.blogspot.com di ubah menjadi contohsaja.com,sedangkan hosting tetap menggunakan blogspot dan masih tetap gratis.
Perlu ditekankan dari awal bahwa internet itu sifatnya sangat dinamis, sehingga mungkin saja dalam beberapa waktu kedepan panduan membuat blog di blogspot ini akan sedikit berbeda dengan apa yang anda lihat di blogger.com
Untuk mengurangi hal yang tidak perlu di tulis, berikut cara membuat blogger di blogger.com

Membuat Email

Salah satu syarat yang harus dipenuhi dalam membuat blog adalah anda memiliki alamat email yang masih aktif atau di gunakan. Jika anda belum mempunyai alamat email, silahkan daftar terlebih dahulu di gmail karena blogger adalah salah satu layanan dari Google maka ketika mendaftar ke blogger sebaiknya gunakan email gmail. Jika anda belum paham bagaimana cara membuat email, silahkan gunakan mesin pencari google untuk mencari panduannya.

Daftar Blog di blogger

Silahkan kunjungi situs http://www.blogger.com
Setelah halaman pendaftaran terbuka, alihkan perhatian ke sebelah kanan atas, ubah bahasa ke Indonesia agar lebih mudah difahami. Silahkan langsung login dengan menggunakan username serta password gmail anda ( akun email anda bisa untuk login ke blogger).
klik tombol bertuliskan CIPTAKAN BLOG ANDA.
Isilah nama judul blog serta alamat blog yang di inginkan. Ingat! dalam membuat alamat blog harus benar-benar serius karena itu permanen tidak dapat digantikan lagi (kecuali nanti ganti dengan custom domain). Jika alamat yang diinginkan ternyata tidak bisa digunakan, masukkan kembali alamat lain yang masih tersedia. Jika alamat blog yang diinginkan masih tersedia, silahkan klik anak panah bertuliskan LANJUTKAN.
Silahkan pilih template yang anda sukai ( template ini nanti bisa diubah lagi kapan saja anda mau), kemudian klik LANJUTKAN.
Akan ada tulisan �Blog Anda Sudah Jadi!�. Silahkan lanjutkan dengan klik tombol MULAI BLOGGING.
Setelah masuk post editor, silahkan isi apa saja ( disarankan untuk langsung mengisi posting, biasanya jika tidak langsung posting akan terjaring robot anti spam milik blogger, dan blog anda akan di lock). Contoh : hello world. Klik Tombol PRATINJAU untuk melihat tampilan yang nanti akan muncul di blog, klik tombol TERBITKAN ENTRI jika posting anda mau dipublikasikan ke publik.
Klik �Lihat Entri� untuk melihat blog anda. Berikut contoh tampilan blog yang tadi di buat.
Selesai.

Untuk tahap awal, blog anda sudah jadi dan bisa diakses dimana saja. Untuk pembahasan lebih dalam tentang bagaimana blogging dengan blogger, akan di bahas pada posting berikutnya.

Pasang Kupu-Kupu Dan Kelelawar Terbang di Blog

Hello yh. Apa kabarmu hari ini,semoga yh dalam keadaan baik-baik saja. Ok Selamat membaca,semoga yh senang dengan isi postingan dari blog ini..!!!

Jika kita melihat tampilan blog yang di dalam nya terdapat Kupu-kupu dan kelelawar sepertinya terlihat natural kita serasa di taman bunga saja,, blog seperti rumah kita sendiri yang harus di hias dan di buat semenarik mungkin agar jika tamu datang mereka akan merasa betah dan senang untuk berkunjung lagi..
Sebagai contoh lihatlah Kupu-Kupu terbang di blog ini
Oke... langsung aja ke pokok permasalahan...
disini terdapat 2 script kode yaitu script kode Kupu-kupu Terbang dan script kode Kelelawar terbang,,
Pilih salah satu script kode dibawah ini

Script kode Untuk Kelelawar Terbang :

Script kode Untuk Kupu - Kupu Terbang :

Langkah - langkahnya :
1.Masuk Ke Akun Blogger Anda
2.Klik Tata letak atau Rancangan
3.Lalu Klik Tambah Gadget
4.Pilih HTML/JavaScript
5.Copy paste script kode diatas didalam HTML/JavaScript
6.Klik Simpan

Cara Membuat Background Salju Atau SnowFall Background

Hello yh. Apa kabarmu hari ini,semoga yh dalam keadaan baik-baik saja. Ok Selamat membaca,semoga yh senang dengan isi postingan dari blog ini..!!!

gak usah panjang lebar yah neranginnya ntar yang ada kalian tambah bingung lagi,Background SnowFall ini adalah background salju,yaudah yang mau nyobain langsung aja ke TKP..
Pertama-tama Download Template Lengkap terlebih dahulu supaya mencegah terjadinya error.
lalu yh klik Element Laman --> Edit HTML

Copy semua kode di bawah ini dengan menekan CTRL C dan paste-kan di bawah <head>

Dan kode di bawah ini yh cari Element Laman --> Tambah Gadget --> HTML/JavaScript Atau di bawah kode <body>

Simpan
dan lihat hasilnya..

daftar isi blog aku nie

Membuat daftar isi blog

Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

Cara pertama adalah jika kita ingin menampilkan daftar isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
5. Kopas kode di bawah ini

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

namablog.blogspot.com : ganti dengan alamat blog sobat

width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan sobat

6. Kemudian save dan letakkan sesuai dengan keinginan sobat.

Kemudian cara kedua saya akan bahas Daftar isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://alamatblog.blogspot.com : Ganti dengan alamat blog sobat

6. Klik Publish Post

Jadi deh, hasilnya atau sebagai contoh dapat dilihat disini.

jeruk keriput

jeruk keriput feed

follow me

Category List

Followers

fan page

Cara Cepat Melakukan Backup Template atau Mengamankan Template BlogSPOT

Panduan Cara Mudah, Cepat dan Praktis Mencari Kode HTML di Blog

Cara Memasang Widget Twitter di BLog

menembahkan widget koprol di blog

Dasar-dasar Kode HTML 4

Dasar-dasar Kode HTML 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Dasar-dasar Kode HTML 2

Dasar-dasar Kode HTML

Memasukkan (Upload) Gambar Ke Blog

Cara Merubah Template Blog

Merubah Template Classic Keversi New

cara memblokir/menghapus fungsi klik kanan di blog

Membuat Pesan Selamat Datang Di Blog versi 2

Alert untuk Menyambut Pengunjung

Cara Setting Blog Di blogger

Panduan membuat Blog di Blogspot

1. apa itu blog

2. Cara membuat blog di blogspot

Membuat Email

Daftar Blog di blogger

Pasang Kupu-Kupu Dan Kelelawar Terbang di Blog

Cara Membuat Background Salju Atau SnowFall Background

daftar isi blog aku nie

Membuat daftar isi blog

Banner

Banner

FANPAGE