Cara Edit: Januari 2010 Blogger Pemula

Cara Mengganti Background Blog

Jumat, 29 Januari 2010

Cara Mengganti Background Blog. Merubah background body blog anda
silahkan anda masuk ke Edit Html, dengan masuk ke Tata Letak - Edit Entri kemudian kasih tanda centang (cecklist) "expand template widget" di editor html blog anda setelah itu carilah code CSS yang seperti ini, lebih mudahnya anda tekan CTRL + F, kemudian cari kode berikut

body {
background:$bgcolor url("Alamat gambar")
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}

Silahkan ganti Alamat Gambar, dengan gambar yang anda miliki. Contoh ganti alamat gambar dengan ("http://i215.photobucket.com/albums/cc75/salaam/gambaranda.jpg").

Sebelumnya berarti gambar anda harus di titipkan ke hosting (penitipan file gambar) seperti www.photobucket.com, jika belum punya silahkan daftar di photobucket.com dan titipkan gambarnya di sana. Kemudian ambil kode (url) dan taruh di blog anda.

Menaruh Elemen Halaman Di Bawah Header

Selasa, 12 Januari 2010

Menaruh Elemen Halaman Di Bawah Header - Dapat dikatakan juga menempatkan widget di bawah header. Jika anda punya keinginan seperti itu, silahkan ikuti langkah-langkah sebagai berikut :

Login ke blogger dengan Username / id dan Pasword anda
Klik Tata Letak.
Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :
Sekarang kita akan memodifikasinya, let’s go to party.
Klik Tab Edit HTML.
Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).
Cari Kode yang mirip seperti ini :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
Hapus kode di atas dan ganti dengan kode di bawah ini :
<b:section class='header' id='header' preferred='yes'>
Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.
Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :
Sekarang anda bisa menambahkan berbagai elemen langsung di bawah header.
Untuk menambah elemen halaman tinggal klik Tambah Elemen Halaman. Silahkan tambahkan apa yang anda mau, apabila sudah di tambahkan tinggal geser elemen yang baru di buat tadi ke bawah elemen header.
Klik Tombol SIMPAN yang ada di bagian atas.
Selesai, sekarang tinggal lihat hasilnya.

dikutip dari http://kolom-tutorial.blogspot.com

Membuat Text Berjalan atau Marquee

Membuat Text Berjalan atau Marquee - Text berjalan atau yang biasa disebut Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Bila kurang jelas, berikut ini adalah contohnya

marquee atau text berjalan

Jika anda ingin membuat text seperti di atas, anda tinggal copy kode berikut ini :

<MARQUEE align="center" direction="left" height="200" scrollamount="3" width="30%">
isi dari marquee atau text berjalan
</MARQUEE>

Arah, kecepatan gerak anda bisa rubah sesuai dengan selera anda. Bila ingin merubah lebih banyak, anda perlu memahami bahasa perintah atau kode yang biasa dipakai dalam perintah marquee sebagai berikut:

BGCOLOR="warna" (Untuk mengatur warna background (latar belakang) teks )

DIRECTION="left/right/up/down" (Mengatur arah gerakan teks)

BEHAVIOR="scroll/slide/alternate" ( Untuk mengatur perilaku gerakan )
Scroll (teks bergerak berputar)
Slide ( teks bergerak sekali lalu berhenti)
Alternate ( teks bergerak dari kiri kekanan lalu balik lagi )

TITLE='pesan" (Pesan akan muncul saat mouse berada di atas teks)

SCROLLMOUNT="angka" (mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya)

SCROLLDELAY="angka" (Untuk mengatur waktu tunda gerakan dalam mili detik)

LOOP="angka|-1|infinite" ( Mengatur jumlah loop )

WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen

Dengan memahami perintah di atas, silahkan lakukan modifikasi sesuka anda !

Cara Membuat Text Area

Cara Membuat Text Area - Text area (menaruh tulisan atau kode di dalam kotak). Jika anda bingung silahkan lihat contoh berikut ini :

isi dari text area bisa berupa tulisan atau kode yang ingin kita tampilkan

Untuk memasang text area seperti di atas, anda tinggal memasang kode berikut ini :

<p align="center"><textarea name="code" rows="6" cols="20"> di sini tempat menaruh kode atau text yang akan tampil di dalam text area, ganti sesuai yang diinginkan </textarea></p>

Selamat mencoba!

Membuat Buku Tamu atau Shoutbox

Membuat Buku Tamu atau Shoutbox - Hampir setiap blog punya buku tamu atau shoutbox. Dimana fungsi utamanya adalah biar pengunjung dapat meninggalkan pesan dan sebagai bahan interaksi dan jalinan silaturrahmi yang wajar dilakukan oleh para blogger. Lantas bagaimana cara buatnya, untuk itu silahkan anda ikuti langkah-langkah Membuat Buku Tamu atau Shoutbox berikut ini :

Buka alamat http://www.shoutmix.com
Anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
Pada kolom yang berjudul Style, klik menu appearance.
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai

