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.
READ MORE - Cara Mengganti Background Blog

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 :
  1. Login ke blogger dengan Username / id dan Pasword anda
  2. Klik Tata Letak.
  3. Klik tab Elemen Halaman, lihat pada struktur layout template anda. Biasanya bagian header akan seperti ini :

    elemenheader

  4. Sekarang kita akan memodifikasinya, let’s go to party.

  5. Klik Tab Edit HTML.

  6. Klik Tulisan Download Template Lengkap, silahkan di backup dulu (penting).

  7. Cari Kode yang mirip seperti ini :

    <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

  8. Hapus kode di atas dan ganti dengan kode di bawah ini :

    <b:section class='header' id='header' preferred='yes'>

  9. Klik tombol Simpan template. Tunggu beberapa saat sampai template anda tersimpan.

  10. Klik tab Elemen halaman. Dan sekarang layout template anda akan menjadi seperti ini :

    header-elemen
  11. Sekarang anda bisa menambahkan berbagai elemen langsung di bawah header.
  12. 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.
  13. Klik Tombol SIMPAN yang ada di bagian atas.
  14. Selesai, sekarang tinggal lihat hasilnya.
dikutip dari http://kolom-tutorial.blogspot.com
READ MORE - Menaruh Elemen Halaman Di Bawah Header

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 !
READ MORE - Membuat Text Berjalan atau Marquee

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 :



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!
READ MORE - Cara Membuat Text Area

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 :

  1. Buka alamat http://www.shoutmix.com
  2. 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.
  3. Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
  4. Pada kolom yang berjudul Style, klik menu appearance.
  5. 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.
  6. Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
  7. Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
  8. Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
  9. Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
  10. Selesai
Setelah anda mendapatkan kodenya, selanjutnya adalah pemasangan di blog kita:

  1. Silahkan Login ke blog kita
  2. Klik menu Layout
  3. Klik Page Element
  4. Klik Add a Page Element
  5. Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
  6. Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
  7. Copy paste kode HTML shoutbox anda di dalam form Content
  8. Klik tombol Save Changes
  9. Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
  10. Tekan tombol Save
  11. Selesai
Selamat anda telah memiliki buku tamu !
READ MORE - Membuat Buku Tamu atau Shoutbox

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 !
READ MORE - Membuat Scroll Untuk Daftar Link

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".
READ MORE - Memasang Kategori Untuk Tiap Tulisan

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
READ MORE - Cara mengganti tampilan blog di blogger

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:
  1. Login seperti biasa dengan id anda
  2. Klik Posting
  3. Klik Entri Baru (bila sebelumnya anda telah mempunyai posting-an)
  4. Klik toolbar yang bergambar seperti ini
  5. Kemudian anda bisa memilih Memasukkan Gambar dari komputer atau gambar dari web internet (url).
  6. klik Browse dan ambil file gambar anda
  7. Lihat pengaturannya ( di sana ada pilihan peletakan gambar dan juga berbagai ukuran gambar). Silahkan dipilih salah satunya
  8. Kemudian klik Unggah Gambar
  9. 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 !

READ MORE - Cara memasukkan gambar pada tulisan

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.
ciptakan blog sekarang juga
Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

  1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "


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


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


  4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password


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


  6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan


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


  8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"


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


  10. Tulis nama situs anda pada form Alamat Blog (URL)


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


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


  13. 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
READ MORE - Langkah Pertama Buat Blog di 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 !
READ MORE - Cara Mengganti Template Blogger / Blogspot
 
 
 
 
Copyright © Cara Edit
Using Protonema Theme | Bloggerized by Themescook Cara Tentang : Januari 2010