Setelah anda mendapatkan kodenya, selanjutnya adalah pemasangan di blog kita:

Silahkan Login ke blog kita
Klik menu Layout
Klik Page Element
Klik Add a Page Element
Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
Copy paste kode HTML shoutbox anda di dalam form Content
Klik tombol Save Changes
Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
Tekan tombol Save
Selesai

Selamat anda telah memiliki buku tamu !

Membuat Scroll Untuk Daftar Link

Membuat Scrol Untuk Daftar Link - Kadang kalau teman kita banyak atau yang mau kita pasang linknya di blog kita daftarnya banyak, bisa membuat blog kita jadi jelek. Karena tertalalu panjang. Untuk itu memasang atau membuat scroll untuk daftar link (blogroll) akan dapat mempercantik blog anda. Bagaimana caranya? langsung saja :

1. Ke Edit HTML, centang "Expand Template Widget" lalu cari kode berikut :

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul> <b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

2. Masukkan kode berikut diatas <div class='widget-content'>

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

3. Lalu taruh kode </div> di atas kode </b:includable>

Kode secara lengkap akan seperi ini:

<b:widget id='LinkList2' locked='false' title='Blogroll' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div style='border: 0px; overflow: auto; width: 150px; height: 50px; text-align: center; background:#FFFFFF;'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>

Setelah itu simpan, dan lihat hasilnya !

Memasang Kategori Untuk Tiap Tulisan

Sabtu, 09 Januari 2010

Kadang ada yang belum tahu cara memberi kategori untuk tiap tulisan. Oleh karenanya, berikut cara membuat atau memasang kategori untuk tiap tulisan. Bisa juga disebut menampilkan label untuk tiap postingan.

Caranya mudah, anda tinggal menambahkan tulisan (kategori) apapun yang anda mau di kolom di bawah kolom posting.

Jika satu tulisan ingin anda masukkan dalam beberapa kategori atau label, maka tinggal menambahkan kata (kategori) lagi dan memisahkannya dengan tanda "koma".

Cara mengganti tampilan blog di blogger

Jumat, 08 Januari 2010

Cara mengganti tampilan blog di blogger itu sama halnya dengan mengganti template. Untuk itu, silahkan anda baca tulisan Cara mengganti Template Blogspot

Cara memasukkan gambar pada tulisan

Barangkali ada yang bingung bagaimana cara memasukkan gambar pada tulisan (postingan). Untuk itu, inilah cara memasukkan gambar pada tulisan di blogspot:

Login seperti biasa dengan id anda
Klik Posting
Klik Entri Baru (bila sebelumnya anda telah mempunyai posting-an)
Klik toolbar yang bergambar seperti ini
Kemudian anda bisa memilih Memasukkan Gambar dari komputer atau gambar dari web internet (url).
klik Browse dan ambil file gambar anda
Lihat pengaturannya ( di sana ada pilihan peletakan gambar dan juga berbagai ukuran gambar). Silahkan dipilih salah satunya
Kemudian klik Unggah Gambar
Selesai dan lihat hasilnya !

Sekali lagi, anda jangan ragu untuk memulai. Klik saja, dari sana anda akan belajar banyak bagaimana anda dapat ngeblog dengan benar !

Langkah Pertama Buat Blog di Blogspot.com

Inilah Langkah Pertama Buat Blog di Blogspot.com, atau cara pertama yang anda harus ikuti saat buat blog di blogger.com. Penasaran? ikuti langkahnya berikut ini

Silahkah buka http://www.blogger.com, Silahkan anda klik gambar dibawah untuk mendaftar.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "

Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

Tuliskan password yang anda inginkan pada form Masukkan sebuah password

Isikan kembali password anda tadi pada form Keyik ulang sandi (password)

Isi Nama Tampilan dengan nama yang ingin anda tampilkan

Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

Klik gambar anak panah yang bertuliskan "LANJUTKAN"

Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog

Tulis nama situs anda pada form Alamat Blog (URL)

Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".

Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"

Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

Blog anda sudah jadi, dan kini anda tinggal mengisinya. Jangan takut, silahkan baca tulisan pada tombol-tombo yang ada dan klik saja jika ingin mengetahuinya. Selamat

sumber : http://kolom-tutorial.blogspot.com

Cara Mengganti Template Blogger / Blogspot

Cara edit kini berbagi tentang Cara Mengganti Template Blogger / Blogspot. Jangan lupa, yang belum punya template yang akan dipasang, silahkan download dulu template yang banyak bertebaran di internet. Kemudian ikuti langkah-langkah cara mengganti template blogspot berikut ini

Cara Mengganti template di blogger:

Login ke blogger.com, setelah masuk ke dashboard, pilih blog yang ingin kamu ganti templatenya. Klik pada link Layout.
Setelah halaman Template terbuka, pilih sub menu Edit HTML
Sekarang upload fil .xml yang udah kamu download, Klik tombol Browse dan cari dimana file .xml kamu simpan, kemudian klik tombol Upload

Simpan dan selesai. Kemudian lihat tampilan barunya !

Cara Edit

Tulisan Terbaru